@edx/frontend-app-alacarte-checkout 1.0.0

package/dist/components/EdxUnlimitedBanner/EdxUnlimitedBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EdxUnlimitedBanner.js","sourceRoot":"","sources":["../../../src/components/EdxUnlimitedBanner/EdxUnlimitedBanner.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\ninterface EdxUnlimitedBannerProps {\n  headlinePre?: string,\n  headlinePost?: string,\n  body?: string,\n  ctaLabel?: string,\n  ctaHref?: string,\n  imageUrl?: string,\n  imageAlt?: string,\n  setShowLandingPage?: (show: boolean) => void,\n}\n\nconst EdxUnlimitedBadge = () => (\n  <span className=\"edx-banner__badge\" aria-label=\"edX unlimited\">\n    <span className=\"edx-banner__badge-edx\">edX</span>\n    <span className=\"edx-banner__badge-unlimited\">unlimited</span>\n  </span>\n);\n\nconst BulletIcon = () => (\n  <span className=\"edx-banner__bullet\" aria-hidden=\"true\">\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n      <circle cx=\"6\" cy=\"6\" r=\"3\" fill=\"#fff\" />\n      <circle cx=\"6\" cy=\"1.5\" r=\"1.5\" fill=\"#fff\" />\n      <circle cx=\"6\" cy=\"10.5\" r=\"1.5\" fill=\"#fff\" />\n      <circle cx=\"1.5\" cy=\"6\" r=\"1.5\" fill=\"#fff\" />\n      <circle cx=\"10.5\" cy=\"6\" r=\"1.5\" fill=\"#fff\" />\n    </svg>\n  </span>\n);\n\nconst EdxUnlimitedBanner: React.FC<EdxUnlimitedBannerProps> = ({\n  headlinePre = 'Never stop learning with',\n  headlinePost = '',\n  body = 'Access 850 courses and programs from world-class institutions — all included for $39 a month. Expand your skills, grow your career, and keep learning for life.',\n  ctaLabel = 'Start 7-day free trial',\n  ctaHref = '#',\n  imageUrl,\n  imageAlt = 'Student learning online',\n  setShowLandingPage,\n}) => (\n  <div className=\"edx-banner\">\n    {/* ── Left: text content ── */}\n    <div className=\"edx-banner__content\">\n      <div className=\"edx-banner__eyebrow\">\n        <BulletIcon />\n        <h2 className=\"edx-banner__headline\">\n          {headlinePre} <EdxUnlimitedBadge />\n          {headlinePost && ` ${headlinePost}`}\n        </h2>\n      </div>\n\n      <p className=\"edx-banner__body\">{body}</p>\n\n      <div className=\"edx-banner__cta-wrapper\">\n        <a\n          href={ctaHref}\n          className=\"edx-banner__cta\"\n          onClick={\n            setShowLandingPage\n              ? (e) => {\n                  e.preventDefault();\n                  setShowLandingPage(false);\n                }\n              : undefined\n          }\n        >\n          {ctaLabel}\n        </a>\n      </div>\n    </div>\n\n    {/* ── Right: photo ── */}\n    {imageUrl && (\n      <div className=\"edx-banner__photo\" aria-hidden=\"true\">\n        <img src={imageUrl} alt={imageAlt} />\n      </div>\n    )}\n\n    {/* Placeholder when no imageUrl */}\n    {!imageUrl && (\n      <div className=\"edx-banner__placeholder\" aria-hidden=\"true\">\n        <svg\n          width=\"48\"\n          height=\"48\"\n          viewBox=\"0 0 48 48\"\n          fill=\"none\"\n          opacity=\"0.3\"\n        >\n          <rect\n            x=\"8\"\n            y=\"8\"\n            width=\"32\"\n            height=\"32\"\n            rx=\"16\"\n            stroke=\"#fff\"\n            strokeWidth=\"2\"\n          />\n          <path\n            d=\"M24 20a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM12 36c0-6.627 5.373-12 12-12s12 5.373 12 12\"\n            stroke=\"#fff\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n          />\n        </svg>\n      </div>\n    )}\n  </div>\n);\n\nexport default EdxUnlimitedBanner;\n"]}

package/dist/components/EnrollmentSummary/EnrollmentSummary.d.ts

@@ -0,0 +1,22 @@
+import type { CourseDetail } from '../../types';
+export interface EnrollmentSummaryProps {
+    productTitle?: string;
+    productBlurb?: string;
+    /** e.g. "59" or "396" from getBillingPlans */
+    amount?: string;
+    /** Promotional monthly price e.g. "39" — monthly plans only. */
+    promoAmount?: string;
+    /** Length of the promotional period in months. */
+    promoMonths?: number;
+    /** Regular monthly price after the promo period e.g. "59". */
+    monthlyRegularAmount?: string;
+    /** e.g. "USD" */
+    currency?: string;
+    /** Billing cycle for the purchased plan. */
+    cycleToShow?: 'monthly' | 'annual';
+    /** When set, shows the enrolled course card below the purchase summary. */
+    course?: CourseDetail | null;
+    onStartCourse?: () => void;
+}
+declare const EnrollmentSummary: ({ productTitle, productBlurb, amount, promoAmount, promoMonths, monthlyRegularAmount, currency, cycleToShow, course, onStartCourse, }: EnrollmentSummaryProps) => import("react/jsx-runtime").JSX.Element;
+export default EnrollmentSummary;

