@edx/frontend-app-subscription-manage 1.3.2 → 1.4.0

package/dist/components/PaymentForm/PaymentForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentForm.js","sourceRoot":"","sources":["../../../src/components/PaymentForm/PaymentForm.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,aAAa,MAAM,gCAAgC,CAAC;AAG3D,OAAO,EAAE,iCAAiC,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,QAAQ,MAAM,YAAY,CAAC;AAqBlC,MAAM,WAAW,GAAG,CAAC,EACnB,OAAO,EACP,QAAQ,EACR,cAAc,EACd,cAAc,EACd,WAAW,EACX,SAAS,EACT,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,WAAW,GACM,EAAE,EAAE;;IACrB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAgB,MAAM,CAAC,CAAC;IAC1E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,gBAAgB,GAClB,CAAC,CAAC,WAAW,IAAI,iCAAiC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAE7E,MAAM,IAAI,GAAG,UAAU,IAAI,CAAC,WAAW,IAAI,CAAC,YAAY,CAAC;IAEzD,IAAI,WAAW,GAAG,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC;IAC9D,IAAI,UAAU;QAAE,WAAW,GAAG,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;SAC5D,IAAI,CAAC,YAAY;QAAE,WAAW,GAAG,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;SACxE,IAAI,CAAC,WAAW;QAAE,WAAW,GAAG,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;IAE5E,MAAM,MAAM,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,mCAAI,EAAE,CAAC;IACzC,MAAM,SAAS,GAAG,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAE9D,MAAM,YAAY,GAAG,GAAoB,EAAE;QACzC,MAAM,SAAS,GAAG,aAAa,CAAC,QAAQ,CAAC,WAAW,EAAE;YACpD,WAAW,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,QAAQ;YACjC,KAAK,EAAE,MAAM;YACb,SAAS;YACT,SAAS,EAAE,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC;YAC7C,UAAU,EAAE,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC;SACjD,CAAC,CAAC;QACH,MAAM,aAAa,GAAG,aAAa,CAAC,QAAQ,CAAC,gBAAgB,EAAE;YAC7D,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,MAAM;YACb,SAAS;SACV,CAAC,CAAC;QACH,MAAM,YAAY,GAAG,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAChD,IAAI,gBAAgB,EAAE,CAAC;YACrB,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAC;QACjE,CAAC;QACD,OAAO;YACL,iBAAiB,EAAE,SAAS;YAC5B,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI;YACrD,UAAU,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;YACpC,YAAY,EAAE,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC;SACxC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,aACpC,aAAI,SAAS,EAAC,8DAA8D,YACzE,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,GACzC,EAEL,aAAG,SAAS,EAAC,+BAA+B,aAC1C,iBAAQ,SAAS,EAAC,0BAA0B,YACzC,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,GAChC,EAAC,GAAG,EACb,eAAM,SAAS,EAAC,eAAe,YAC5B,aAAa,CAAC,QAAQ,CAAC,kBAAkB,EAAE;4BAC1C,IAAI,EAAE,CACJ,YACE,IAAI,EAAC,yBAAyB,EAC9B,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,SAAS,EAAC,eAAe,YAExB,aAAa,CAAC,QAAQ,CAAC,iBAAiB,CAAC,GACxC,CACL;yBACF,CAAC,GACG,IACL,EAGJ,eAAK,SAAS,EAAC,4BAA4B,aAEzC,eACE,SAAS,EAAE,uBAAuB,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,EAAE,aAGrG,iBACE,OAAO,EAAC,oBAAoB,EAC5B,SAAS,EAAC,6BAA6B,aAEvC,gBACE,EAAE,EAAC,oBAAoB,EACvB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,aAAa,KAAK,MAAM,EACjC,QAAQ,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,EACxC,SAAS,EAAC,qBAAqB,GAC/B,EACF,cACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,YAEX,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,2nBAA2nB,EAC7nB,IAAI,EAAC,SAAS,GACd,GACE,EACN,eAAM,SAAS,EAAC,yCAAyC,YACtD,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,GACxB,IACD,EAGP,aAAa,KAAK,MAAM,IAAI,CAC3B,eAAK,SAAS,EAAC,0BAA0B,aACvC,KAAC,aAAa,IACZ,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,EACF,MAAC,IAAI,CAAC,KAAK,IACT,SAAS,EAAC,SAAS,EACnB,SAAS,EAAC,mCAAmC,aAE7C,KAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,mBAAmB,YACtC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,GACrB,EACb,KAAC,IAAI,CAAC,OAAO,IACX,EAAE,EAAC,QAAQ,EACX,KAAK,EAAE,OAAO,CAAC,OAAO,EACtB,QAAQ,EAAE,CAAC,CAAuC,EAAE,EAAE,CACpD,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,YAEpC,SAAS,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;oDACzB,OAAO,CACL,iBAAyB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,YACvC,OAAO,CAAC,CAAC,CAAC,IADA,OAAO,CAAC,CAAC,CAAC,CAEd,CACV,CAAC;gDACJ,CAAC,CAAC,GACW,IACJ,IACT,CACP,IACG,EAGN,cACE,SAAS,EAAE,4BAA4B,aAAa,KAAK,WAAW,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,EAAE,YAE/G,iBACE,OAAO,EAAC,yBAAyB,EACjC,SAAS,EAAC,6BAA6B,aAEvC,gBACE,EAAE,EAAC,yBAAyB,EAC5B,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,aAAa,KAAK,WAAW,EACtC,QAAQ,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAC7C,SAAS,EAAC,qBAAqB,GAC/B,EACF,eACE,SAAS,EAAC,2DAA2D,iBACzD,MAAM,kBAGb,EACP,eAAM,SAAS,EAAC,2BAA2B,YACxC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,GAC7B,IACD,GACJ,EAGN,cACE,SAAS,EAAE,uBAAuB,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,EAAE,YAEvG,iBACE,OAAO,EAAC,sBAAsB,EAC9B,SAAS,EAAC,6BAA6B,aAEvC,gBACE,EAAE,EAAC,sBAAsB,EACzB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,aAAa,KAAK,QAAQ,EACnC,QAAQ,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAC1C,SAAS,EAAC,qBAAqB,GAC/B,EACF,eACE,SAAS,EAAC,6DAA6D,iBAC3D,MAAM,kBAGb,EACP,eAAM,SAAS,EAAC,2BAA2B,YACxC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,GAC1B,IACD,GACJ,IACF,EAGN,YAAG,SAAS,EAAC,wCAAwC,YAClD,aAAa,CAAC,QAAQ,CAAC,WAAW,EAAE;oBACnC,WAAW,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,QAAQ;oBACjC,KAAK,EAAE,MAAM;oBACb,SAAS;oBACT,SAAS,EAAE,CACT,YACE,SAAS,EAAC,eAAe,EACzB,IAAI,EAAC,QAAQ,EACb,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,YAEf,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,GACjC,CACL;oBACD,UAAU,EAAE,CACV,YACE,SAAS,EAAC,eAAe,EACzB,IAAI,EAAC,gBAAgB,EACrB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,YAEf,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC,GACnC,CACL;iBACF,CAAC,GACA,EAGJ,KAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,kBAAkB,EAAC,SAAS,EAAC,MAAM,YACvD,KAAC,IAAI,CAAC,QAAQ,IACZ,EAAE,EAAC,kBAAkB,EACrB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,CAAC,CAAsC,EAAE,EAAE,CACnD,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,YAEhC,eAAM,SAAS,EAAC,eAAe,YAC5B,aAAa,CAAC,QAAQ,CAAC,gBAAgB,EAAE;4BACxC,KAAK,EAAE,WAAW;4BAClB,KAAK,EAAE,MAAM;4BACb,SAAS;yBACV,CAAC,GACG,GACO,GACL,EAEZ,gBAAgB,IAAI,CACnB,KAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,aAAa,EAAC,SAAS,EAAC,MAAM,YAClD,KAAC,IAAI,CAAC,QAAQ,IACZ,EAAE,EAAC,aAAa,EAChB,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,CAAC,CAAsC,EAAE,EAAE,CACnD,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,YAEpC,eAAM,SAAS,EAAC,eAAe,YAC5B,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,GACvC,GACO,GACL,CACd,EAGD,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,EAC3C,QAAQ,EACN,CAAC,WAAW;uBACT,UAAU;uBACV,CAAC,SAAS;uBACV,CAAC,gBAAgB,IAAI,CAAC,aAAa,CAAC,aAGxC,IAAI,IAAI,CACP,KAAC,OAAO,IACN,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,MAAM,EAChB,gBAAgB,EAAE,aAAa,CAAC,QAAQ,CAAC,uBAAuB,CAAC,GACjE,CACH,EACA,WAAW,IACL,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import React, { useState } from 'react';\nimport type { Ref } from 'react';\nimport { Button, Form, Spinner } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport PaymentFields from '../PaymentFields/PaymentFields';\nimport type { BillingInfo, CheckoutConsent } from '../../types';\nimport type { PlanPrice } from '../../utils/billingDetails';\nimport { COUNTRIES_REQUIRING_EXTRA_CONFIRM, COUNTRIES } from '../../constants';\nimport messages from './Messages';\n\ntype PaymentMethod = 'card' | 'googlepay' | 'paypal';\n\nexport interface PaymentFormProps {\n  billing: BillingInfo,\n  setField: (field: keyof BillingInfo, value: string) => void,\n  numberMountRef: Ref<HTMLDivElement>,\n  expiryMountRef: Ref<HTMLDivElement>,\n  cvcMountRef: Ref<HTMLDivElement>,\n  cardError: string,\n  stripeReady: boolean,\n  sessionReady: boolean,\n  submitting: boolean,\n  onPlaceOrder: (consent: CheckoutConsent) => void,\n  priceToShow: PlanPrice | null,\n  cycleToShow: string,\n  trialEnd?: string,\n  userCountry?: string | null,\n}\n\nconst PaymentForm = ({\n  billing,\n  setField,\n  numberMountRef,\n  expiryMountRef,\n  cvcMountRef,\n  cardError,\n  stripeReady,\n  sessionReady,\n  submitting,\n  onPlaceOrder,\n  priceToShow,\n  cycleToShow,\n  trialEnd,\n  userCountry,\n}: PaymentFormProps) => {\n  const { formatMessage } = useIntl();\n  const [paymentMethod, setPaymentMethod] = useState<PaymentMethod>('card');\n  const [confirmed, setConfirmed] = useState(false);\n  const [ukCaConfirmed, setUkCaConfirmed] = useState(false);\n\n  const showExtraConfirm\n    = !!userCountry && COUNTRIES_REQUIRING_EXTRA_CONFIRM.includes(userCountry);\n\n  const busy = submitting || !stripeReady || !sessionReady;\n\n  let buttonLabel = formatMessage(messages.confirmSubscription);\n  if (submitting) buttonLabel = formatMessage(messages.processing);\n  else if (!sessionReady) buttonLabel = formatMessage(messages.loadingPayment);\n  else if (!stripeReady) buttonLabel = formatMessage(messages.loadingPayment);\n\n  const amount = priceToShow?.amount ?? '';\n  const frequency = cycleToShow === 'annual' ? 'year' : 'month';\n\n  const buildConsent = (): CheckoutConsent => {\n    const termsText = formatMessage(messages.termsNotice, {\n      renewalDate: trialEnd ?? '{date}',\n      price: amount,\n      frequency,\n      termsLink: formatMessage(messages.termsOfUse),\n      refundLink: formatMessage(messages.refundPolicy),\n    });\n    const recurringText = formatMessage(messages.recurringConfirm, {\n      cycle: cycleToShow,\n      price: amount,\n      frequency,\n    });\n    const consentParts = [termsText, recurringText];\n    if (showExtraConfirm) {\n      consentParts.push(formatMessage(messages.ukCaResidentConfirm));\n    }\n    return {\n      tConsentRecurring: confirmed,\n      tConsentUkCa: showExtraConfirm ? ukCaConfirmed : null,\n      tConsentAt: new Date().toISOString(),\n      tConsentText: consentParts.join('\\n\\n'),\n    };\n  };\n\n  return (\n    <div className=\"payment-form bg-white\">\n      <h2 className=\"payment-form__heading font-weight-bold mb-3 text-primary-500\">\n        {formatMessage(messages.selectPaymentMethod)}\n      </h2>\n\n      <p className=\"payment-form__help small mb-4\">\n        <strong className=\"d-block text-primary-500\">\n          {formatMessage(messages.needAssistance)}\n        </strong>{' '}\n        <span className=\"text-gray-700\">\n          {formatMessage(messages.needAssistanceBody, {\n            link: (\n              <a\n                href=\"https://support.edx.org\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                className=\"text-gray-700\"\n              >\n                {formatMessage(messages.learnerHelpCenter)}\n              </a>\n            ),\n          })}\n        </span>\n      </p>\n\n      {/* ── Payment method accordion ── */}\n      <div className=\"payment-form__methods mb-4\">\n        {/* ── Card ── */}\n        <div\n          className={`payment-form__method${paymentMethod === 'card' ? ' payment-form__method--selected' : ''}`}\n        >\n          {/* Header row — always visible */}\n          <label\n            htmlFor=\"paymentMethod-card\"\n            className=\"payment-form__method-header\"\n          >\n            <input\n              id=\"paymentMethod-card\"\n              type=\"radio\"\n              name=\"paymentMethod\"\n              value=\"card\"\n              checked={paymentMethod === 'card'}\n              onChange={() => setPaymentMethod('card')}\n              className=\"payment-form__radio\"\n            />\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n            >\n              <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M0 4C0 3.46957 0.210714 2.96086 0.585786 2.58579C0.960859 2.21071 1.46957 2 2 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4H0ZM0 6V12C0 12.5304 0.210714 13.0391 0.585786 13.4142C0.960859 13.7893 1.46957 14 2 14H14C14.5304 14 15.0391 13.7893 15.4142 13.4142C15.7893 13.0391 16 12.5304 16 12V6H0ZM3 11C3 10.7348 3.10536 10.4804 3.29289 10.2929C3.48043 10.1054 3.73478 10 4 10H5C5.26522 10 5.51957 10.1054 5.70711 10.2929C5.89464 10.4804 6 10.7348 6 11C6 11.2652 5.89464 11.5196 5.70711 11.7071C5.51957 11.8946 5.26522 12 5 12H4C3.73478 12 3.48043 11.8946 3.29289 11.7071C3.10536 11.5196 3 11.2652 3 11Z\"\n                fill=\"#0270DE\"\n              />\n            </svg>\n            <span className=\"payment-form__method-name text-info-500\">\n              {formatMessage(messages.card)}\n            </span>\n          </label>\n\n          {/* Expanded panel — only when selected */}\n          {paymentMethod === 'card' && (\n            <div className=\"payment-form__card-panel\">\n              <PaymentFields\n                numberMountRef={numberMountRef}\n                expiryMountRef={expiryMountRef}\n                cvcMountRef={cvcMountRef}\n                cardError={cardError}\n              />\n              <Form.Group\n                controlId=\"country\"\n                className=\"mt-3 mb-0 payment__field--country\"\n              >\n                <Form.Label className=\"small m-0 x-small\">\n                  {formatMessage(messages.country)}\n                </Form.Label>\n                <Form.Control\n                  as=\"select\"\n                  value={billing.country}\n                  onChange={(e: React.ChangeEvent<HTMLSelectElement>) =>\n                    setField('country', e.target.value)}\n                >\n                  {COUNTRIES.map((country) => {\n                    return (\n                      <option key={country[0]} value={country[0]}>\n                        {country[1]}\n                      </option>\n                    );\n                  })}\n                </Form.Control>\n              </Form.Group>\n            </div>\n          )}\n        </div>\n\n        {/* ── Google Pay ── */}\n        <div\n          className={`my-3 payment-form__method${paymentMethod === 'googlepay' ? ' payment-form__method--selected' : ''}`}\n        >\n          <label\n            htmlFor=\"paymentMethod-googlepay\"\n            className=\"payment-form__method-header\"\n          >\n            <input\n              id=\"paymentMethod-googlepay\"\n              type=\"radio\"\n              name=\"paymentMethod\"\n              value=\"googlepay\"\n              checked={paymentMethod === 'googlepay'}\n              onChange={() => setPaymentMethod('googlepay')}\n              className=\"payment-form__radio\"\n            />\n            <span\n              className=\"payment-form__method-icon payment-form__method-icon--gpay\"\n              aria-hidden=\"true\"\n            >\n              G\n            </span>\n            <span className=\"payment-form__method-name\">\n              {formatMessage(messages.googlePay)}\n            </span>\n          </label>\n        </div>\n\n        {/* ── PayPal ── */}\n        <div\n          className={`payment-form__method${paymentMethod === 'paypal' ? ' payment-form__method--selected' : ''}`}\n        >\n          <label\n            htmlFor=\"paymentMethod-paypal\"\n            className=\"payment-form__method-header\"\n          >\n            <input\n              id=\"paymentMethod-paypal\"\n              type=\"radio\"\n              name=\"paymentMethod\"\n              value=\"paypal\"\n              checked={paymentMethod === 'paypal'}\n              onChange={() => setPaymentMethod('paypal')}\n              className=\"payment-form__radio\"\n            />\n            <span\n              className=\"payment-form__method-icon payment-form__method-icon--paypal\"\n              aria-hidden=\"true\"\n            >\n              P\n            </span>\n            <span className=\"payment-form__method-name\">\n              {formatMessage(messages.paypal)}\n            </span>\n          </label>\n        </div>\n      </div>\n\n      {/* ── Terms ── */}\n      <p className=\"payment-form__terms text-gray-700 mb-3\">\n        {formatMessage(messages.termsNotice, {\n          renewalDate: trialEnd ?? '{date}',\n          price: amount,\n          frequency,\n          termsLink: (\n            <a\n              className=\"text-gray-700\"\n              href=\"/terms\"\n              target=\"_blank\"\n              rel=\"noreferrer\"\n            >\n              {formatMessage(messages.termsOfUse)}\n            </a>\n          ),\n          refundLink: (\n            <a\n              className=\"text-gray-700\"\n              href=\"/refund-policy\"\n              target=\"_blank\"\n              rel=\"noreferrer\"\n            >\n              {formatMessage(messages.refundPolicy)}\n            </a>\n          ),\n        })}\n      </p>\n\n      {/* ── Checkboxes ── */}\n      <Form.Group controlId=\"recurringConfirm\" className=\"mb-2\">\n        <Form.Checkbox\n          id=\"recurringConfirm\"\n          checked={confirmed}\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n            setConfirmed(e.target.checked)}\n        >\n          <span className=\"text-gray-700\">\n            {formatMessage(messages.recurringConfirm, {\n              cycle: cycleToShow,\n              price: amount,\n              frequency,\n            })}\n          </span>\n        </Form.Checkbox>\n      </Form.Group>\n\n      {showExtraConfirm && (\n        <Form.Group controlId=\"ukCaConfirm\" className=\"mb-4\">\n          <Form.Checkbox\n            id=\"ukCaConfirm\"\n            checked={ukCaConfirmed}\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n              setUkCaConfirmed(e.target.checked)}\n          >\n            <span className=\"text-gray-700\">\n              {formatMessage(messages.ukCaResidentConfirm)}\n            </span>\n          </Form.Checkbox>\n        </Form.Group>\n      )}\n\n      {/* ── Submit ── */}\n      <Button\n        variant=\"brand\"\n        className=\"payment-form__submit\"\n        onClick={() => onPlaceOrder(buildConsent())}\n        disabled={\n          !stripeReady\n          || submitting\n          || !confirmed\n          || (showExtraConfirm && !ukCaConfirmed)\n        }\n      >\n        {busy && (\n          <Spinner\n            animation=\"border\"\n            size=\"sm\"\n            className=\"mr-2\"\n            screenReaderText={formatMessage(messages.spinnerScreenReaderText)}\n          />\n        )}\n        {buttonLabel}\n      </Button>\n    </div>\n  );\n};\n\nexport default PaymentForm;\n"]}

