FE: display purchase summary in sidebar by rkumarsingh-sonata-crypto · Pull Request #168 · edx/frontend-app-enterprise-checkout

rkumarsingh-sonata-crypto · 2026-04-03T11:50:29Z

PurchaseSummaryupdateclip.mp4

Pusrchase.summaryclip2.mp4

Figma Link: https://www.figma.com/design/KAda9wZwM0uiTxVmNqF7ip/Subscription-Self-Service-V2?node-id=4131-207&t=cMZ9GAd4nr59dU5n-0

codecov · 2026-04-07T04:55:45Z

Codecov Report

❌ Patch coverage is 92.74194% with 9 lines in your changes missing coverage. Please review.
✅ Project coverage is 88.11%. Comparing base (6359b0e) to head (3064169).
⚠️ Report is 3 commits behind head on main.

Files with missing lines	Patch %	Lines
...omponents/PurchaseSummary/TeamsPurchaseSummary.tsx	74.28%	9 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #168      +/-   ##
==========================================
+ Coverage   88.08%   88.11%   +0.03%     
==========================================
  Files         155      160       +5     
  Lines        2920     3013      +93     
  Branches      576      608      +32     
==========================================
+ Hits         2572     2655      +83     
- Misses        348      358      +10

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Copilot

Pull request overview

This PR updates the Purchase Summary sidebar UI to support an “Essentials” flow variant, changing header/subtitle behavior, pricing/total calculations, and the footer CTA.

Changes:

Add Essentials-specific Purchase Summary rendering (different header/subtitle, hard-coded per-user price, conditional testimonial display, and an extra “Compare plans” card).
Introduce an “Upgrade to Teams” footer CTA and update PurchaseSummaryCardButton to support an isEssentials override.
Adjust several tests to align with updated Purchase Summary rendering and to relax some mutation hook assertions.

Reviewed changes

Copilot reviewed 15 out of 15 changed files in this pull request and generated 12 comments.

Show a summary per file

File	Description
src/utils/test/common.test.ts	Adjusts Jest system time setup to use a numeric timestamp.
src/components/StatefulButton/tests/StatefulProvisioningButton.test.tsx	Simplifies window mocking (removes location override).
src/components/PurchaseSummary/UpgradeToTeamsButton.tsx	Adds a new “Upgrade to Teams” button component.
src/components/PurchaseSummary/TotalAfterTrialRow.tsx	Changes the “Total after trial” right-side display when quantity is missing/0.
src/components/PurchaseSummary/tests/TotalAfterTrialRow.test.tsx	Updates assertions for the “Total after trial” row display.
src/components/PurchaseSummary/tests/PurchaseSummaryHeader.test.tsx	Updates header tests and adds i18n wrapper.
src/components/PurchaseSummary/tests/PurchaseSummary.test.tsx	Updates PurchaseSummary header expectation to match new subtitle format.
src/components/PurchaseSummary/PurchaseSummaryHeader.tsx	Adds `isEssentials` prop and changes subtitle/title rendering.
src/components/PurchaseSummary/PurchaseSummaryCardButton.tsx	Adds `isEssentials` prop and new upgrade button type mapping.
src/components/PurchaseSummary/PurchaseSummary.tsx	Implements Essentials-specific pricing/total logic and conditional UI.
src/components/PurchaseSummary/PricePerUserRow.tsx	Adds Essentials-specific label text.
src/components/PurchaseSummary/DueTodayRow.tsx	Adjusts bold styling by wrapping label/right contents.
src/components/app/data/hooks/tests/useRegisterMutation.test.tsx	Loosens onMutate assertion to objectContaining.
src/components/app/data/hooks/tests/useLoginMutation.test.tsx	Loosens onMutate assertion to objectContaining.
src/components/app/data/hooks/tests/useCreateCheckoutIntentMutation.test.tsx	Loosens onMutate assertion to objectContaining.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot

Pull request overview

Copilot reviewed 15 out of 15 changed files in this pull request and generated 5 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot · 2026-04-09T10:01:39Z

 import { usePurchaseSummaryPricing } from '@/components/app/data';
 import useTestimonials from '@/components/app/data/hooks/useTestimonials';