package/dist/components/EnrollmentSummary/EnrollmentSummary.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Card } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import { EdxUnlimitedLogo } from '../BrandMarks/BrandMarks';
+import CourseEnrollmentCard from '../CourseEnrollmentCard/CourseEnrollmentCard';
+import messages from './Messages';
+const EnrollmentSummary = ({ productTitle = 'edX Plus', productBlurb = 'Access to hundreds of courses and programs.', amount, promoAmount = '39', promoMonths = 3, monthlyRegularAmount, currency = 'USD', cycleToShow = 'monthly', course = null, onStartCourse, }) => {
+    const { formatMessage } = useIntl();
+    const isMonthly = cycleToShow === 'monthly';
+    const frequency = isMonthly ? 'month' : 'year';
+    const cycleLabel = isMonthly
+        ? formatMessage(messages.monthlySubscription)
+        : formatMessage(messages.annualSubscription);
+    const regularMonthlyAmount = monthlyRegularAmount !== null && monthlyRegularAmount !== void 0 ? monthlyRegularAmount : amount;
+    return (_jsxs("div", { className: "enrollment-summary", children: [_jsxs(Card, { className: "enrollment-summary__card p-3", children: [_jsx(Card.Section, { className: "p-0 pb-3", children: _jsx("p", { className: "font-weight-bold mb-0 text-gray-900", children: formatMessage(messages.purchaseSummary) }) }), _jsx(Card.Divider, {}), _jsx(Card.Section, { className: "p-0 py-3", children: _jsxs("div", { className: "d-flex align-items-start", children: [_jsx(EdxUnlimitedLogo, {}), _jsxs("div", { children: [_jsx("p", { className: "font-weight-bold mb-0 text-primary-500", children: productTitle }), _jsx("p", { className: "small mb-0 text-gray-900", children: productBlurb })] })] }) }), _jsx(Card.Divider, {}), _jsx(Card.Section, { className: "p-0 pt-3 pb-2", children: _jsxs("div", { className: "d-flex justify-content-between align-items-start", children: [_jsx("span", { className: "small text-gray-900", children: cycleLabel }), _jsx("div", { className: "enrollment-summary__pricing text-right", children: isMonthly ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "small text-gray-900 font-weight-bold", children: formatMessage(messages.promotionalPrice, {
+                                                    amount: promoAmount,
+                                                    months: promoMonths,
+                                                }) }), regularMonthlyAmount && (_jsx("div", { className: "small text-gray-900", children: formatMessage(messages.regularPrice, {
+                                                    amount: regularMonthlyAmount,
+                                                    currency,
+                                                }) }))] })) : (amount && (_jsx("div", { className: "small text-gray-900 font-weight-bold", children: formatMessage(messages.priceDisplay, {
+                                            amount,
+                                            frequency,
+                                            currency,
+                                        }) }))) })] }) }), _jsxs(Card.Section, { className: "d-flex justify-content-between align-items-center px-0 pt-1", children: [_jsx("span", { className: "font-weight-bold text-gray-900", children: formatMessage(messages.todaysTotal) }), _jsx("span", { className: "font-weight-bold mb-0 text-success", children: isMonthly
+                                    ? formatMessage(messages.todaysTotalValue)
+                                    : formatMessage(messages.todaysTotalAnnualValue, {
+                                        amount: amount !== null && amount !== void 0 ? amount : '',
+                                        currency,
+                                    }) })] })] }), course && (_jsx(CourseEnrollmentCard, { course: course, variant: "success", onStartCourse: onStartCourse }))] }));
+};
+export default EnrollmentSummary;
+//# sourceMappingURL=EnrollmentSummary.js.map