package/dist/components/StatusScreens/Messages.d.ts

@@ -1,103 +0,0 @@
-declare const messages: {
-    successHeadline: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    successSubheadline: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    successSubheadlineWithCourse: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    findACourse: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    startCourse: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    viewReceipt: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    whatsIncluded: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    benefit1: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    benefit1WithCourse: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    benefit2: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    benefit3: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    benefit4: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    orderNumber: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    purchaseDate: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    cancelNotice: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    blockedHeading: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    blockedDefault: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    paymentFailedHeading: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    paymentFailedDefault: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    tryAgain: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-};
-export default messages;

package/dist/components/StatusScreens/Messages.js

@@ -1,108 +0,0 @@
-import { defineMessages } from '@openedx/frontend-base';
-const messages = defineMessages({
-    // SuccessScreen
-    successHeadline: {
-        id: 'checkout.successScreen.headline',
-        defaultMessage: "You're ready to begin learning.",
-        description: 'Main headline on the success screen',
-    },
-    successSubheadline: {
-        id: 'checkout.successScreen.subheadline',
-        defaultMessage: 'Your subscription is now active. Below is a summary of your order.',
-        description: 'Subheadline on the success screen',
-    },
-    successSubheadlineWithCourse: {
-        id: 'checkout.successScreen.subheadlineWithCourse',
-        defaultMessage: "Your subscription is now active (and you're enrolled in {courseLabel}). Below is a summary of your order.",
-        description: 'Subheadline on the success screen when the user enrolled in a specific course',
-    },
-    findACourse: {
-        id: 'checkout.successScreen.findACourse',
-        defaultMessage: "Let's find a course",
-        description: 'Primary CTA button on the success screen',
-    },
-    startCourse: {
-        id: 'checkout.successScreen.startCourse',
-        defaultMessage: 'Start course',
-        description: 'Primary CTA when the user enrolled in a specific course at checkout',
-    },
-    viewReceipt: {
-        id: 'checkout.successScreen.viewReceipt',
-        defaultMessage: 'View receipt',
-        description: 'View receipt link on the success screen',
-    },
-    whatsIncluded: {
-        id: 'checkout.successScreen.whatsIncluded',
-        defaultMessage: "What's included in your subscription",
-        description: 'Section heading for subscription benefits list',
-    },
-    benefit1: {
-        id: 'checkout.successScreen.benefit1',
-        defaultMessage: 'Access to graded assignments and exams in all courses you enroll in',
-        description: 'First subscription benefit',
-    },
-    benefit1WithCourse: {
-        id: 'checkout.successScreen.benefit1WithCourse',
-        defaultMessage: 'Access to graded assignments and exams in {courseLabel} and all courses you enroll in',
-        description: 'First subscription benefit when a specific course was enrolled at checkout',
-    },
-    benefit2: {
-        id: 'checkout.successScreen.benefit2',
-        defaultMessage: 'Shareable certificate upon completion',
-        description: 'Second subscription benefit',
-    },
-    benefit3: {
-        id: 'checkout.successScreen.benefit3',
-        defaultMessage: '24/7 global support',
-        description: 'Third subscription benefit',
-    },
-    benefit4: {
-        id: 'checkout.successScreen.benefit4',
-        defaultMessage: 'Early access to edX learning features',
-        description: 'Fourth subscription benefit',
-    },
-    orderNumber: {
-        id: 'checkout.successScreen.orderNumber',
-        defaultMessage: 'Order number',
-        description: 'Order number label',
-    },
-    purchaseDate: {
-        id: 'checkout.successScreen.purchaseDate',
-        defaultMessage: 'Purchase date',
-        description: 'Purchase date label',
-    },
-    cancelNotice: {
-        id: 'checkout.successScreen.cancelNotice',
-        defaultMessage: 'To avoid being charged, cancel your subscription by {trialEnd} from your dashboard.',
-        description: 'Trial cancellation reminder at the bottom of the success screen',
-    },
-    // BlockedScreen
-    blockedHeading: {
-        id: 'checkout.blockedScreen.heading',
-        defaultMessage: 'Order blocked',
-        description: 'Heading shown when order is blocked',
-    },
-    blockedDefault: {
-        id: 'checkout.blockedScreen.defaultMessage',
-        defaultMessage: 'We were unable to complete this order. Please contact support if you believe this is an error.',
-        description: 'Default blocked message when no detail is provided',
-    },
-    // PaymentFailedScreen
-    paymentFailedHeading: {
-        id: 'checkout.paymentFailedScreen.heading',
-        defaultMessage: 'Payment failed',
-        description: 'Heading shown when payment fails',
-    },
-    paymentFailedDefault: {
-        id: 'checkout.paymentFailedScreen.defaultMessage',
-        defaultMessage: 'Your card could not be processed. Please check your card details and try again.',
-        description: 'Default payment failed message',
-    },
-    tryAgain: {
-        id: 'checkout.paymentFailedScreen.tryAgain',
-        defaultMessage: 'Try again',
-        description: 'Try again button label',
-    },
-});
-export default messages;
-//# sourceMappingURL=Messages.js.map