+import { isEssentialsFlow } from '@/components/app/routes/loaders/utils';
 import { DataStoreKey } from '@/constants/checkout';
 import { useCheckoutFormStore } from '@/hooks/index';


isEssentialsFlow is imported from components/app/routes/loaders/utils, which pulls in heavy loader-only dependencies (e.g., zod resolvers/Stripe types). Importing that module into a render component can unnecessarily bloat the client bundle; consider moving isEssentialsFlow into a small, client-safe utility module (or duplicating the tiny sessionStorage check locally) and importing from there instead.

Done in commit 2fcb92b. isEssentialsFlow has been moved to src/utils/common.ts (alongside the similarly structured isFeatureEnabled function). loaders/utils.ts now re-exports it from there for backward compatibility with loader files, and all UI components (PurchaseSummary, StatefulSubscribeButton, BillingDetailsPage, AccountDetailsPage) now import from @/utils/common directly.

Copilot · 2026-04-09T10:01:40Z

+  // For Essentials, hardcode price to $149
+  const pricePerUser = isEssentials ? 149 : yearlyCostPerSubscriptionPerUser;
+  const totalPerYear = normalizedQuantity && normalizedQuantity > 0 && pricePerUser
+    ? normalizedQuantity * pricePerUser
+    : null;


pricePerUser/totalPerYear uses truthiness checks (pricePerUser in particular), which will incorrectly treat a valid value of 0 as absent and produce null totals. Also, hardcoding 149 here makes pricing easy to drift from backend/config and harder to change. Prefer explicit null/undefined checks (e.g., pricePerUser != null) and source the Essentials price from a constant/config or the pricing context so the UI stays in sync.

@copilot apply changes based on this feedback

Copilot · 2026-04-09T10:01:40Z

                <DisplayPrice value={totalPerYear ?? 0} /> USD
              </span>
            )
-            : ('-')}/yr
+            : '-'
+          }/yr


When quantity is missing/0 this currently renders just "/yr" (empty string before it). That makes the value column ambiguous and also contradicts the test name that says "shows dash". Consider rendering a clear placeholder such as - (resulting in -/yr) to match the pattern used in other rows (e.g., PricePerUserRow and LicensesRow) and update the test expectation accordingly.

@copilot apply changes based on this feedback

Copilot · 2026-04-09T10:01:40Z