package/dist/components/EnrollmentSummary/EnrollmentSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnrollmentSummary.js","sourceRoot":"","sources":["../../../src/components/EnrollmentSummary/EnrollmentSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Card } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport { EdxUnlimitedLogo } from '../BrandMarks/BrandMarks';\nimport CourseEnrollmentCard from '../CourseEnrollmentCard/CourseEnrollmentCard';\nimport type { CourseDetail } from '../../types';\nimport messages from './Messages';\n\nexport interface EnrollmentSummaryProps {\n  productTitle?: string,\n  productBlurb?: string,\n  /** e.g. \"59\" or \"396\" from getBillingPlans */\n  amount?: string,\n  /** Promotional monthly price e.g. \"39\" — monthly plans only. */\n  promoAmount?: string,\n  /** Length of the promotional period in months. */\n  promoMonths?: number,\n  /** Regular monthly price after the promo period e.g. \"59\". */\n  monthlyRegularAmount?: string,\n  /** e.g. \"USD\" */\n  currency?: string,\n  /** Billing cycle for the purchased plan. */\n  cycleToShow?: 'monthly' | 'annual',\n  /** When set, shows the enrolled course card below the purchase summary. */\n  course?: CourseDetail | null,\n  onStartCourse?: () => void,\n}\n\nconst EnrollmentSummary = ({\n  productTitle = 'edX Plus',\n  productBlurb = 'Access to hundreds of courses and programs.',\n  amount,\n  promoAmount = '39',\n  promoMonths = 3,\n  monthlyRegularAmount,\n  currency = 'USD',\n  cycleToShow = 'monthly',\n  course = null,\n  onStartCourse,\n}: EnrollmentSummaryProps) => {\n  const { formatMessage } = useIntl();\n\n  const isMonthly = cycleToShow === 'monthly';\n  const frequency = isMonthly ? 'month' : 'year';\n  const cycleLabel = isMonthly\n    ? formatMessage(messages.monthlySubscription)\n    : formatMessage(messages.annualSubscription);\n  const regularMonthlyAmount = monthlyRegularAmount ?? amount;\n\n  return (\n    <div className=\"enrollment-summary\">\n      <Card className=\"enrollment-summary__card p-3\">\n        <Card.Section className=\"p-0 pb-3\">\n          <p className=\"font-weight-bold mb-0 text-gray-900\">\n            {formatMessage(messages.purchaseSummary)}\n          </p>\n        </Card.Section>\n\n        <Card.Divider />\n\n        <Card.Section className=\"p-0 py-3\">\n          <div className=\"d-flex align-items-start\">\n            <EdxUnlimitedLogo />\n            <div>\n              <p className=\"font-weight-bold mb-0 text-primary-500\">\n                {productTitle}\n              </p>\n              <p className=\"small mb-0 text-gray-900\">{productBlurb}</p>\n            </div>\n          </div>\n        </Card.Section>\n\n        <Card.Divider />\n\n        <Card.Section className=\"p-0 pt-3 pb-2\">\n          <div className=\"d-flex justify-content-between align-items-start\">\n            <span className=\"small text-gray-900\">{cycleLabel}</span>\n            <div className=\"enrollment-summary__pricing text-right\">\n              {isMonthly ? (\n                <>\n                  <div className=\"small text-gray-900 font-weight-bold\">\n                    {formatMessage(messages.promotionalPrice, {\n                      amount: promoAmount,\n                      months: promoMonths,\n                    })}\n                  </div>\n                  {regularMonthlyAmount && (\n                    <div className=\"small text-gray-900\">\n                      {formatMessage(messages.regularPrice, {\n                        amount: regularMonthlyAmount,\n                        currency,\n                      })}\n                    </div>\n                  )}\n                </>\n              ) : (\n                amount && (\n                  <div className=\"small text-gray-900 font-weight-bold\">\n                    {formatMessage(messages.priceDisplay, {\n                      amount,\n                      frequency,\n                      currency,\n                    })}\n                  </div>\n                )\n              )}\n            </div>\n          </div>\n        </Card.Section>\n\n        <Card.Section className=\"d-flex justify-content-between align-items-center px-0 pt-1\">\n          <span className=\"font-weight-bold text-gray-900\">\n            {formatMessage(messages.todaysTotal)}\n          </span>\n          <span className=\"font-weight-bold mb-0 text-success\">\n            {isMonthly\n              ? formatMessage(messages.todaysTotalValue)\n              : formatMessage(messages.todaysTotalAnnualValue, {\n                  amount: amount ?? '',\n                  currency,\n                })}\n          </span>\n        </Card.Section>\n      </Card>\n\n      {course && (\n        <CourseEnrollmentCard\n          course={course}\n          variant=\"success\"\n          onStartCourse={onStartCourse}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default EnrollmentSummary;\n"]}

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