package/dist/components/StatusScreens/Messages.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Messages.js","sourceRoot":"","sources":["../../../src/components/StatusScreens/Messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,gBAAgB;IAChB,eAAe,EAAE;QACf,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,iCAAiC;QACjD,WAAW,EAAE,qCAAqC;KACnD;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,oEAAoE;QACpF,WAAW,EAAE,mCAAmC;KACjD;IACD,4BAA4B,EAAE;QAC5B,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,2GAA2G;QAC3H,WAAW,EAAE,+EAA+E;KAC7F;IACD,WAAW,EAAE;QACX,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,qBAAqB;QACrC,WAAW,EAAE,0CAA0C;KACxD;IACD,WAAW,EAAE;QACX,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,qEAAqE;KACnF;IACD,WAAW,EAAE;QACX,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,yCAAyC;KACvD;IACD,aAAa,EAAE;QACb,EAAE,EAAE,sCAAsC;QAC1C,cAAc,EAAE,sCAAsC;QACtD,WAAW,EAAE,gDAAgD;KAC9D;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,qEAAqE;QACrF,WAAW,EAAE,4BAA4B;KAC1C;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,2CAA2C;QAC/C,cAAc,EAAE,uFAAuF;QACvG,WAAW,EAAE,4EAA4E;KAC1F;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,uCAAuC;QACvD,WAAW,EAAE,6BAA6B;KAC3C;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,qBAAqB;QACrC,WAAW,EAAE,4BAA4B;KAC1C;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,uCAAuC;QACvD,WAAW,EAAE,6BAA6B;KAC3C;IACD,WAAW,EAAE;QACX,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,oBAAoB;KAClC;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,qBAAqB;KACnC;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,qFAAqF;QACrG,WAAW,EAAE,iEAAiE;KAC/E;IAED,gBAAgB;IAChB,cAAc,EAAE;QACd,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,qCAAqC;KACnD;IACD,cAAc,EAAE;QACd,EAAE,EAAE,uCAAuC;QAC3C,cAAc,EAAE,gGAAgG;QAChH,WAAW,EAAE,oDAAoD;KAClE;IAED,sBAAsB;IACtB,oBAAoB,EAAE;QACpB,EAAE,EAAE,sCAAsC;QAC1C,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,kCAAkC;KAChD;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,iFAAiF;QACjG,WAAW,EAAE,gCAAgC;KAC9C;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,uCAAuC;QAC3C,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,wBAAwB;KACtC;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  // SuccessScreen\n  successHeadline: {\n    id: 'checkout.successScreen.headline',\n    defaultMessage: \"You're ready to begin learning.\",\n    description: 'Main headline on the success screen',\n  },\n  successSubheadline: {\n    id: 'checkout.successScreen.subheadline',\n    defaultMessage: 'Your subscription is now active. Below is a summary of your order.',\n    description: 'Subheadline on the success screen',\n  },\n  successSubheadlineWithCourse: {\n    id: 'checkout.successScreen.subheadlineWithCourse',\n    defaultMessage: \"Your subscription is now active (and you're enrolled in {courseLabel}). Below is a summary of your order.\",\n    description: 'Subheadline on the success screen when the user enrolled in a specific course',\n  },\n  findACourse: {\n    id: 'checkout.successScreen.findACourse',\n    defaultMessage: \"Let's find a course\",\n    description: 'Primary CTA button on the success screen',\n  },\n  startCourse: {\n    id: 'checkout.successScreen.startCourse',\n    defaultMessage: 'Start course',\n    description: 'Primary CTA when the user enrolled in a specific course at checkout',\n  },\n  viewReceipt: {\n    id: 'checkout.successScreen.viewReceipt',\n    defaultMessage: 'View receipt',\n    description: 'View receipt link on the success screen',\n  },\n  whatsIncluded: {\n    id: 'checkout.successScreen.whatsIncluded',\n    defaultMessage: \"What's included in your subscription\",\n    description: 'Section heading for subscription benefits list',\n  },\n  benefit1: {\n    id: 'checkout.successScreen.benefit1',\n    defaultMessage: 'Access to graded assignments and exams in all courses you enroll in',\n    description: 'First subscription benefit',\n  },\n  benefit1WithCourse: {\n    id: 'checkout.successScreen.benefit1WithCourse',\n    defaultMessage: 'Access to graded assignments and exams in {courseLabel} and all courses you enroll in',\n    description: 'First subscription benefit when a specific course was enrolled at checkout',\n  },\n  benefit2: {\n    id: 'checkout.successScreen.benefit2',\n    defaultMessage: 'Shareable certificate upon completion',\n    description: 'Second subscription benefit',\n  },\n  benefit3: {\n    id: 'checkout.successScreen.benefit3',\n    defaultMessage: '24/7 global support',\n    description: 'Third subscription benefit',\n  },\n  benefit4: {\n    id: 'checkout.successScreen.benefit4',\n    defaultMessage: 'Early access to edX learning features',\n    description: 'Fourth subscription benefit',\n  },\n  orderNumber: {\n    id: 'checkout.successScreen.orderNumber',\n    defaultMessage: 'Order number',\n    description: 'Order number label',\n  },\n  purchaseDate: {\n    id: 'checkout.successScreen.purchaseDate',\n    defaultMessage: 'Purchase date',\n    description: 'Purchase date label',\n  },\n  cancelNotice: {\n    id: 'checkout.successScreen.cancelNotice',\n    defaultMessage: 'To avoid being charged, cancel your subscription by {trialEnd} from your dashboard.',\n    description: 'Trial cancellation reminder at the bottom of the success screen',\n  },\n\n  // BlockedScreen\n  blockedHeading: {\n    id: 'checkout.blockedScreen.heading',\n    defaultMessage: 'Order blocked',\n    description: 'Heading shown when order is blocked',\n  },\n  blockedDefault: {\n    id: 'checkout.blockedScreen.defaultMessage',\n    defaultMessage: 'We were unable to complete this order. Please contact support if you believe this is an error.',\n    description: 'Default blocked message when no detail is provided',\n  },\n\n  // PaymentFailedScreen\n  paymentFailedHeading: {\n    id: 'checkout.paymentFailedScreen.heading',\n    defaultMessage: 'Payment failed',\n    description: 'Heading shown when payment fails',\n  },\n  paymentFailedDefault: {\n    id: 'checkout.paymentFailedScreen.defaultMessage',\n    defaultMessage: 'Your card could not be processed. Please check your card details and try again.',\n    description: 'Default payment failed message',\n  },\n  tryAgain: {\n    id: 'checkout.paymentFailedScreen.tryAgain',\n    defaultMessage: 'Try again',\n    description: 'Try again button label',\n  },\n});\n\nexport default messages;\n"]}