+const PurchaseSummaryHeaderComponent: React.FC<PurchaseSummaryHeaderProps> = ({ companyName, isEssentials }) => {
+  let subtitle: string | undefined;
+  if (isEssentials) {
+    subtitle = companyName || undefined;
+  } else {
+    subtitle = companyName
+      ? `${companyName} • Team subscription, price per user, paid yearly.`
+      : 'Team subscription, price per user, paid yearly.';


The plan-description text is duplicated here as a hardcoded English string and is slightly inconsistent with the label in PricePerUserRow (capitalization/punctuation). To avoid UI drift and ease localization, consider sourcing this from a shared i18n message/constant and composing the subtitle using that single source of truth.

Suggested change

const PurchaseSummaryHeaderComponent: React.FC<PurchaseSummaryHeaderProps> = ({ companyName, isEssentials }) => {

let subtitle: string | undefined;

if (isEssentials) {

subtitle = companyName || undefined;

} else {

subtitle = companyName

? `${companyName} • Team subscription, price per user, paid yearly.`

: 'Team subscription, price per user, paid yearly.';

const TEAM_SUBSCRIPTION_PLAN_DESCRIPTION = 'Team subscription, price per user, paid yearly.';

const PurchaseSummaryHeaderComponent: React.FC<PurchaseSummaryHeaderProps> = ({ companyName, isEssentials }) => {

let subtitle: string | undefined;

if (isEssentials) {

subtitle = companyName || undefined;

} else {

subtitle = companyName

? `${companyName} • ${TEAM_SUBSCRIPTION_PLAN_DESCRIPTION}`

: TEAM_SUBSCRIPTION_PLAN_DESCRIPTION;

Copilot · 2026-04-09T10:01:41Z

  const buttonType = useMemo(
-    (): ButtonType => ROUTE_BUTTON_MAP[location.pathname] ?? BUTTON_TYPES.NONE,
-    [location.pathname],
+    (): ButtonType => {
+      if (isEssentials) {
+        return BUTTON_TYPES.UPGRADE;
+      }


The new isEssentials branch introduces a new button type (UPGRADE) that isn't exercised by the existing PurchaseSummaryCardButton tests. Add a test that renders with isEssentials={true} and asserts the upgrade button is shown (and that route changes don’t affect it) to prevent regressions.

@copilot apply changes based on this feedback

Copilot

Pull request overview

Copilot reviewed 22 out of 22 changed files in this pull request and generated 2 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot · 2026-04-09T13:40:15Z

+  // If we don't have the prerequisites for Stripe, render the page shell without Stripe Elements.
+  if (!checkoutSessionClientSecret || !PUBLISHABLE_STRIPE_API_KEY || !stripePromise) {
+    return children;


StripeProvider returns children when Stripe prerequisites (client secret / publishable key / stripePromise) are missing. In this app the only current usage wraps BillingDetailsPage, which renders Stripe components (AddressElement/PaymentElement) that require the Stripe context—rendering them without CheckoutProvider will likely throw at runtime if the key is misconfigured. Prefer keeping the previous return null (or rendering an explicit non-Stripe fallback UI) unless children are guaranteed not to use Stripe context.

Suggested change

// If we don't have the prerequisites for Stripe, render the page shell without Stripe Elements.

if (!checkoutSessionClientSecret || !PUBLISHABLE_STRIPE_API_KEY || !stripePromise) {

return children;

// If we don't have the prerequisites for Stripe, avoid rendering Stripe-dependent children

// outside of CheckoutProvider.

if (!checkoutSessionClientSecret || !PUBLISHABLE_STRIPE_API_KEY || !stripePromise) {

return null;

Copilot · 2026-04-09T13:40:15Z

    renderWithI18n(<TotalAfterTrialRow quantity={quantity} totalPerYear={totalPerYear} />);
    validateText(`Total after ${SUBSCRIPTION_TRIAL_LENGTH_DAYS}-day free trial`);
-    validateText('-/yr');
+    validateText('/yr');


This test now asserts an exact text node of "/yr", but TotalAfterTrialRow renders a dash placeholder and then appends /yr, producing "-/yr" as the combined text content. Update the expectation to match the rendered output (e.g., assert "-/yr", or use a non-exact match if you only care about the suffix).

Suggested change

validateText('/yr');

validateText('-/yr');

Copilot

Pull request overview

Copilot reviewed 23 out of 23 changed files in this pull request and generated 4 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Agent-Logs-Url: https://github.com/edx/frontend-app-enterprise-checkout/sessions/cdf8568e-5024-4fd3-afd2-39b3c160ff72 Co-authored-by: rkumarsingh-sonata-crypto <265776069+rkumarsingh-sonata-crypto@users.noreply.github.com>

Copilot

Pull request overview

Copilot reviewed 23 out of 23 changed files in this pull request and generated 1 comment.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

+const PurchaseSummaryCardButton: React.FC<PurchaseSummaryCardButtonProps> = ({ isEssentials }) => {
  const location = useLocation();

  const buttonType = useMemo(
-    (): ButtonType => ROUTE_BUTTON_MAP[location.pathname] ?? BUTTON_TYPES.NONE,
-    [location.pathname],
+    (): ButtonType => {
+      if (isEssentials) {
+        return BUTTON_TYPES.UPGRADE;
+      }
+      return ROUTE_BUTTON_MAP[location.pathname] ?? BUTTON_TYPES.NONE;
+    },
+    [location.pathname, isEssentials],
  );


Copilot

Pull request overview

Copilot reviewed 32 out of 35 changed files in this pull request and generated 4 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

+/**
+ * Returns true when the current session is operating in the Essentials flow.
+ * Reads from sessionStorage so it is safe to call from any client-side module.
+ */
+const isEssentialsFlow = (): boolean => sessionStorage.getItem('isEssentials') === 'true';
+


 interface PricePerUserRowProps {
  pricePerUser?: number | null;
+  label?: string;
 }

-const PricePerUserRowComponent: React.FC<PricePerUserRowProps> = ({ pricePerUser }) => (
+const PricePerUserRowComponent: React.FC<PricePerUserRowProps> = ({
+  pricePerUser,
+  label = 'Price per user, paid yearly',
+}) => (
  <SummaryRow
-    label={(
-      <FormattedMessage
-        id="checkout.purchaseSummary.yearlyPricePerUser.text"
-        defaultMessage="Team Subscription, price per user, paid yearly"
-        description="Label for the team plan per user per year"
-      />
-    )}
+    label={label}
    right={pricePerUser == null ? '-' : <span><DisplayPrice value={pricePerUser} /> USD</span>}


+import PurchaseSummaryCardButton from './PurchaseSummaryCardButton';
+
+const ESSENTIALS_PRICE_PER_USER = 149;
+
+type AcademySelectionData = {


 const CONSOLE_FILTERS = {
  warn: [
    'PubSub already loaded',
  ],
  error: [
    'Support for defaultProps will be removed from function components',
+    'Warning: An update to',
  ],
 };


Copilot

Pull request overview

Copilot reviewed 23 out of 24 changed files in this pull request and generated 7 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

+import { Card } from '@openedx/paragon';
+
+const COMPARE_PLANS_URL = 'https://business.edx.org/course-library-compare-plans/';
+
+const ComparePlansBox = () => (
+  <Card className="bg-light border">
+    <Card.Body className="text-center">
+      <p className="mb-0 text-dark">
+        <strong>
+          Not sure which plan is right for you?{' '}
+          <a
+            href={COMPARE_PLANS_URL}
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Compare plans
+          </a>


+  const normalizedQuantity = parseInt(quantity, 10) === 0 ? null : quantity;
+
+  const totalPerYear = normalizedQuantity && normalizedQuantity > 0 && yearlyCostPerSubscriptionPerUser


+  const { yearlyCostPerSubscriptionPerUser } = usePurchaseSummaryPricing();
+
+  const normalizedQuantity = parseInt(quantity, 10) === 0 ? null : quantity;
+
+  const totalPerYear = normalizedQuantity && normalizedQuantity > 0 && yearlyCostPerSubscriptionPerUser
+    ? normalizedQuantity * yearlyCostPerSubscriptionPerUser


+const UpgradeToTeamsButton: React.FC = () => (
+  <Button
+    variant="outline-danger"
+    className="w-100 text-danger"
+    data-testid="upgrade-to-teams-button"
+  >
+    <Icon src={Lock} className="me-2" style={{ color: '#dc3545' }} />
+    <FormattedMessage
+      id="components.PurchaseSummary.UpgradeToTeamsButton.upgradeToTeams"
+      defaultMessage="Upgrade to Teams"
+      description="Button text to upgrade to Teams plan"
+    />
+  </Button>
+);
+


+    subtitle = headerName
+      ? `${headerName} • Team subscription, price per user, paid yearly.`
+      : 'Team subscription, price per user, paid yearly.';
+  }
+
+  return (
+    <Card.Header
+      title={<span className="font-weight-bold">Purchase summary</span>}
+      subtitle={subtitle}


+import PurchaseSummaryBase from './PurchaseSummaryBase';
+import PurchaseSummaryCardButton from './PurchaseSummaryCardButton';
+
+const ESSENTIALS_PRICE_PER_USER = 149;


+    <PurchaseSummaryBase
+      headerName={academyName}
+      isEssentials
+      pricePerUser={ESSENTIALS_PRICE_PER_USER}
+      priceLabel="Essentials subscription, price per user, paid yearly."


…on args

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Agent-Logs-Url: https://github.com/edx/frontend-app-enterprise-checkout/sessions/524d8165-8753-4d83-b292-a9aeb878c937 Co-authored-by: rkumarsingh-sonata-crypto <265776069+rkumarsingh-sonata-crypto@users.noreply.github.com>

Co-authored-by: rkumarsingh-sonata-crypto <265776069+rkumarsingh-sonata-crypto@users.noreply.github.com>

…ary architecture

…tting

Copilot

Pull request overview

Copilot reviewed 24 out of 25 changed files in this pull request and generated 10 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

+/**
+ * Returns true when the current session is operating in the Essentials flow.
+ * Reads from sessionStorage so it is safe to call from any client-side module.
+ */
+const isEssentialsFlow = (): boolean => sessionStorage.getItem('isEssentials') === 'true';
+


+  const academyName = academySelectionData?.academyName
+    ?? planDetailsData?.academyName
+    ?? accountDetailsData?.companyName
+    ?? null;


+    subtitle = headerName
+      ? `${headerName} • Team subscription, price per user, paid yearly.`
+      : 'Team subscription, price per user, paid yearly.';
+  }
+
+  return (
+    <Card.Header
+      title={<span className="font-weight-bold">Purchase summary</span>}
+      subtitle={subtitle && <span className="purchase-summary-header-name">{subtitle}</span>}


+      <p className="mb-0 compare-plans-text">
+        <strong>
+          Not sure which plan is right for you?{' '}
+          <a
+            href={COMPARE_PLANS_URL}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="compare-plans-link"
+          >
+            Compare plans.
+          </a>
+        </strong>


+const ESSENTIALS_PRICE_PER_USER = 149;
+


+const UpgradeToTeamsButton: React.FC = () => (
+  <Button
+    variant="outline-danger"
+    className="w-100 text-danger upgrade-to-teams-btn"
+    data-testid="upgrade-to-teams-button"
+  >
+    <Icon src={Lock} className="me-2" style={{ color: '#dc3545' }} />


 const CONSOLE_FILTERS = {
  warn: [
    'PubSub already loaded',
  ],
  error: [
    'Support for defaultProps will be removed from function components',
+    'Warning: An update to',
  ],
 };


+  const normalizedQuantity = parseInt(quantity, 10) === 0 ? null : quantity;
+
+  const totalPerYear = normalizedQuantity && normalizedQuantity > 0 && yearlyCostPerSubscriptionPerUser


+  useEffect(() => {
+    if (!testimonials.length) { return; }
+
+    let available = testimonials.filter(
+      (t) => t.uuid && !shownTestimonialsRef.current.includes(t.uuid),


+      isEssentials
+      pricePerUser={ESSENTIALS_PRICE_PER_USER}
+      priceLabel="Essentials subscription, price per user, paid yearly."
+      quantity={normalizedQuantity}


rkumarsingh-sonata-crypto force-pushed the feat/ENT-11420-display-purchase-summary-sidebar branch 2 times, most recently from c5198db to d88a2bc Compare April 6, 2026 05:10

Copilot AI review requested due to automatic review settings April 7, 2026 04:53

Copilot started reviewing on behalf of rkumarsingh-sonata-crypto April 7, 2026 04:53 View session

Copilot AI reviewed Apr 7, 2026

View reviewed changes

Copilot AI review requested due to automatic review settings April 9, 2026 09:55

Copilot started reviewing on behalf of rkumarsingh-sonata-crypto April 9, 2026 09:56 View session

Copilot AI reviewed Apr 9, 2026

View reviewed changes

Copilot started work on behalf of rkumarsingh-sonata-crypto April 9, 2026 12:56 View session

Copilot AI review requested due to automatic review settings April 9, 2026 13:02

rkumarsingh-sonata-crypto review requested due to automatic review settings April 9, 2026 13:02

Copilot finished work on behalf of rkumarsingh-sonata-crypto April 9, 2026 13:06

Copilot AI review requested due to automatic review settings April 9, 2026 13:34

Copilot started reviewing on behalf of rkumarsingh-sonata-crypto April 9, 2026 13:35 View session

Copilot AI reviewed Apr 9, 2026

View reviewed changes

Copilot AI review requested due to automatic review settings April 9, 2026 13:59

rkumarsingh-sonata-crypto force-pushed the feat/ENT-11420-display-purchase-summary-sidebar branch from ea897f7 to 13d6f52 Compare April 9, 2026 13:59

Copilot started reviewing on behalf of rkumarsingh-sonata-crypto April 9, 2026 14:00 View session

rkumarsingh-sonata-crypto requested a review from gshivajibiradar April 9, 2026 14:00

Copilot AI reviewed Apr 9, 2026

View reviewed changes

Comment thread src/components/PurchaseSummary/PurchaseSummary.tsx Outdated

Comment thread src/components/PurchaseSummary/PurchaseSummary.tsx Outdated

Comment thread src/components/PurchaseSummary/PurchaseSummaryHeader.tsx Outdated

Comment thread src/setupTest.ts

Copilot AI review requested due to automatic review settings April 10, 2026 09:05

Copilot started reviewing on behalf of rkumarsingh-sonata-crypto April 10, 2026 09:05 View session

Copilot AI reviewed Apr 10, 2026

View reviewed changes

tsunkara-sonata reviewed Apr 10, 2026

View reviewed changes

Comment thread src/components/PurchaseSummary/PurchaseSummary.tsx

tsunkara-sonata reviewed Apr 10, 2026

View reviewed changes

Comment thread src/components/PurchaseSummary/PurchaseSummary.tsx

Copilot AI review requested due to automatic review settings April 13, 2026 09:27

Copilot started reviewing on behalf of rkumarsingh-sonata-crypto April 13, 2026 09:27 View session

Copilot AI reviewed Apr 13, 2026

View reviewed changes

Copilot started reviewing on behalf of rkumarsingh-sonata-crypto April 16, 2026 10:41 View session

Copilot AI reviewed Apr 16, 2026

View reviewed changes

brobro10000 self-assigned this Apr 23, 2026

rkumarsingh-sonata-crypto and others added 23 commits April 24, 2026 17:23

feat: display purchase summary in sidebar

a11946d

fix: lint issues for purchase summary feature

96bfb69

test: fix useCreateCheckoutIntentMutation test to handle extra mutati…

97811b1

…on args

test: fix and update flaky and outdated assertions across failing suites

74e9261

chore: apply Copilot suggestion

403b179

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

chore: apply Copilot suggestion

23e3f56

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

chore: apply Copilot suggestion

09a5bf2

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

chore: apply Copilot suggestion

33ba95a

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

chore: apply Copilot suggestion

0332cb3

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

chore: apply Copilot suggestion

aa10771

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

feat: update StripeProvider for checkout session handling

9c48c85

feat: apply suggestion from @Copilot

9af4c13

fix: resolve all lint errors - import order, duplicates, JSX newline

725c0bc

Co-authored-by: rkumarsingh-sonata-crypto <265776069+rkumarsingh-sonata-crypto@users.noreply.github.com>

feat: implement essentials purchase summary and introduce shared summ…

1ece88c

…ary architecture

chore: stabilize typecheck config and dependency compatibility

8448120

fix: defer isEssentialsFlow evaluation and correct failing test mock

2cf5a07

chore: revert unintended changes to config files

3b7fdcf

chore: revert unintended StripeProvider changes

6d49984

chore: revert unintended test changes

10ce815

feat: update purchase summary and remove unrelated changes

ab34b75

fix(purchase-summary): replace hardcoded strings with localized forma…

043690b

…tting

feat(ENT-11420): align purchase summary sidebar with Figma design

3064169

Copilot AI review requested due to automatic review settings April 24, 2026 11:53

rkumarsingh-sonata-crypto force-pushed the feat/ENT-11420-display-purchase-summary-sidebar branch from ed32b1d to 3064169 Compare April 24, 2026 11:53

Copilot started reviewing on behalf of rkumarsingh-sonata-crypto April 24, 2026 11:53 View session

Copilot AI reviewed Apr 24, 2026

View reviewed changes

		const normalizedQuantity = parseInt(quantity, 10) === 0 ? null : quantity;

		const totalPerYear = normalizedQuantity && normalizedQuantity > 0 && yearlyCostPerSubscriptionPerUser

Conversation

rkumarsingh-sonata-crypto commented Apr 3, 2026 • edited by brobro10000 Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

codecov Bot commented Apr 7, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Codecov Report

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Copilot AI Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

rkumarsingh-sonata-crypto Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

rkumarsingh-sonata-crypto Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

rkumarsingh-sonata-crypto Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

rkumarsingh-sonata-crypto Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

rkumarsingh-sonata-crypto Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Copilot AI Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

rkumarsingh-sonata-crypto commented Apr 3, 2026 •

edited by brobro10000

Loading

codecov Bot commented Apr 7, 2026 •

edited

Loading