@@ -0,0 +1,48 @@
+declare const messages: {
+    purchaseSummary: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    monthlySubscription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    annualSubscription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    promotionalPrice: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    regularPrice: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    priceDisplay: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    todaysTotal: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    todaysTotalValue: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    todaysTotalAnnualValue: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/components/EnrollmentSummary/Messages.js

@@ -0,0 +1,50 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    purchaseSummary: {
+        id: 'checkout.enrollmentSummary.purchaseSummary',
+        defaultMessage: 'Purchase summary',
+        description: 'Heading for the purchase summary card on the success screen',
+    },
+    monthlySubscription: {
+        id: 'checkout.enrollmentSummary.monthlySubscription',
+        defaultMessage: 'Monthly subscription',
+        description: 'Label for monthly billing cycle in purchase summary',
+    },
+    annualSubscription: {
+        id: 'checkout.enrollmentSummary.annualSubscription',
+        defaultMessage: 'Annual subscription',
+        description: 'Label for annual billing cycle in purchase summary',
+    },
+    promotionalPrice: {
+        id: 'checkout.enrollmentSummary.promotionalPrice',
+        defaultMessage: '${amount}/mo for {months} months',
+        description: 'Promotional monthly price e.g. $39/mo for 3 months',
+    },
+    regularPrice: {
+        id: 'checkout.enrollmentSummary.regularPrice',
+        defaultMessage: 'then ${amount}/mo {currency}',
+        description: 'Regular monthly price after the promo period e.g. then $59/mo {currency}',
+    },
+    priceDisplay: {
+        id: 'checkout.enrollmentSummary.priceDisplay',
+        defaultMessage: '${amount}/{frequency} {currency}',
+        description: 'Price display in the purchase summary e.g. $396/year USD',
+    },
+    todaysTotal: {
+        id: 'checkout.enrollmentSummary.todaysTotal',
+        defaultMessage: "Today's total",
+        description: "Label for today's total row",
+    },
+    todaysTotalValue: {
+        id: 'checkout.enrollmentSummary.todaysTotalValue',
+        defaultMessage: '$0',
+        description: "Today's total value during trial period (monthly only)",
+    },
+    todaysTotalAnnualValue: {
+        id: 'checkout.enrollmentSummary.todaysTotalAnnualValue',
+        defaultMessage: '${amount} {currency}',
+        description: "Today's total for annual plans with no trial e.g. $396 USD",
+    },
+});
+export default messages;
+//# sourceMappingURL=Messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Messages.js","sourceRoot":"","sources":["../../../src/components/EnrollmentSummary/Messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,eAAe,EAAE;QACf,EAAE,EAAE,4CAA4C;QAChD,cAAc,EAAE,kBAAkB;QAClC,WAAW,EAAE,6DAA6D;KAC3E;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,gDAAgD;QACpD,cAAc,EAAE,sBAAsB;QACtC,WAAW,EAAE,qDAAqD;KACnE;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,+CAA+C;QACnD,cAAc,EAAE,qBAAqB;QACrC,WAAW,EAAE,oDAAoD;KAClE;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,kCAAkC;QAClD,WAAW,EAAE,oDAAoD;KAClE;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,8BAA8B;QAC9C,WAAW,EAAE,0EAA0E;KACxF;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,kCAAkC;QAClD,WAAW,EAAE,0DAA0D;KACxE;IACD,WAAW,EAAE;QACX,EAAE,EAAE,wCAAwC;QAC5C,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,6BAA6B;KAC3C;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,IAAI;QACpB,WAAW,EAAE,wDAAwD;KACtE;IACD,sBAAsB,EAAE;QACtB,EAAE,EAAE,mDAAmD;QACvD,cAAc,EAAE,sBAAsB;QACtC,WAAW,EAAE,4DAA4D;KAC1E;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  purchaseSummary: {\n    id: 'checkout.enrollmentSummary.purchaseSummary',\n    defaultMessage: 'Purchase summary',\n    description: 'Heading for the purchase summary card on the success screen',\n  },\n  monthlySubscription: {\n    id: 'checkout.enrollmentSummary.monthlySubscription',\n    defaultMessage: 'Monthly subscription',\n    description: 'Label for monthly billing cycle in purchase summary',\n  },\n  annualSubscription: {\n    id: 'checkout.enrollmentSummary.annualSubscription',\n    defaultMessage: 'Annual subscription',\n    description: 'Label for annual billing cycle in purchase summary',\n  },\n  promotionalPrice: {\n    id: 'checkout.enrollmentSummary.promotionalPrice',\n    defaultMessage: '${amount}/mo for {months} months',\n    description: 'Promotional monthly price e.g. $39/mo for 3 months',\n  },\n  regularPrice: {\n    id: 'checkout.enrollmentSummary.regularPrice',\n    defaultMessage: 'then ${amount}/mo {currency}',\n    description: 'Regular monthly price after the promo period e.g. then $59/mo {currency}',\n  },\n  priceDisplay: {\n    id: 'checkout.enrollmentSummary.priceDisplay',\n    defaultMessage: '${amount}/{frequency} {currency}',\n    description: 'Price display in the purchase summary e.g. $396/year USD',\n  },\n  todaysTotal: {\n    id: 'checkout.enrollmentSummary.todaysTotal',\n    defaultMessage: \"Today's total\",\n    description: \"Label for today's total row\",\n  },\n  todaysTotalValue: {\n    id: 'checkout.enrollmentSummary.todaysTotalValue',\n    defaultMessage: '$0',\n    description: \"Today's total value during trial period (monthly only)\",\n  },\n  todaysTotalAnnualValue: {\n    id: 'checkout.enrollmentSummary.todaysTotalAnnualValue',\n    defaultMessage: '${amount} {currency}',\n    description: \"Today's total for annual plans with no trial e.g. $396 USD\",\n  },\n});\n\nexport default messages;\n"]}

package/dist/components/PaymentFields/PaymentFields.d.ts

@@ -0,0 +1,9 @@
+import type { Ref } from 'react';
+export interface PaymentFieldsProps {
+    numberMountRef: Ref<HTMLDivElement>;
+    expiryMountRef: Ref<HTMLDivElement>;
+    cvcMountRef: Ref<HTMLDivElement>;
+    cardError: string;
+}
+declare const PaymentFields: ({ numberMountRef, expiryMountRef, cvcMountRef, cardError, }: PaymentFieldsProps) => import("react/jsx-runtime").JSX.Element;
+export default PaymentFields;

package/dist/components/PaymentFields/PaymentFields.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Form } from '@openedx/paragon';
+import { STRIPE_FIELD_STYLE } from '../../constants';
+import { CardBrands } from '../BrandMarks/BrandMarks';
+const PaymentFields = ({ numberMountRef, expiryMountRef, cvcMountRef, cardError, }) => (_jsxs("div", { className: "payment--field", children: [_jsxs("div", { className: "d-flex flex-column mb-3 gap-4", children: [_jsxs(Form.Group, { controlId: "cardNumber", className: "mb-0 flex-grow-1", children: [_jsx(Form.Label, { className: "text-gray-900 m-0 x-small", children: "Card number" }), _jsxs("div", { className: "form-control", style: STRIPE_FIELD_STYLE, children: [_jsx("div", { ref: numberMountRef, className: "flex-grow-1" }), _jsx(CardBrands, {})] })] }), _jsxs("div", { className: "d-flex gap-4", children: [_jsxs(Form.Group, { controlId: "cardExpiry", className: "card__expiry mb-0 w-50", children: [_jsx(Form.Label, { className: "text-gray-900 m-0 x-small", children: "Expiration" }), _jsx("div", { className: "form-control", style: STRIPE_FIELD_STYLE, children: _jsx("div", { ref: expiryMountRef, className: "flex-grow-1" }) })] }), _jsxs(Form.Group, { controlId: "cardCvc", className: "card__cvc mb-0 w-50", children: [_jsx(Form.Label, { className: "text-gray-900 m-0 x-small", children: "CVC" }), _jsx("div", { className: "form-control", style: STRIPE_FIELD_STYLE, children: _jsx("div", { ref: cvcMountRef, className: "flex-grow-1" }) })] })] })] }), cardError && _jsx("p", { className: "text-danger small mb-2", children: cardError })] }));
+export default PaymentFields;
+//# sourceMappingURL=PaymentFields.js.map