package/dist/components/StatusScreens/StatusScreens.d.ts

@@ -1,23 +0,0 @@
-export interface SuccessScreenProps {
-    subscriptionBiId?: string;
-    orderNumber?: string;
-    purchaseDate?: string;
-    trialStart?: string;
-    trialEnd?: string;
-    onFindCourse?: () => void;
-    cardLast4?: string;
-    priceToShow?: string;
-    cycleToShow?: string;
-    /** e.g. "StanfordOnline: Algorithms: Design and Analysis" — enables course-aware copy. */
-    courseLabel?: string | null;
-}
-export declare const SuccessScreen: ({ subscriptionBiId, orderNumber, purchaseDate, trialEnd, onFindCourse, courseLabel, }: SuccessScreenProps) => import("react/jsx-runtime").JSX.Element;
-export interface BlockedScreenProps {
-    detail?: string;
-}
-export declare const BlockedScreen: ({ detail }: BlockedScreenProps) => import("react/jsx-runtime").JSX.Element;
-export interface PaymentFailedScreenProps {
-    detail?: string;
-    onBack: () => void;
-}
-export declare const PaymentFailedScreen: ({ detail, onBack, }: PaymentFailedScreenProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/StatusScreens/StatusScreens.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Icon } from '@openedx/paragon';
-import { Error as ErrorIcon, Block } from '@openedx/paragon/icons';
-import { useIntl } from '@openedx/frontend-base';
-import messages from './Messages';
-export const SuccessScreen = ({ subscriptionBiId, orderNumber, purchaseDate, trialEnd, onFindCourse, courseLabel = null, }) => {
-    var _a;
-    const { formatMessage } = useIntl();
-    const displayOrderNumber = (_a = orderNumber !== null && orderNumber !== void 0 ? orderNumber : subscriptionBiId) !== null && _a !== void 0 ? _a : '—';
-    const hasCourse = !!courseLabel;
-    return (_jsxs("div", { className: "success-screen", children: [_jsx("h1", { className: "success-screen__headline font-weight-bold mb-2", children: formatMessage(messages.successHeadline) }), _jsx("p", { className: "text-muted mb-4", children: hasCourse
-                    ? formatMessage(messages.successSubheadlineWithCourse, { courseLabel })
-                    : formatMessage(messages.successSubheadline) }), _jsx("div", { className: "success-screen__ctas d-flex align-items-center mb-5", children: _jsx(Button, { variant: "brand", className: "success-screen__cta-primary mr-3", onClick: onFindCourse, children: formatMessage(hasCourse ? messages.startCourse : messages.findACourse) }) }), _jsxs("div", { className: "row", children: [_jsxs("div", { className: "col-12 col-md-7 mb-4", children: [_jsx("h2", { className: "h5 font-weight-bold mb-3", children: formatMessage(messages.whatsIncluded) }), _jsxs("ul", { className: "success-screen__benefits pl-4", children: [_jsx("li", { className: "mb-2", children: hasCourse
-                                            ? formatMessage(messages.benefit1WithCourse, { courseLabel })
-                                            : formatMessage(messages.benefit1) }), _jsx("li", { className: "mb-2", children: formatMessage(messages.benefit2) }), _jsx("li", { className: "mb-2", children: formatMessage(messages.benefit3) }), _jsx("li", { className: "mb-2", children: formatMessage(messages.benefit4) })] })] }), _jsxs("div", { className: "col-12 col-md-5 mb-4", children: [displayOrderNumber && (_jsxs("div", { className: "mb-3", children: [_jsx("p", { className: "font-weight-bold mb-0", children: formatMessage(messages.orderNumber) }), _jsx("p", { className: "text-muted mb-0", children: displayOrderNumber })] })), purchaseDate && (_jsxs("div", { children: [_jsx("p", { className: "font-weight-bold mb-0", children: formatMessage(messages.purchaseDate) }), _jsx("p", { className: "text-muted mb-0", children: purchaseDate })] }))] })] }), _jsx("hr", {}), trialEnd && (_jsx("p", { className: "text-muted small mt-3", children: formatMessage(messages.cancelNotice, { trialEnd }) }))] }));
-};
-export const BlockedScreen = ({ detail }) => {
-    const { formatMessage } = useIntl();
-    return (_jsxs("div", { className: "blocked-screen text-center py-5", children: [_jsx(Icon, { src: Block, className: "blocked-screen__icon text-danger mb-3" }), _jsx("h3", { className: "font-weight-bold", children: formatMessage(messages.blockedHeading) }), _jsx("p", { className: "text-muted", children: detail || formatMessage(messages.blockedDefault) })] }));
-};
-export const PaymentFailedScreen = ({ detail, onBack, }) => {
-    const { formatMessage } = useIntl();
-    return (_jsxs("div", { className: "payment-failed-screen text-center py-4", children: [_jsx(Icon, { src: ErrorIcon, className: "payment-failed-screen__icon text-danger mb-3" }), _jsx("h3", { className: "font-weight-bold mb-2", children: formatMessage(messages.paymentFailedHeading) }), _jsx("p", { className: "payment-failed-screen__detail text-muted mb-4", children: detail || formatMessage(messages.paymentFailedDefault) }), _jsx(Button, { variant: "brand", className: "w-100", onClick: onBack, children: formatMessage(messages.tryAgain) })] }));
-};
-//# sourceMappingURL=StatusScreens.js.map