package/dist/components/PaymentFields/PaymentFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentFields.js","sourceRoot":"","sources":["../../../src/components/PaymentFields/PaymentFields.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAStD,MAAM,aAAa,GAAG,CAAC,EACrB,cAAc,EACd,cAAc,EACd,WAAW,EACX,SAAS,GACU,EAAE,EAAE,CAAC,CACxB,eAAK,SAAS,EAAC,gBAAgB,aAE7B,eAAK,SAAS,EAAC,+BAA+B,aAE5C,MAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,YAAY,EAAC,SAAS,EAAC,kBAAkB,aAC7D,KAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,2BAA2B,4BAEpC,EACb,eAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,kBAAkB,aACrD,cAAK,GAAG,EAAE,cAAc,EAAE,SAAS,EAAC,aAAa,GAAG,EACpD,KAAC,UAAU,KAAG,IACV,IACK,EAEb,eAAK,SAAS,EAAC,cAAc,aAE3B,MAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,YAAY,EAAC,SAAS,EAAC,wBAAwB,aACnE,KAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,2BAA2B,2BAEpC,EACb,cAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,kBAAkB,YACrD,cAAK,GAAG,EAAE,cAAc,EAAE,SAAS,EAAC,aAAa,GAAG,GAChD,IACK,EAGb,MAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAC,qBAAqB,aAC7D,KAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,2BAA2B,oBAAiB,EAClE,cAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,kBAAkB,YACrD,cAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAC,aAAa,GAAG,GAC7C,IACK,IACT,IACF,EAEL,SAAS,IAAI,YAAG,SAAS,EAAC,wBAAwB,YAAE,SAAS,GAAK,IAC/D,CACP,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import React from 'react';\nimport type { Ref } from 'react';\nimport { Form } from '@openedx/paragon';\nimport { STRIPE_FIELD_STYLE } from '../../constants';\nimport { CardBrands } from '../BrandMarks/BrandMarks';\n\nexport interface PaymentFieldsProps {\n  numberMountRef: Ref<HTMLDivElement>,\n  expiryMountRef: Ref<HTMLDivElement>,\n  cvcMountRef: Ref<HTMLDivElement>,\n  cardError: string,\n}\n\nconst PaymentFields = ({\n  numberMountRef,\n  expiryMountRef,\n  cvcMountRef,\n  cardError,\n}: PaymentFieldsProps) => (\n  <div className=\"payment--field\">\n    {/* Single-row wrapper on desktop, stacked on mobile */}\n    <div className=\"d-flex flex-column mb-3 gap-4\">\n      {/* Card number — grows to fill available space */}\n      <Form.Group controlId=\"cardNumber\" className=\"mb-0 flex-grow-1\">\n        <Form.Label className=\"text-gray-900 m-0 x-small\">\n          Card number\n        </Form.Label>\n        <div className=\"form-control\" style={STRIPE_FIELD_STYLE}>\n          <div ref={numberMountRef} className=\"flex-grow-1\" />\n          <CardBrands />\n        </div>\n      </Form.Group>\n\n      <div className=\"d-flex gap-4\">\n        {/* Expiry — fixed width on desktop */}\n        <Form.Group controlId=\"cardExpiry\" className=\"card__expiry mb-0 w-50\">\n          <Form.Label className=\"text-gray-900 m-0 x-small\">\n            Expiration\n          </Form.Label>\n          <div className=\"form-control\" style={STRIPE_FIELD_STYLE}>\n            <div ref={expiryMountRef} className=\"flex-grow-1\" />\n          </div>\n        </Form.Group>\n\n        {/* CVC — fixed width on desktop */}\n        <Form.Group controlId=\"cardCvc\" className=\"card__cvc mb-0 w-50\">\n          <Form.Label className=\"text-gray-900 m-0 x-small\">CVC</Form.Label>\n          <div className=\"form-control\" style={STRIPE_FIELD_STYLE}>\n            <div ref={cvcMountRef} className=\"flex-grow-1\" />\n          </div>\n        </Form.Group>\n      </div>\n    </div>\n\n    {cardError && <p className=\"text-danger small mb-2\">{cardError}</p>}\n  </div>\n);\n\nexport default PaymentFields;\n"]}

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