package/dist/components/StatusScreens/StatusScreens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusScreens.js","sourceRoot":"","sources":["../../../src/components/StatusScreens/StatusScreens.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Button, Icon } from '@openedx/paragon';\nimport { Error as ErrorIcon, Block } from '@openedx/paragon/icons';\nimport { useIntl } from '@openedx/frontend-base';\nimport messages from './Messages';\n\n// ---------------------------------------------------------------------------\n// SuccessScreen\n// ---------------------------------------------------------------------------\n\nexport interface SuccessScreenProps {\n  subscriptionBiId?: string,\n  orderNumber?: string,\n  purchaseDate?: string,\n  trialStart?: string,\n  trialEnd?: string,\n  onFindCourse?: () => void,\n  cardLast4?: string,\n  priceToShow?: string,\n  cycleToShow?: string,\n  /** e.g. \"StanfordOnline: Algorithms: Design and Analysis\" — enables course-aware copy. */\n  courseLabel?: string | null,\n}\n\nexport const SuccessScreen = ({\n  subscriptionBiId,\n  orderNumber,\n  purchaseDate,\n  trialEnd,\n  onFindCourse,\n  courseLabel = null,\n}: SuccessScreenProps) => {\n  const { formatMessage } = useIntl();\n\n  const displayOrderNumber = orderNumber ?? subscriptionBiId ?? '—';\n  const hasCourse = !!courseLabel;\n\n  return (\n    <div className=\"success-screen\">\n      <h1 className=\"success-screen__headline font-weight-bold mb-2\">\n        {formatMessage(messages.successHeadline)}\n      </h1>\n\n      <p className=\"text-muted mb-4\">\n        {hasCourse\n          ? formatMessage(messages.successSubheadlineWithCourse, { courseLabel })\n          : formatMessage(messages.successSubheadline)}\n      </p>\n\n      {/* ── CTAs ── */}\n      <div className=\"success-screen__ctas d-flex align-items-center mb-5\">\n        <Button\n          variant=\"brand\"\n          className=\"success-screen__cta-primary mr-3\"\n          onClick={onFindCourse}\n        >\n          {formatMessage(hasCourse ? messages.startCourse : messages.findACourse)}\n        </Button>\n        {/* View receipt button hidden temporarily */}\n      </div>\n\n      {/* ── Two column: benefits + order details ── */}\n      <div className=\"row\">\n        <div className=\"col-12 col-md-7 mb-4\">\n          <h2 className=\"h5 font-weight-bold mb-3\">\n            {formatMessage(messages.whatsIncluded)}\n          </h2>\n          <ul className=\"success-screen__benefits pl-4\">\n            <li className=\"mb-2\">\n              {hasCourse\n                ? formatMessage(messages.benefit1WithCourse, { courseLabel })\n                : formatMessage(messages.benefit1)}\n            </li>\n            <li className=\"mb-2\">{formatMessage(messages.benefit2)}</li>\n            <li className=\"mb-2\">{formatMessage(messages.benefit3)}</li>\n            <li className=\"mb-2\">{formatMessage(messages.benefit4)}</li>\n          </ul>\n        </div>\n\n        <div className=\"col-12 col-md-5 mb-4\">\n          {displayOrderNumber && (\n            <div className=\"mb-3\">\n              <p className=\"font-weight-bold mb-0\">\n                {formatMessage(messages.orderNumber)}\n              </p>\n              <p className=\"text-muted mb-0\">{displayOrderNumber}</p>\n            </div>\n          )}\n          {purchaseDate && (\n            <div>\n              <p className=\"font-weight-bold mb-0\">\n                {formatMessage(messages.purchaseDate)}\n              </p>\n              <p className=\"text-muted mb-0\">{purchaseDate}</p>\n            </div>\n          )}\n        </div>\n      </div>\n\n      <hr />\n\n      {/* ── Trial cancellation notice ── */}\n      {trialEnd && (\n        <p className=\"text-muted small mt-3\">\n          {formatMessage(messages.cancelNotice, { trialEnd })}\n        </p>\n      )}\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// BlockedScreen\n// ---------------------------------------------------------------------------\n\nexport interface BlockedScreenProps {\n  detail?: string,\n}\n\nexport const BlockedScreen = ({ detail }: BlockedScreenProps) => {\n  const { formatMessage } = useIntl();\n  return (\n    <div className=\"blocked-screen text-center py-5\">\n      <Icon src={Block} className=\"blocked-screen__icon text-danger mb-3\" />\n      <h3 className=\"font-weight-bold\">\n        {formatMessage(messages.blockedHeading)}\n      </h3>\n      <p className=\"text-muted\">\n        {detail || formatMessage(messages.blockedDefault)}\n      </p>\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// PaymentFailedScreen\n// ---------------------------------------------------------------------------\n\nexport interface PaymentFailedScreenProps {\n  detail?: string,\n  onBack: () => void,\n}\n\nexport const PaymentFailedScreen = ({\n  detail,\n  onBack,\n}: PaymentFailedScreenProps) => {\n  const { formatMessage } = useIntl();\n  return (\n    <div className=\"payment-failed-screen text-center py-4\">\n      <Icon\n        src={ErrorIcon}\n        className=\"payment-failed-screen__icon text-danger mb-3\"\n      />\n      <h3 className=\"font-weight-bold mb-2\">\n        {formatMessage(messages.paymentFailedHeading)}\n      </h3>\n      <p className=\"payment-failed-screen__detail text-muted mb-4\">\n        {detail || formatMessage(messages.paymentFailedDefault)}\n      </p>\n      <Button variant=\"brand\" className=\"w-100\" onClick={onBack}>\n        {formatMessage(messages.tryAgain)}\n      </Button>\n    </div>\n  );\n};\n"]}