@@ -0,0 +1,118 @@
+declare const messages: {
+    selectPaymentMethod: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    needAssistance: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    needAssistanceBody: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    learnerHelpCenter: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    card: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    googlePay: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    paypal: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    termsNotice: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    termsNoticeAnnual: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    termsPricingMonthly: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    termsPricingAnnual: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    termsOfUse: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    refundPolicy: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    recurringConfirmMonthly: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    recurringConfirmAnnual: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    ukWithdrawalConfirm: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    canadaQuebecConfirm: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confirmSubscription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    continueWithPaypal: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    processing: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    loadingPayment: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    country: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    spinnerScreenReaderText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/components/PaymentForm/Messages.js

@@ -0,0 +1,125 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    // Section headings
+    selectPaymentMethod: {
+        id: 'checkout.paymentForm.selectPaymentMethod',
+        defaultMessage: 'Select Payment Method',
+        description: 'Heading for the payment method selection section',
+    },
+    needAssistance: {
+        id: 'checkout.paymentForm.needAssistance',
+        defaultMessage: 'Need assistance?',
+        description: 'Help text heading',
+    },
+    needAssistanceBody: {
+        id: 'checkout.paymentForm.needAssistanceBody',
+        defaultMessage: 'Visit the {link} to review purchase and refund policies.',
+        description: 'Help text with learner help center link',
+    },
+    learnerHelpCenter: {
+        id: 'checkout.paymentForm.learnerHelpCenter',
+        defaultMessage: 'Learner Help Center',
+        description: 'Learner help center link text',
+    },
+    // Payment method options
+    card: {
+        id: 'checkout.paymentForm.card',
+        defaultMessage: 'Card',
+        description: 'Credit/debit card payment method label',
+    },
+    googlePay: {
+        id: 'checkout.paymentForm.googlePay',
+        defaultMessage: 'Google Pay',
+        description: 'Google Pay payment method label',
+    },
+    paypal: {
+        id: 'checkout.paymentForm.paypal',
+        defaultMessage: 'PayPal',
+        description: 'PayPal payment method label',
+    },
+    // Terms
+    termsNotice: {
+        id: 'checkout.paymentForm.termsNotice',
+        defaultMessage: 'Your edX Plus subscription will start today with a {trialDays}-day free trial. Your subscription automatically renews on {date} for {pricing} (inclusive of applicable taxes). Cancel your subscription anytime from your dashboard. By clicking “Confirm subscription” you agree to our {termsLink}, and {refundLink}.',
+        description: 'Monthly subscription terms notice with free trial, shown before the confirm button',
+    },
+    termsNoticeAnnual: {
+        id: 'checkout.paymentForm.termsNoticeAnnual',
+        defaultMessage: 'Your edX Plus subscription will start today. You will be charged {pricing} today (inclusive of applicable taxes). Your subscription automatically renews annually. Cancel your subscription anytime from your dashboard. By clicking “Confirm subscription” you agree to our {termsLink}, and {refundLink}.',
+        description: 'Annual subscription terms notice without free trial, shown before the confirm button',
+    },
+    termsPricingMonthly: {
+        id: 'checkout.paymentForm.termsPricingMonthly',
+        defaultMessage: '${promoAmount}/mo for {promoMonths} months then ${regularAmount}/mo',
+        description: 'Monthly promotional pricing in the terms notice e.g. $39/mo for 3 months then $59/mo',
+    },
+    termsPricingAnnual: {
+        id: 'checkout.paymentForm.termsPricingAnnual',
+        defaultMessage: '${amount}/{frequency}',
+        description: 'Annual plan pricing in the terms notice e.g. $299/year — no promotional pricing',
+    },
+    termsOfUse: {
+        id: 'checkout.paymentForm.termsOfUse',
+        defaultMessage: 'Terms of Use',
+        description: 'Terms of Use link text',
+    },
+    refundPolicy: {
+        id: 'checkout.paymentForm.refundPolicy',
+        defaultMessage: 'Refund Policy',
+        description: 'Refund Policy link text',
+    },
+    // Checkboxes
+    recurringConfirmMonthly: {
+        id: 'checkout.paymentForm.recurringConfirmMonthly',
+        defaultMessage: 'I agree to enroll in a recurring monthly subscription for ${promoAmount}/mo for {promoMonths} months then ${regularAmount}/mo USD.',
+        description: 'Monthly checkbox confirming recurring charge with promo then regular price',
+    },
+    recurringConfirmAnnual: {
+        id: 'checkout.paymentForm.recurringConfirmAnnual',
+        defaultMessage: 'I agree to enroll in a recurring monthly subscription for ${amount}/yr USD.',
+        description: 'Annual checkbox confirming recurring charge',
+    },
+    ukWithdrawalConfirm: {
+        id: 'checkout.paymentForm.ukWithdrawalConfirm',
+        defaultMessage: 'I hereby consent to immediate performance of the contract and acknowledge that I will lose my right of withdrawal from the contract once the download or streaming of the digital content has begun.',
+        description: 'UK consent to immediate performance of the contract and loss of withdrawal rights',
+    },
+    canadaQuebecConfirm: {
+        id: 'checkout.paymentForm.canadaQuebecConfirm',
+        defaultMessage: 'I hereby verify I am not a resident of Quebec province',
+        description: 'Canadian consent verifying that the customer is not a resident of Quebec province',
+    },
+    // Submit button
+    confirmSubscription: {
+        id: 'checkout.paymentForm.confirmSubscription',
+        defaultMessage: 'Confirm subscription',
+        description: 'Submit button label',
+    },
+    continueWithPaypal: {
+        id: 'checkout.paymentForm.continueWithPaypal',
+        defaultMessage: 'Continue with PayPal',
+        description: 'Submit button label when PayPal is the selected payment method',
+    },
+    processing: {
+        id: 'checkout.paymentForm.processing',
+        defaultMessage: 'Confirming Subscription',
+        description: 'Submit button label while the subscription is being confirmed',
+    },
+    loadingPayment: {
+        id: 'checkout.paymentForm.loadingPayment',
+        defaultMessage: 'Loading payment…',
+        description: 'Submit button label while Stripe loads',
+    },
+    country: {
+        id: 'checkout.paymentForm.country',
+        defaultMessage: 'Country',
+        description: 'Country selector label',
+    },
+    spinnerScreenReaderText: {
+        id: 'checkout.paymentForm.spinnerScreenReaderText',
+        defaultMessage: 'Working',
+        description: 'Screen reader text for the loading spinner',
+    },
+});
+export default messages;
+//# sourceMappingURL=Messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Messages.js","sourceRoot":"","sources":["../../../src/components/PaymentForm/Messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,mBAAmB;IACnB,mBAAmB,EAAE;QACnB,EAAE,EAAE,0CAA0C;QAC9C,cAAc,EAAE,uBAAuB;QACvC,WAAW,EAAE,kDAAkD;KAChE;IACD,cAAc,EAAE;QACd,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,kBAAkB;QAClC,WAAW,EAAE,mBAAmB;KACjC;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,0DAA0D;QAC1E,WAAW,EAAE,yCAAyC;KACvD;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,wCAAwC;QAC5C,cAAc,EAAE,qBAAqB;QACrC,WAAW,EAAE,+BAA+B;KAC7C;IAED,yBAAyB;IACzB,IAAI,EAAE;QACJ,EAAE,EAAE,2BAA2B;QAC/B,cAAc,EAAE,MAAM;QACtB,WAAW,EAAE,wCAAwC;KACtD;IACD,SAAS,EAAE;QACT,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,YAAY;QAC5B,WAAW,EAAE,iCAAiC;KAC/C;IACD,MAAM,EAAE;QACN,EAAE,EAAE,6BAA6B;QACjC,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,6BAA6B;KAC3C;IAED,QAAQ;IACR,WAAW,EAAE;QACX,EAAE,EAAE,kCAAkC;QACtC,cAAc,EAAE,yTAAyT;QACzU,WAAW,EAAE,oFAAoF;KAClG;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,wCAAwC;QAC5C,cAAc,EAAE,6SAA6S;QAC7T,WAAW,EAAE,sFAAsF;KACpG;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,0CAA0C;QAC9C,cAAc,EAAE,qEAAqE;QACrF,WAAW,EAAE,sFAAsF;KACpG;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,uBAAuB;QACvC,WAAW,EAAE,iFAAiF;KAC/F;IACD,UAAU,EAAE;QACV,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,wBAAwB;KACtC;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,mCAAmC;QACvC,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,yBAAyB;KACvC;IAED,aAAa;IACb,uBAAuB,EAAE;QACvB,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,oIAAoI;QACpJ,WAAW,EAAE,4EAA4E;KAC1F;IACD,sBAAsB,EAAE;QACtB,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,6EAA6E;QAC7F,WAAW,EAAE,6CAA6C;KAC3D;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,0CAA0C;QAC9C,cAAc,EAAE,sMAAsM;QACtN,WAAW,EAAE,mFAAmF;KACjG;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,0CAA0C;QAC9C,cAAc,EAAE,wDAAwD;QACxE,WAAW,EAAE,mFAAmF;KACjG;IAED,gBAAgB;IAChB,mBAAmB,EAAE;QACnB,EAAE,EAAE,0CAA0C;QAC9C,cAAc,EAAE,sBAAsB;QACtC,WAAW,EAAE,qBAAqB;KACnC;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,sBAAsB;QACtC,WAAW,EAAE,gEAAgE;KAC9E;IACD,UAAU,EAAE;QACV,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,yBAAyB;QACzC,WAAW,EAAE,+DAA+D;KAC7E;IACD,cAAc,EAAE;QACd,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,kBAAkB;QAClC,WAAW,EAAE,wCAAwC;KACtD;IACD,OAAO,EAAE;QACP,EAAE,EAAE,8BAA8B;QAClC,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,wBAAwB;KACtC;IACD,uBAAuB,EAAE;QACvB,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,4CAA4C;KAC1D;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  // Section headings\n  selectPaymentMethod: {\n    id: 'checkout.paymentForm.selectPaymentMethod',\n    defaultMessage: 'Select Payment Method',\n    description: 'Heading for the payment method selection section',\n  },\n  needAssistance: {\n    id: 'checkout.paymentForm.needAssistance',\n    defaultMessage: 'Need assistance?',\n    description: 'Help text heading',\n  },\n  needAssistanceBody: {\n    id: 'checkout.paymentForm.needAssistanceBody',\n    defaultMessage: 'Visit the {link} to review purchase and refund policies.',\n    description: 'Help text with learner help center link',\n  },\n  learnerHelpCenter: {\n    id: 'checkout.paymentForm.learnerHelpCenter',\n    defaultMessage: 'Learner Help Center',\n    description: 'Learner help center link text',\n  },\n\n  // Payment method options\n  card: {\n    id: 'checkout.paymentForm.card',\n    defaultMessage: 'Card',\n    description: 'Credit/debit card payment method label',\n  },\n  googlePay: {\n    id: 'checkout.paymentForm.googlePay',\n    defaultMessage: 'Google Pay',\n    description: 'Google Pay payment method label',\n  },\n  paypal: {\n    id: 'checkout.paymentForm.paypal',\n    defaultMessage: 'PayPal',\n    description: 'PayPal payment method label',\n  },\n\n  // Terms\n  termsNotice: {\n    id: 'checkout.paymentForm.termsNotice',\n    defaultMessage: 'Your edX Plus subscription will start today with a {trialDays}-day free trial. Your subscription automatically renews on {date} for {pricing} (inclusive of applicable taxes). Cancel your subscription anytime from your dashboard. By clicking “Confirm subscription” you agree to our {termsLink}, and {refundLink}.',\n    description: 'Monthly subscription terms notice with free trial, shown before the confirm button',\n  },\n  termsNoticeAnnual: {\n    id: 'checkout.paymentForm.termsNoticeAnnual',\n    defaultMessage: 'Your edX Plus subscription will start today. You will be charged {pricing} today (inclusive of applicable taxes). Your subscription automatically renews annually. Cancel your subscription anytime from your dashboard. By clicking “Confirm subscription” you agree to our {termsLink}, and {refundLink}.',\n    description: 'Annual subscription terms notice without free trial, shown before the confirm button',\n  },\n  termsPricingMonthly: {\n    id: 'checkout.paymentForm.termsPricingMonthly',\n    defaultMessage: '${promoAmount}/mo for {promoMonths} months then ${regularAmount}/mo',\n    description: 'Monthly promotional pricing in the terms notice e.g. $39/mo for 3 months then $59/mo',\n  },\n  termsPricingAnnual: {\n    id: 'checkout.paymentForm.termsPricingAnnual',\n    defaultMessage: '${amount}/{frequency}',\n    description: 'Annual plan pricing in the terms notice e.g. $299/year — no promotional pricing',\n  },\n  termsOfUse: {\n    id: 'checkout.paymentForm.termsOfUse',\n    defaultMessage: 'Terms of Use',\n    description: 'Terms of Use link text',\n  },\n  refundPolicy: {\n    id: 'checkout.paymentForm.refundPolicy',\n    defaultMessage: 'Refund Policy',\n    description: 'Refund Policy link text',\n  },\n\n  // Checkboxes\n  recurringConfirmMonthly: {\n    id: 'checkout.paymentForm.recurringConfirmMonthly',\n    defaultMessage: 'I agree to enroll in a recurring monthly subscription for ${promoAmount}/mo for {promoMonths} months then ${regularAmount}/mo USD.',\n    description: 'Monthly checkbox confirming recurring charge with promo then regular price',\n  },\n  recurringConfirmAnnual: {\n    id: 'checkout.paymentForm.recurringConfirmAnnual',\n    defaultMessage: 'I agree to enroll in a recurring monthly subscription for ${amount}/yr USD.',\n    description: 'Annual checkbox confirming recurring charge',\n  },\n  ukWithdrawalConfirm: {\n    id: 'checkout.paymentForm.ukWithdrawalConfirm',\n    defaultMessage: 'I hereby consent to immediate performance of the contract and acknowledge that I will lose my right of withdrawal from the contract once the download or streaming of the digital content has begun.',\n    description: 'UK consent to immediate performance of the contract and loss of withdrawal rights',\n  },\n  canadaQuebecConfirm: {\n    id: 'checkout.paymentForm.canadaQuebecConfirm',\n    defaultMessage: 'I hereby verify I am not a resident of Quebec province',\n    description: 'Canadian consent verifying that the customer is not a resident of Quebec province',\n  },\n\n  // Submit button\n  confirmSubscription: {\n    id: 'checkout.paymentForm.confirmSubscription',\n    defaultMessage: 'Confirm subscription',\n    description: 'Submit button label',\n  },\n  continueWithPaypal: {\n    id: 'checkout.paymentForm.continueWithPaypal',\n    defaultMessage: 'Continue with PayPal',\n    description: 'Submit button label when PayPal is the selected payment method',\n  },\n  processing: {\n    id: 'checkout.paymentForm.processing',\n    defaultMessage: 'Confirming Subscription',\n    description: 'Submit button label while the subscription is being confirmed',\n  },\n  loadingPayment: {\n    id: 'checkout.paymentForm.loadingPayment',\n    defaultMessage: 'Loading payment…',\n    description: 'Submit button label while Stripe loads',\n  },\n  country: {\n    id: 'checkout.paymentForm.country',\n    defaultMessage: 'Country',\n    description: 'Country selector label',\n  },\n  spinnerScreenReaderText: {\n    id: 'checkout.paymentForm.spinnerScreenReaderText',\n    defaultMessage: 'Working',\n    description: 'Screen reader text for the loading spinner',\n  },\n});\n\nexport default messages;\n"]}