package/dist/data/hooks/useCheckout.d.ts

@@ -1,57 +0,0 @@
-import type { Ref } from 'react';
-import type { BillingCycle } from '../../types';
-import type { Status, Phase, BillingInfo, BillingPlan, CheckoutConsent } from '../../types';
-export interface UseCheckoutOptions {
-    apiUrl?: string;
-    edxSessionUrl?: string;
-    stripePublishableKey?: string;
-    onComplete?: (subscriptionBiId: string | null) => void;
-    /** Country code resolved by CheckoutGate — used to show/hide the UK/CA extra checkbox. */
-    userCountry?: string | null;
-    /**
-     * Course run key from the URL (e.g. course-v1:HarvardX+CS50+X).
-     * When omitted, read from ?course_run_key=.
-     */
-    courseRunKey?: string | null;
-}
-export interface UseCheckoutResult {
-    phase: Phase;
-    status: Status | null;
-    statusLabel: string;
-    stripeReady: boolean;
-    /** True once the Stripe card Element iframe is fully initialised and interactive. */
-    cardReady: boolean;
-    notConfigured: boolean;
-    showBanner: boolean;
-    dismissBanner: () => void;
-    error: string;
-    clearError: () => void;
-    cardError: string;
-    lastComment: string;
-    /** Full subscription details including card last 4 — available after SUBSCRIPTION_CREATED. */
-    subscriptionDetails: import('../../types').SubscriptionDetails | null;
-    billing: BillingInfo;
-    setField: (field: keyof BillingInfo, value: string) => void;
-    numberMountRef: Ref<HTMLDivElement>;
-    expiryMountRef: Ref<HTMLDivElement>;
-    cvcMountRef: Ref<HTMLDivElement>;
-    submitting: boolean;
-    /** True from Place order click until a terminal status is reached. */
-    processingSubscription: boolean;
-    placeOrder: (consent: CheckoutConsent) => void;
-    /** Billing plans fetched on mount — includes prices for display in CartSummary. */
-    billingPlans: BillingPlan[];
-    /** Live active subscriber count for display in CartSummary. */
-    activeSubscriberCount: number | null;
-    /** Currently selected billing cycle. */
-    selectedCycle: BillingCycle;
-    /** Switch between monthly and annual billing. */
-    setCycle: (cycle: BillingCycle) => void;
-    /** True once GET /edx-session has returned and the viax token is set. */
-    sessionReady: boolean;
-    /** ISO 3166-1 alpha-2 country code — passed in from CheckoutGate for the UK/CA checkbox. */
-    userCountry: string | null;
-    /** Course details when arrived via ?course_run_key=; null for standard checkout. */
-    course: import('../../types').CourseDetail | null;
-}
-export default function useCheckout(options?: UseCheckoutOptions): UseCheckoutResult;

package/dist/data/hooks/useCheckout.js

@@ -1,249 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
-import { createCheckoutClient } from '../../utils/checkout';
-import { loadStripe } from '../../utils/stripe';
-import { STATUS, STATUS_LABELS, STRIPE_ELEMENT_OPTS, phaseFor, DEFAULTS, } from '../../constants';
-import { useCartStatusQuery, useSubscriptionIdQuery, useBillingPlansQuery, useActiveSubscriptionsQuery, useViaxSessionQuery, useCourseDetailQuery, } from './useCheckoutQueries';
-import { useCheckoutMutations } from './useCheckoutMutations';
-/**
- * Read ?course_run_key= from the current URL.
- * Avoid URLSearchParams — it treats bare `+` as a space, which would turn
- * HarvardX+CS50+X into "HarvardX CS50 X". decodeURIComponent keeps `+` intact.
- */
-function getCourseRunKeyFromUrl() {
-    if (typeof window === 'undefined')
-        return null;
-    const match = /[?&]course_run_key=([^&]*)/.exec(window.location.search);
-    if (!match)
-        return null;
-    try {
-        // Preserve literal `+` (treat as %2B) then decode %XX sequences.
-        return decodeURIComponent(match[1].replace(/\+/g, '%2B')).trim() || null;
-    }
-    catch (_a) {
-        return match[1].trim() || null;
-    }
-}
-export default function useCheckout(options = {}) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    const { apiUrl = DEFAULTS.apiUrl, edxSessionUrl, stripePublishableKey, onComplete, userCountry = null, courseRunKey: courseRunKeyProp, } = options;
-    const courseRunKey = useMemo(() => courseRunKeyProp !== null && courseRunKeyProp !== void 0 ? courseRunKeyProp : getCourseRunKeyFromUrl(), [courseRunKeyProp]);
-    const client = useMemo(() => {
-        if (!apiUrl)
-            return null;
-        return createCheckoutClient({ apiUrl });
-    }, [apiUrl]);
-    const notConfigured = !client || !stripePublishableKey || !edxSessionUrl;
-    // Exchange edX session for viax token on page load.
-    const sessionQuery = useViaxSessionQuery(notConfigured ? null : edxSessionUrl);
-    const sessionReady = !!sessionQuery.data;
-    useEffect(() => {
-        if (sessionQuery.data && client) {
-            client.setToken(sessionQuery.data.viaxToken);
-        }
-    }, [sessionQuery.data, client]);
-    // Fetch billing plans, subscriber count, and optional course once the viax session is ready.
-    const billingPlansQuery = useBillingPlansQuery(client, sessionReady);
-    const activeSubscriptionsQuery = useActiveSubscriptionsQuery(client, sessionReady);
-    const courseDetailQuery = useCourseDetailQuery(client, sessionReady, courseRunKey);
-    // --- state ---
-    const [showBanner, setShowBanner] = useState(true);
-    const [cart, setCart] = useState(null);
-    const [stripe, setStripe] = useState(null);
-    const [stripeReady, setStripeReady] = useState(false);
-    const [cardReady, setCardReady] = useState(false);
-    const [error, setError] = useState('');
-    const [cardError, setCardError] = useState('');
-    const [billing, setBilling] = useState({
-        firstName: '', lastName: '', city: '', zip: '', country: 'US', line1: '', state: '',
-    });
-    const [selectedCycle, setSelectedCycle] = useState('monthly');
-    const [processingSubscription, setProcessingSubscription] = useState(false);
-    useEffect(() => {
-        if (sessionQuery.error) {
-            setError(sessionQuery.error.message);
-        }
-    }, [sessionQuery.error]);
-    const setField = useCallback((field, value) => setBilling((p) => (Object.assign(Object.assign({}, p), { [field]: value }))), []);
-    // --- refs ---
-    // Stripe instances — written inside useEffect and mutations.
-    const stripeInstanceRef = useRef(null);
-    const cardNumberElementRef = useRef(null);
-    const elementsRef = useRef(null);
-    const elementsMountedRef = useRef(false);
-    // DOM mount targets — passed as ref={} to the Stripe Element host divs.
-    const numberMountRef = useRef(null);
-    const expiryMountRef = useRef(null);
-    const cvcMountRef = useRef(null);
-    const mountedRef = useRef(true);
-    const completedRef = useRef(false);
-    const sessionRef = useRef(null);
-    useEffect(() => {
-        var _a;
-        sessionRef.current = (_a = sessionQuery.data) !== null && _a !== void 0 ? _a : null;
-    }, [sessionQuery.data]);
-    // Mirror state into refs so mutations can read current values without stale closures.
-    const cartRef = useRef(null);
-    const billingRef = useRef(billing);
-    useEffect(() => {
-        cartRef.current = cart;
-    }, [cart]);
-    useEffect(() => {
-        billingRef.current = billing;
-    }, [billing]);
-    useEffect(() => {
-        stripeInstanceRef.current = stripe;
-    }, [stripe]);
-    // --- server state ---
-    const statusQuery = useCartStatusQuery(client, (_a = cart === null || cart === void 0 ? void 0 : cart.biId) !== null && _a !== void 0 ? _a : null);
-    const status = (_c = (_b = statusQuery.data) === null || _b === void 0 ? void 0 : _b.status) !== null && _c !== void 0 ? _c : null;
-    const lastComment = (_e = (_d = statusQuery.data) === null || _d === void 0 ? void 0 : _d.lastComment) !== null && _e !== void 0 ? _e : '';
-    // Phase is 'ready' until a cart exists, then driven by bpStatus.
-    const phase = cart ? phaseFor(status, status === STATUS.IN_CART) : 'ready';
-    const subscriptionIdQuery = useSubscriptionIdQuery(client, (_f = cart === null || cart === void 0 ? void 0 : cart.biId) !== null && _f !== void 0 ? _f : null, status === STATUS.SUBSCRIPTION_CREATED);
-    // --- mutations ---
-    const { placeOrder: placeMutation } = useCheckoutMutations({
-        client,
-        sessionRef,
-        stripeRef: stripeInstanceRef,
-        cardNumberElRef: cardNumberElementRef,
-        billingRef,
-        setError: (msg) => {
-            setProcessingSubscription(false);
-            setError(msg);
-        },
-        setCardError: (msg) => {
-            setProcessingSubscription(false);
-            setCardError(msg);
-        },
-        onCartCreated: (created) => {
-            // Sync the ref immediately so any same-tick readers see the cart
-            // before the setCart → useEffect mirror runs.
-            cartRef.current = created;
-            if (mountedRef.current)
-                setCart(created);
-        },
-    });
-    // --- load Stripe.js on mount ---
-    useEffect(() => {
-        mountedRef.current = true;
-        if (!stripePublishableKey)
-            return undefined;
-        (() => __awaiter(this, void 0, void 0, function* () {
-            try {
-                const instance = yield loadStripe(stripePublishableKey);
-                if (mountedRef.current) {
-                    setStripe(instance);
-                    setStripeReady(true);
-                }
-            }
-            catch (e) {
-                if (mountedRef.current)
-                    setError(e.message);
-            }
-        }))();
-        return () => {
-            mountedRef.current = false;
-        };
-    }, [stripePublishableKey]);
-    // --- mount Stripe Elements once Stripe is loaded ---
-    useEffect(() => {
-        if (!stripe)
-            return;
-        if (!numberMountRef.current || !expiryMountRef.current || !cvcMountRef.current)
-            return;
-        // Hard guard — never recreate elements once mounted, even if stripe reference changes.
-        if (elementsMountedRef.current)
-            return;
-        elementsMountedRef.current = true;
-        setCardReady(false);
-        const elements = stripe.elements();
-        elementsRef.current = elements;
-        const number = elements.create('cardNumber', Object.assign(Object.assign({}, STRIPE_ELEMENT_OPTS), { showIcon: true }));
-        const expiry = elements.create('cardExpiry', STRIPE_ELEMENT_OPTS);
-        const cvc = elements.create('cardCvc', STRIPE_ELEMENT_OPTS);
-        number.mount(numberMountRef.current);
-        expiry.mount(expiryMountRef.current);
-        cvc.mount(cvcMountRef.current);
-        number.on('ready', () => {
-            if (mountedRef.current)
-                setCardReady(true);
-        });
-        number.on('change', (e) => {
-            var _a;
-            if (mountedRef.current)
-                setCardError(((_a = e.error) === null || _a === void 0 ? void 0 : _a.message) || '');
-        });
-        cardNumberElementRef.current = number;
-    }, [stripe]);
-    // --- on success ---
-    useEffect(() => {
-        var _a, _b;
-        if (status !== STATUS.SUBSCRIPTION_CREATED || completedRef.current)
-            return;
-        completedRef.current = true;
-        if (onComplete)
-            onComplete((_b = (_a = subscriptionIdQuery.data) === null || _a === void 0 ? void 0 : _a.biId) !== null && _b !== void 0 ? _b : null);
-    }, [status, subscriptionIdQuery.data, onComplete]);
-    // --- actions ---
-    const placeOrder = useCallback((consent) => {
-        setError('');
-        setCardError('');
-        if (phase === 'failed')
-            setCart(null);
-        setProcessingSubscription(true);
-        placeMutation.mutate(consent);
-    }, [placeMutation, phase]);
-    // Turn off processingSubscription once we reach a terminal status.
-    useEffect(() => {
-        if (!status)
-            return;
-        const terminalStatuses = [
-            STATUS.SUBSCRIPTION_CREATED,
-            STATUS.STRIPE_FAIL,
-            STATUS.SANCTION_BLOCK,
-        ];
-        if (terminalStatuses.includes(status)) {
-            setProcessingSubscription(false);
-        }
-    }, [status]);
-    return {
-        phase,
-        status,
-        statusLabel: (status && STATUS_LABELS[status]) || 'Processing your order…',
-        stripeReady,
-        cardReady,
-        notConfigured,
-        showBanner,
-        dismissBanner: () => setShowBanner(false),
-        error,
-        clearError: () => setError(''),
-        cardError,
-        lastComment,
-        subscriptionDetails: (_g = subscriptionIdQuery.data) !== null && _g !== void 0 ? _g : null,
-        billing,
-        setField,
-        numberMountRef,
-        expiryMountRef,
-        cvcMountRef,
-        submitting: placeMutation.isPending,
-        processingSubscription,
-        placeOrder,
-        billingPlans: (_j = (_h = billingPlansQuery.data) === null || _h === void 0 ? void 0 : _h.plans) !== null && _j !== void 0 ? _j : [],
-        activeSubscriberCount: (_l = (_k = activeSubscriptionsQuery.data) === null || _k === void 0 ? void 0 : _k.active) !== null && _l !== void 0 ? _l : null,
-        selectedCycle,
-        setCycle: setSelectedCycle,
-        sessionReady,
-        userCountry,
-        course: (_m = courseDetailQuery.data) !== null && _m !== void 0 ? _m : null,
-    };
-}
-//# sourceMappingURL=useCheckout.js.map