package/dist/components/PaymentForm/PaymentForm.d.ts

@@ -0,0 +1,28 @@
+import type { Ref } from 'react';
+import type { BillingInfo, CheckoutConsent, SupportedPaymentMethod } from '../../types';
+import type { PlanPrice } from '../../utils/billingDetails';
+export interface PaymentFormProps {
+    billing: BillingInfo;
+    setField: (field: keyof BillingInfo, value: string) => void;
+    numberMountRef: Ref<HTMLDivElement>;
+    expiryMountRef: Ref<HTMLDivElement>;
+    cvcMountRef: Ref<HTMLDivElement>;
+    cardError: string;
+    stripeReady: boolean;
+    sessionReady: boolean;
+    submitting: boolean;
+    onPlaceOrder: (consent: CheckoutConsent, paymentMethod: SupportedPaymentMethod) => void;
+    priceToShow: PlanPrice | null;
+    cycleToShow: string;
+    trialEnd?: string;
+    userCountry?: string | null;
+    /** Promotional monthly price e.g. "39" — monthly plans only. */
+    promoAmount?: string;
+    /** Length of the promotional period in months. */
+    promoMonths?: number;
+    /** Regular monthly price after the promo period e.g. "59". */
+    monthlyRegularAmount?: string;
+    geolocationUrl?: string;
+}
+declare const PaymentForm: ({ billing, setField, numberMountRef, expiryMountRef, cvcMountRef, cardError, stripeReady, sessionReady, submitting, onPlaceOrder, priceToShow, cycleToShow, trialEnd, promoAmount, promoMonths, monthlyRegularAmount, geolocationUrl, }: PaymentFormProps) => import("react/jsx-runtime").JSX.Element;
+export default PaymentForm;