@aglyn/plugins-commerce 1.0.0-beta.230 → 1.0.0-beta.232

package/src/lib/components/storefront-payment-element.js

@@ -19,7 +19,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Checkout Sessions provider, its hook and its own `PaymentElement` there, and
 // the main entry's `PaymentElement` is the Elements one, which does not mount
 // under a Checkout provider.
-import { CheckoutElementsProvider, PaymentElement, useCheckoutElements } from "@stripe/react-stripe-js/checkout";
+import { CheckoutElementsProvider, PaymentElement, ShippingAddressElement, useCheckoutElements } from "@stripe/react-stripe-js/checkout";
 // `/pure` deliberately, not the bare entry (AGL-2486). The bare entry ends
 // with a module-scope `Promise.resolve().then(() => getStripePromise())`,
 // so merely EVALUATING it injects the js.stripe.com/v3 script tag —
@@ -30,7 +30,16 @@ import { loadStripe } from "@stripe/stripe-js/pure";
 import Alert from "@mui/material/Alert";
 import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
-import { useCallback, useMemo, useState } from "react";
+import CircularProgress from "@mui/material/CircularProgress";
+import Divider from "@mui/material/Divider";
+import FormControlLabel from "@mui/material/FormControlLabel";
+import Radio from "@mui/material/Radio";
+import RadioGroup from "@mui/material/RadioGroup";
+import TextField from "@mui/material/TextField";
+import Typography from "@mui/material/Typography";
+import { useTheme } from "@mui/material/styles";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { storefrontPaymentAppearance, storefrontPaymentFonts } from "./storefront-payment-appearance.js";
 /**
  * `loadStripe` injects a script tag, so it is memoized per key rather than
  * called per render. Keyed because a page could in principle mount this for
@@ -48,13 +57,167 @@ function getStripe(publishableKey) {
 /** Test seam: `loadStripe` caches per key across a file's tests otherwise. */ export function __resetStripePromises() {
     stripePromises.clear();
 }
-function PaymentForm({ payLabel, onCancel }) {
+const GENERIC_FAILURE = 'That payment could not be completed. Try another card.';
+/** How long the address must sit still before the session re-prices on it. */ const ADDRESS_SETTLE_MS = 400;
+function SummaryRow({ label, value, strong }) {
+    return /*#__PURE__*/ _jsxs(Box, {
+        sx: {
+            display: 'flex',
+            justifyContent: 'space-between',
+            gap: 2
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: strong ? 'subtitle1' : 'body2',
+                color: strong ? 'text.primary' : 'text.secondary',
+                children: label
+            }),
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: strong ? 'subtitle1' : 'body2',
+                children: value
+            })
+        ]
+    });
+}
+function SessionNotice({ message, onCancel, onRestart }) {
+    return /*#__PURE__*/ _jsxs(Box, {
+        sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 2
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Alert, {
+                severity: "error",
+                role: "alert",
+                children: message
+            }),
+            /*#__PURE__*/ _jsxs(Box, {
+                sx: {
+                    display: 'flex',
+                    gap: 1
+                },
+                children: [
+                    onRestart ? /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        onClick: onRestart,
+                        children: 'Start checkout again'
+                    }) : null,
+                    onCancel ? /*#__PURE__*/ _jsx(Button, {
+                        variant: "text",
+                        onClick: onCancel,
+                        children: 'Back to the store'
+                    }) : null
+                ]
+            })
+        ]
+    });
+}
+function PaymentForm({ payLabel, defaultEmail, onCancel, onRestart, wallets }) {
+    var _ref, _ref1, _ref2;
+    var _checkout_shipping_shippingOption, _checkout_shipping, _checkout_status, _checkout_status1, _total_discount, _total_taxExclusive, _checkout_tax;
     // A `{ type: 'loading' | 'success' | 'error' }` union since react-stripe-js
     // v6: the session is not usable until Stripe.js has booted against it.
     const checkoutState = useCheckoutElements();
     const checkout = checkoutState.type === 'success' ? checkoutState.checkout : null;
     const [status, setStatus] = useState('idle');
     const [message, setMessage] = useState('');
+    const [email, setEmail] = useState(defaultEmail != null ? defaultEmail : '');
+    const [emailError, setEmailError] = useState('');
+    const [shippingBusy, setShippingBusy] = useState(false);
+    /**
+   * The email the SERVER put on the session, latched at first load. Stripe
+   * refuses `updateEmail` on such a session, so it is shown, not edited. Read
+   * once rather than live because the session's email also becomes set the
+   * moment THIS form calls `updateEmail` — which must not turn the field the
+   * shopper is typing in into read-only text.
+   */ const serverEmail = useRef(undefined);
+    if (checkout && serverEmail.current === undefined) {
+        serverEmail.current = checkout.email ? String(checkout.email) : null;
+    }
+    const emailLocked = Boolean(serverEmail.current);
+    const sessionShippingOptions = checkout == null ? void 0 : checkout.shippingOptions;
+    const shippingOptions = useMemo(()=>sessionShippingOptions != null ? sessionShippingOptions : [], [
+        sessionShippingOptions
+    ]);
+    const collectsShipping = shippingOptions.length > 0;
+    const selectedShippingId = (_ref = checkout == null ? void 0 : (_checkout_shipping = checkout.shipping) == null ? void 0 : (_checkout_shipping_shippingOption = _checkout_shipping.shippingOption) == null ? void 0 : _checkout_shipping_shippingOption.id) != null ? _ref : '';
+    // The hosted page pre-selects the first rate, so the in-page one does too:
+    // a session with options and no selection cannot be confirmed, and making
+    // the shopper discover that at the pay button is a decline they did not
+    // cause. Once per session — a later deselect is not something Stripe does.
+    const autoSelected = useRef(false);
+    useEffect(()=>{
+        if (!checkout || !collectsShipping || selectedShippingId) return;
+        if (autoSelected.current) return;
+        autoSelected.current = true;
+        void checkout.updateShippingOption(shippingOptions[0].id);
+    }, [
+        checkout,
+        collectsShipping,
+        selectedShippingId,
+        shippingOptions
+    ]);
+    const chooseShipping = useCallback(async (id)=>{
+        if (!checkout || id === selectedShippingId) return;
+        setShippingBusy(true);
+        try {
+            const result = await checkout.updateShippingOption(id);
+            if ((result == null ? void 0 : result.type) === 'error') {
+                var _ref;
+                var _result_error;
+                setMessage(String((_ref = (_result_error = result.error) == null ? void 0 : _result_error.message) != null ? _ref : '') || 'That shipping option could not be selected.');
+            }
+        } finally{
+            setShippingBusy(false);
+        }
+    }, [
+        checkout,
+        selectedShippingId
+    ]);
+    // Re-price on the address once it is complete and has stopped changing:
+    // the Address Element fires per keystroke, and under Stripe Tax every
+    // update is a tax calculation. Confirm sends the element's value anyway, so
+    // this exists for the TOTAL — the shopper sees tax before they pay.
+    const addressTimer = useRef(null);
+    useEffect(()=>()=>{
+            if (addressTimer.current) clearTimeout(addressTimer.current);
+        }, []);
+    const onShippingAddressChange = useCallback((event)=>{
+        if (!checkout || !event.complete) return;
+        if (addressTimer.current) clearTimeout(addressTimer.current);
+        const { name, address } = event.value;
+        addressTimer.current = setTimeout(()=>{
+            void checkout.updateShippingAddress({
+                name,
+                address
+            }).catch(()=>undefined);
+        }, ADDRESS_SETTLE_MS);
+    }, [
+        checkout
+    ]);
+    const commitEmail = useCallback(async ()=>{
+        if (!checkout || emailLocked) return true;
+        const trimmed = email.trim();
+        if (!trimmed) {
+            setEmailError('Enter your email for the receipt.');
+            return false;
+        }
+        if (checkout.email === trimmed) return true;
+        const result = await checkout.updateEmail(trimmed);
+        if ((result == null ? void 0 : result.type) === 'error') {
+            var _ref;
+            var _result_error;
+            setEmailError(String((_ref = (_result_error = result.error) == null ? void 0 : _result_error.message) != null ? _ref : '') || 'Enter a valid email address.');
+            return false;
+        }
+        setEmailError('');
+        return true;
+    }, [
+        checkout,
+        email,
+        emailLocked
+    ]);
     const handlePay = useCallback(async ()=>{
         // Guarded rather than merely disabled: a disabled button is a rendering
         // fact, and a keyboard or a slow re-render can still land a second call
@@ -63,13 +226,18 @@ function PaymentForm({ payLabel, onCancel }) {
         setStatus('confirming');
         setMessage('');
         try {
+            if (!await commitEmail()) {
+                setStatus('idle');
+                return;
+            }
             const result = await checkout.confirm();
             if ((result == null ? void 0 : result.type) === 'error') {
                 var _ref;
                 var _result_error;
-                // A decline, an expired card, an incomplete field. Recoverable: the
-                // form stays mounted with everything the shopper typed still in it.
-                setMessage(String((_ref = (_result_error = result.error) == null ? void 0 : _result_error.message) != null ? _ref : '') || 'That payment could not be completed. Try another card.');
+                // A decline, an expired card, an incomplete field, a failed 3DS
+                // challenge. Recoverable: the form stays mounted with everything the
+                // shopper typed still in it.
+                setMessage(String((_ref = (_result_error = result.error) == null ? void 0 : _result_error.message) != null ? _ref : '') || GENERIC_FAILURE);
                 setStatus('error');
                 return;
             }
@@ -78,37 +246,60 @@ function PaymentForm({ payLabel, onCancel }) {
         // has not by the time this resolves, the confirm is still in flight and
         // the button stays disabled rather than inviting a second attempt.
         } catch (unused) {
-            setMessage('That payment could not be completed. Try another card.');
+            // A throw is an integration error on Stripe's side of the contract, not
+            // something the shopper did; its text is not written for them.
+            setMessage(GENERIC_FAILURE);
             setStatus('error');
         }
     }, [
         checkout,
+        commitEmail,
         status
     ]);
     if (checkoutState.type === 'error') {
         // The session could not be loaded — expired, or already completed in
-        // another tab. Nothing typed here could be charged, so say so and offer
-        // the way back rather than a form that cannot submit.
-        return /*#__PURE__*/ _jsxs(Box, {
+        // another tab. Nothing typed here could be charged, so say so and offer a
+        // fresh session or the way back rather than a form that cannot submit.
+        return /*#__PURE__*/ _jsx(SessionNotice, {
+            message: "This checkout could not be loaded. Start again, or return to the store.",
+            onCancel: onCancel,
+            onRestart: onRestart
+        });
+    }
+    if (!checkout) {
+        return /*#__PURE__*/ _jsx(Box, {
             sx: {
                 display: 'flex',
-                flexDirection: 'column',
-                gap: 2
+                justifyContent: 'center',
+                py: 3
             },
-            children: [
-                /*#__PURE__*/ _jsx(Alert, {
-                    severity: "error",
-                    role: "alert",
-                    children: 'This checkout could not be loaded. Return to the store and try again.'
-                }),
-                onCancel ? /*#__PURE__*/ _jsx(Button, {
-                    variant: "text",
-                    onClick: onCancel,
-                    children: 'Back to the store'
-                }) : null
-            ]
+            children: /*#__PURE__*/ _jsx(CircularProgress, {
+                size: 28,
+                "aria-label": "Loading checkout"
+            })
+        });
+    }
+    if (((_checkout_status = checkout.status) == null ? void 0 : _checkout_status.type) === 'expired') {
+        return /*#__PURE__*/ _jsx(SessionNotice, {
+            message: "This checkout expired before it was paid. Nothing was charged.",
+            onCancel: onCancel,
+            onRestart: onRestart
+        });
+    }
+    if (((_checkout_status1 = checkout.status) == null ? void 0 : _checkout_status1.type) === 'complete') {
+        // Paid in another tab, or the return redirect is already under way.
+        // Offering a restart here would be offering to charge twice.
+        return /*#__PURE__*/ _jsx(Alert, {
+            severity: "success",
+            role: "status",
+            children: 'This order is already paid.'
         });
     }
+    const total = checkout.total;
+    const busy = status === 'confirming';
+    const discount = (_ref1 = total == null ? void 0 : (_total_discount = total.discount) == null ? void 0 : _total_discount.minorUnitsAmount) != null ? _ref1 : 0;
+    const tax = (_ref2 = total == null ? void 0 : (_total_taxExclusive = total.taxExclusive) == null ? void 0 : _total_taxExclusive.minorUnitsAmount) != null ? _ref2 : 0;
+    const taxPending = ((_checkout_tax = checkout.tax) == null ? void 0 : _checkout_tax.status) && checkout.tax.status !== 'ready';
     return /*#__PURE__*/ _jsxs(Box, {
         sx: {
             display: 'flex',
@@ -116,7 +307,97 @@ function PaymentForm({ payLabel, onCancel }) {
             gap: 2
         },
         children: [
-            /*#__PURE__*/ _jsx(PaymentElement, {}),
+            emailLocked ? /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                children: `Receipt to ${serverEmail.current}`
+            }) : /*#__PURE__*/ _jsx(TextField, {
+                type: "email",
+                label: "Email",
+                required: true,
+                fullWidth: true,
+                autoComplete: "email",
+                value: email,
+                onChange: (event)=>{
+                    setEmail(event.target.value);
+                    if (emailError) setEmailError('');
+                },
+                onBlur: ()=>{
+                    if (email.trim()) void commitEmail();
+                },
+                error: Boolean(emailError),
+                helperText: emailError || 'Your receipt is sent here.',
+                disabled: busy
+            }),
+            collectsShipping ? /*#__PURE__*/ _jsxs(Box, {
+                sx: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: 1
+                },
+                "data-testid": "storefront-shipping",
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "subtitle2",
+                        children: 'Shipping address'
+                    }),
+                    /*#__PURE__*/ _jsx(ShippingAddressElement, {
+                        onChange: onShippingAddressChange
+                    }),
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "subtitle2",
+                        children: 'Shipping method'
+                    }),
+                    /*#__PURE__*/ _jsx(RadioGroup, {
+                        "aria-label": "Shipping method",
+                        value: selectedShippingId,
+                        onChange: (event)=>void chooseShipping(event.target.value),
+                        children: shippingOptions.map((option)=>/*#__PURE__*/ _jsx(FormControlLabel, {
+                                value: option.id,
+                                disabled: busy || shippingBusy,
+                                control: /*#__PURE__*/ _jsx(Radio, {}),
+                                label: `${option.displayName || 'Shipping'} — ${option.amount}`
+                            }, option.id))
+                    })
+                ]
+            }) : null,
+            /*#__PURE__*/ _jsx(PaymentElement, {
+                options: wallets ? {
+                    wallets
+                } : undefined
+            }),
+            total ? /*#__PURE__*/ _jsxs(Box, {
+                sx: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: 0.5
+                },
+                "data-testid": "storefront-checkout-total",
+                children: [
+                    /*#__PURE__*/ _jsx(SummaryRow, {
+                        label: "Subtotal",
+                        value: total.subtotal.amount
+                    }),
+                    discount ? /*#__PURE__*/ _jsx(SummaryRow, {
+                        label: "Discount",
+                        value: `−${total.discount.amount}`
+                    }) : null,
+                    collectsShipping ? /*#__PURE__*/ _jsx(SummaryRow, {
+                        label: "Shipping",
+                        value: selectedShippingId ? total.shippingRate.amount : '—'
+                    }) : null,
+                    tax || taxPending ? /*#__PURE__*/ _jsx(SummaryRow, {
+                        label: "Tax",
+                        value: taxPending ? 'Calculated from your address' : total.taxExclusive.amount
+                    }) : null,
+                    /*#__PURE__*/ _jsx(Divider, {}),
+                    /*#__PURE__*/ _jsx(SummaryRow, {
+                        label: "Total",
+                        value: total.total.amount,
+                        strong: true
+                    })
+                ]
+            }) : null,
             message ? // `error` severity is right here and wrong for a lockdown pause — this
             // really is "your payment did not go through", which is the one thing
             // a shopper must be told plainly.
@@ -134,14 +415,14 @@ function PaymentForm({ payLabel, onCancel }) {
                     /*#__PURE__*/ _jsx(Button, {
                         variant: "contained",
                         onClick: handlePay,
-                        disabled: status === 'confirming' || !checkout,
+                        disabled: busy || shippingBusy,
                         fullWidth: true,
-                        children: status === 'confirming' ? 'Paying…' : payLabel || 'Pay now'
+                        children: busy ? 'Paying…' : payLabel || 'Pay now'
                     }),
                     onCancel ? /*#__PURE__*/ _jsx(Button, {
                         variant: "text",
                         onClick: onCancel,
-                        disabled: status === 'confirming',
+                        disabled: busy,
                         children: 'Cancel'
                     }) : null
                 ]
@@ -149,19 +430,34 @@ function PaymentForm({ payLabel, onCancel }) {
         ]
     });
 }
-export function StorefrontPaymentElement({ clientSecret, publishableKey, payLabel, onCancel }) {
+export function StorefrontPaymentElement({ clientSecret, publishableKey, payLabel, defaultEmail, onCancel, onRestart, wallets }) {
     const stripe = useMemo(()=>getStripe(publishableKey), [
         publishableKey
     ]);
+    const theme = useTheme();
+    // Built once per session: the provider reads its options at mount and
+    // ignores later changes, so a memo keyed on the theme as well would only
+    // suggest a re-theme that never happens.
+    const options = useMemo(()=>{
+        var _theme_typography;
+        return {
+            clientSecret,
+            elementsOptions: {
+                appearance: storefrontPaymentAppearance(theme),
+                fonts: storefrontPaymentFonts(typeof ((_theme_typography = theme.typography) == null ? void 0 : _theme_typography.fontFamily) === 'string' ? theme.typography.fontFamily : undefined)
+            }
+        };
+    }, // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+        clientSecret
+    ]);
     // Belt and braces with the server's own gate, which already refuses native
     // mode without a publishable key: rendering nothing beats rendering an empty
     // white box that looks like a broken payment form.
     if (!clientSecret || !stripe) return null;
     return /*#__PURE__*/ _jsx(CheckoutElementsProvider, {
         stripe: stripe,
-        options: {
-            clientSecret
-        },
+        options: options,
         children: /*#__PURE__*/ _jsx(Box, {
             sx: {
                 py: 2
@@ -169,7 +465,10 @@ export function StorefrontPaymentElement({ clientSecret, publishableKey, payLabe
             "data-testid": "storefront-payment-element",
             children: /*#__PURE__*/ _jsx(PaymentForm, {
                 payLabel: payLabel,
-                onCancel: onCancel
+                defaultEmail: defaultEmail,
+                onCancel: onCancel,
+                onRestart: onRestart,
+                wallets: wallets
             })
         })
     });

package/src/lib/components/storefront-payment-element.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/components/storefront-payment-element.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n'use client'\n\n// The `/checkout` entry, not the main one: react-stripe-js v6 moved the\n// Checkout Sessions provider, its hook and its own `PaymentElement` there, and\n// the main entry's `PaymentElement` is the Elements one, which does not mount\n// under a Checkout provider.\nimport {\n  CheckoutElementsProvider,\n  PaymentElement,\n  useCheckoutElements,\n} from '@stripe/react-stripe-js/checkout'\n// `/pure` deliberately, not the bare entry (AGL-2486). The bare entry ends\n// with a module-scope `Promise.resolve().then(() => getStripePromise())`,\n// so merely EVALUATING it injects the js.stripe.com/v3 script tag —\n// 249 KB gzipped — on any page that reaches this module, whether or not\n// `loadStripe` is ever called. `/pure` is the same API without that\n// statement, so the script is fetched when we ask for it and not before.\nimport { loadStripe } from '@stripe/stripe-js/pure'\n// The TYPE only, and from the bare entry because `/pure` does not re-export\n// it. `import type` is erased entirely at compile time, so this adds no\n// runtime import and cannot re-introduce the script injection above.\nimport type { Stripe } from '@stripe/stripe-js'\nimport Alert from '@mui/material/Alert'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport { useCallback, useMemo, useState } from 'react'\n\n/**\n * The storefront Payment Element (AGL-1944) — the shopper pays on the\n * merchant's own domain instead of being sent to `checkout.stripe.com`.\n *\n * ## THIS COMPONENT DOES NOT FULFIL ANYTHING\n *\n * It has no success callback, and that absence is the design rather than an\n * omission. `libs/plugins/commerce/src/lib/server/billing-webhook.ts` creates\n * the order on `checkout.session.completed` and is the only thing that ever\n * does. An in-page flow makes trusting the browser far more tempting than a\n * redirect does — the form is right there, `confirm()` resolves in hand, and\n * posting \"done, please fulfil\" is one line away — and the browser is the one\n * participant in a payment that can lie about having paid.\n *\n * It is also the participant that can VANISH. A shopper who confirms and\n * closes the tab never runs a callback, so a flow that fulfils here loses the\n * order outright while keeping the money; a shopper who refreshes the return\n * page runs it twice. Neither is reachable from a design with no callback in\n * it. What happens after a successful confirm is a redirect to `return_url`,\n * carrying the `session_id` the server put there — so the page can SHOW the\n * shopper a result by looking the order up, without being TOLD the outcome by\n * this code.\n *\n * ## Declines and 3DS\n *\n * Both were handled for us by the redirect and now have to be handled here.\n *\n * A decline resolves as `{ type: 'error' }` and is rendered inline WITHOUT\n * unmounting the form: the shopper's basket, address and chosen method are all\n * still on screen and they can try another card. That is the whole difference\n * between a recoverable decline and a dead end, and it is why the error state\n * below sits beside the element rather than replacing it.\n *\n * A 3DS challenge is Stripe's own: `confirm()` presents the challenge and, for\n * redirect-based methods, sends the browser to `return_url` and back. Nothing\n * here has to model it — but the button must stay disabled across the whole\n * await, because a second `confirm()` during a challenge is exactly the\n * double-submit the server's idempotency claim exists to survive and there is\n * no reason to make it lean on that.\n */\n\nexport interface StorefrontPaymentElementProps {\n  /** Stripe's instruction to the browser. Not a claim that money moved. */\n  clientSecret: string\n  publishableKey: string\n  /** Shown on the pay button, so the merchant's own total reads through. */\n  payLabel?: string\n  /** Abandon the in-page form and return to the store. */\n  onCancel?: () => void\n}\n\n/**\n * `loadStripe` injects a script tag, so it is memoized per key rather than\n * called per render. Keyed because a page could in principle mount this for\n * two different merchants; in practice it is one, and the map costs nothing.\n */\nconst stripePromises = new Map<string, Promise<Stripe | null>>()\nfunction getStripe(publishableKey: string): Promise<Stripe | null> | null {\n  if (!publishableKey) return null\n  let promise = stripePromises.get(publishableKey)\n  if (!promise) {\n    promise = loadStripe(publishableKey)\n    stripePromises.set(publishableKey, promise)\n  }\n  return promise\n}\n\n/** Test seam: `loadStripe` caches per key across a file's tests otherwise. */\nexport function __resetStripePromises(): void {\n  stripePromises.clear()\n}\n\nfunction PaymentForm({\n  payLabel,\n  onCancel,\n}: Pick<StorefrontPaymentElementProps, 'payLabel' | 'onCancel'>) {\n  // A `{ type: 'loading' | 'success' | 'error' }` union since react-stripe-js\n  // v6: the session is not usable until Stripe.js has booted against it.\n  const checkoutState = useCheckoutElements()\n  const checkout =\n    checkoutState.type === 'success' ? checkoutState.checkout : null\n  const [status, setStatus] = useState<'idle' | 'confirming' | 'error'>('idle')\n  const [message, setMessage] = useState('')\n\n  const handlePay = useCallback(async () => {\n    // Guarded rather than merely disabled: a disabled button is a rendering\n    // fact, and a keyboard or a slow re-render can still land a second call\n    // during a 3DS challenge.\n    if (status === 'confirming' || !checkout) return\n    setStatus('confirming')\n    setMessage('')\n    try {\n      const result = await checkout.confirm()\n      if (result?.type === 'error') {\n        // A decline, an expired card, an incomplete field. Recoverable: the\n        // form stays mounted with everything the shopper typed still in it.\n        setMessage(\n          String(result.error?.message ?? '') ||\n            'That payment could not be completed. Try another card.',\n        )\n        setStatus('error')\n        return\n      }\n      // Success does NOT mean fulfilled, and nothing is reported to our server\n      // here. Stripe redirects to the `return_url` the session carries; if it\n      // has not by the time this resolves, the confirm is still in flight and\n      // the button stays disabled rather than inviting a second attempt.\n    } catch {\n      setMessage('That payment could not be completed. Try another card.')\n      setStatus('error')\n    }\n  }, [checkout, status])\n\n  if (checkoutState.type === 'error') {\n    // The session could not be loaded — expired, or already completed in\n    // another tab. Nothing typed here could be charged, so say so and offer\n    // the way back rather than a form that cannot submit.\n    return (\n      <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n        <Alert severity=\"error\" role=\"alert\">\n          {'This checkout could not be loaded. Return to the store and try again.'}\n        </Alert>\n        {onCancel ? (\n          <Button variant=\"text\" onClick={onCancel}>\n            {'Back to the store'}\n          </Button>\n        ) : null}\n      </Box>\n    )\n  }\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n      <PaymentElement />\n      {message ? (\n        // `error` severity is right here and wrong for a lockdown pause — this\n        // really is \"your payment did not go through\", which is the one thing\n        // a shopper must be told plainly.\n        <Alert severity=\"error\" role=\"alert\">\n          {message}\n        </Alert>\n      ) : null}\n      <Box sx={{ display: 'flex', gap: 1 }}>\n        <Button\n          variant=\"contained\"\n          onClick={handlePay}\n          disabled={status === 'confirming' || !checkout}\n          fullWidth\n        >\n          {status === 'confirming' ? 'Paying…' : payLabel || 'Pay now'}\n        </Button>\n        {onCancel ? (\n          <Button\n            variant=\"text\"\n            onClick={onCancel}\n            disabled={status === 'confirming'}\n          >\n            {'Cancel'}\n          </Button>\n        ) : null}\n      </Box>\n    </Box>\n  )\n}\n\nexport function StorefrontPaymentElement({\n  clientSecret,\n  publishableKey,\n  payLabel,\n  onCancel,\n}: StorefrontPaymentElementProps) {\n  const stripe = useMemo(() => getStripe(publishableKey), [publishableKey])\n  // Belt and braces with the server's own gate, which already refuses native\n  // mode without a publishable key: rendering nothing beats rendering an empty\n  // white box that looks like a broken payment form.\n  if (!clientSecret || !stripe) return null\n  return (\n    <CheckoutElementsProvider stripe={stripe} options={{ clientSecret }}>\n      <Box sx={{ py: 2 }} data-testid=\"storefront-payment-element\">\n        <PaymentForm payLabel={payLabel} onCancel={onCancel} />\n      </Box>\n    </CheckoutElementsProvider>\n  )\n}\n\n/**\n * Re-exported so the old import path still resolves, but the definition now\n * lives in its own module (AGL-2486): a fallback imported FROM the lazily\n * loaded module drags that module into the eager bundle and cancels the\n * `lazy()`. Callers must import it from `./storefront-payment-element-fallback`\n * — importing it from here is exactly the bug, and re-exporting it does not\n * make that safe.\n */\nexport { StorefrontPaymentElementFallback } from './storefront-payment-element-fallback'\n\nexport default StorefrontPaymentElement\n"],"names":["CheckoutElementsProvider","PaymentElement","useCheckoutElements","loadStripe","Alert","Box","Button","useCallback","useMemo","useState","stripePromises","Map","getStripe","publishableKey","promise","get","set","__resetStripePromises","clear","PaymentForm","payLabel","onCancel","checkoutState","checkout","type","status","setStatus","message","setMessage","handlePay","result","confirm","String","error","sx","display","flexDirection","gap","severity","role","variant","onClick","disabled","fullWidth","StorefrontPaymentElement","clientSecret","stripe","options","py","data-testid","StorefrontPaymentElementFallback"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/components/storefront-payment-element.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n'use client'\n\n// The `/checkout` entry, not the main one: react-stripe-js v6 moved the\n// Checkout Sessions provider, its hook and its own `PaymentElement` there, and\n// the main entry's `PaymentElement` is the Elements one, which does not mount\n// under a Checkout provider.\nimport {\n  CheckoutElementsProvider,\n  PaymentElement,\n  ShippingAddressElement,\n  useCheckoutElements,\n} from '@stripe/react-stripe-js/checkout'\n// `/pure` deliberately, not the bare entry (AGL-2486). The bare entry ends\n// with a module-scope `Promise.resolve().then(() => getStripePromise())`,\n// so merely EVALUATING it injects the js.stripe.com/v3 script tag —\n// 249 KB gzipped — on any page that reaches this module, whether or not\n// `loadStripe` is ever called. `/pure` is the same API without that\n// statement, so the script is fetched when we ask for it and not before.\nimport { loadStripe } from '@stripe/stripe-js/pure'\n// The TYPE only, and from the bare entry because `/pure` does not re-export\n// it. `import type` is erased entirely at compile time, so this adds no\n// runtime import and cannot re-introduce the script injection above.\nimport type {\n  Stripe,\n  StripeAddressElementChangeEvent,\n  StripeCheckoutElementsSdkOptions,\n} from '@stripe/stripe-js'\nimport Alert from '@mui/material/Alert'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport CircularProgress from '@mui/material/CircularProgress'\nimport Divider from '@mui/material/Divider'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport Radio from '@mui/material/Radio'\nimport RadioGroup from '@mui/material/RadioGroup'\nimport TextField from '@mui/material/TextField'\nimport Typography from '@mui/material/Typography'\nimport { useTheme } from '@mui/material/styles'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport {\n  storefrontPaymentAppearance,\n  storefrontPaymentFonts,\n} from './storefront-payment-appearance'\nimport type { StorefrontCheckoutWallets } from '../model/commerce-payment-methods'\n\n/**\n * The storefront Payment Element (AGL-1944) — the shopper pays on the\n * merchant's own domain instead of being sent to `checkout.stripe.com`.\n *\n * ## THIS COMPONENT DOES NOT FULFIL ANYTHING\n *\n * It has no success callback, and that absence is the design rather than an\n * omission. `libs/plugins/commerce/src/lib/server/billing-webhook.ts` creates\n * the order on `checkout.session.completed` and is the only thing that ever\n * does. An in-page flow makes trusting the browser far more tempting than a\n * redirect does — the form is right there, `confirm()` resolves in hand, and\n * posting \"done, please fulfil\" is one line away — and the browser is the one\n * participant in a payment that can lie about having paid.\n *\n * It is also the participant that can VANISH. A shopper who confirms and\n * closes the tab never runs a callback, so a flow that fulfils here loses the\n * order outright while keeping the money; a shopper who refreshes the return\n * page runs it twice. Neither is reachable from a design with no callback in\n * it. What happens after a successful confirm is a redirect to `return_url`,\n * carrying the `session_id` the server put there — so the page can SHOW the\n * shopper a result by looking the order up, without being TOLD the outcome by\n * this code.\n *\n * ## Declines and 3DS\n *\n * Both were handled for us by the redirect and now have to be handled here.\n *\n * A decline resolves as `{ type: 'error' }` and is rendered inline WITHOUT\n * unmounting the form: the shopper's basket, address and chosen method are all\n * still on screen and they can try another card. That is the whole difference\n * between a recoverable decline and a dead end, and it is why the error state\n * below sits beside the element rather than replacing it.\n *\n * A 3DS challenge is Stripe's own: `confirm()` presents the challenge and, for\n * redirect-based methods, sends the browser to `return_url` and back. Nothing\n * here has to model it — but the button must stay disabled across the whole\n * await, because a second `confirm()` during a challenge is exactly the\n * double-submit the server's idempotency claim exists to survive and there is\n * no reason to make it lean on that.\n *\n * ## Everything the hosted page collected, collected here (AGL-3606)\n *\n * The hosted page asked for an email, a shipping address and a shipping\n * method, and showed a running total. A `ui_mode: 'elements'` session asks\n * for none of that on its own — the Payment Element is only the payment\n * method — so each is mounted here, read off the SESSION rather than off\n * anything the storefront believes:\n *\n * - **Email.** A session created with `customer_email` (the cart's email\n *   field) already has one and Stripe refuses `updateEmail` on it, so it is\n *   shown read-only. Otherwise a required field, sent with `updateEmail`\n *   before `confirm()` — the receipt and the order's customer both come from\n *   it, and a sale without one is an order nobody can be told about.\n * - **Shipping.** Only when the session carries shipping options, which the\n *   server attaches only when the store ships to the destination. The\n *   Shipping Address Element collects the address (and, under Stripe Tax,\n *   is where the tax is computed from); the picker lists the session's own\n *   options and selects through `updateShippingOption`.\n * - **Tax address without shipping.** Left to the Payment Element, which\n *   collects the country and postal code Stripe Tax needs when the session\n *   has `automatic_tax` and no shipping address. A Billing Address Element\n *   there would make `updateBillingAddress` conflict with it.\n * - **The total.** Rendered from `session.total`, which Stripe recomputes on\n *   every address and option change — tax and shipping included — so the\n *   number on the button is the number charged.\n * - **The look.** `elementsOptions.appearance` and `fonts` come from the site\n *   theme (`storefront-payment-appearance.ts`), so Stripe's frames wear the\n *   merchant's palette, radius and typeface.\n *\n * ## Expired and redirect-returned sessions\n *\n * A session that expired, or that cannot be loaded, offers a fresh one through\n * `onRestart` (a NEW attempt key, so the server does not replay the dead\n * session). A redirect-based method that fails comes back to `return_url`\n * with the session still open; `use-checkout-return-notice.ts` reads that on\n * the return page and says nothing was charged.\n */\n\nexport interface StorefrontPaymentElementProps {\n  /** Stripe's instruction to the browser. Not a claim that money moved. */\n  clientSecret: string\n  publishableKey: string\n  /** Shown on the pay button, so the merchant's own total reads through. */\n  payLabel?: string\n  /**\n   * An email the storefront already knows but did not put on the session\n   * (it prefills the field; the shopper can still change it). A session the\n   * server created WITH an email shows that one read-only instead.\n   */\n  defaultEmail?: string\n  /** Abandon the in-page form and return to the store. */\n  onCancel?: () => void\n  /**\n   * Open a fresh session after this one expired or could not be loaded. The\n   * caller must mint a NEW attempt key first, or the server replays the dead\n   * session for the old one.\n   */\n  onRestart?: () => void\n  /**\n   * The wallets the merchant hid (AGL-3629). Stripe cannot exclude Apple Pay,\n   * Google Pay or Link on the session, so the Payment Element is told instead.\n   * Absent means every wallet the device supports shows.\n   */\n  wallets?: StorefrontCheckoutWallets\n}\n\n/**\n * `loadStripe` injects a script tag, so it is memoized per key rather than\n * called per render. Keyed because a page could in principle mount this for\n * two different merchants; in practice it is one, and the map costs nothing.\n */\nconst stripePromises = new Map<string, Promise<Stripe | null>>()\nfunction getStripe(publishableKey: string): Promise<Stripe | null> | null {\n  if (!publishableKey) return null\n  let promise = stripePromises.get(publishableKey)\n  if (!promise) {\n    promise = loadStripe(publishableKey)\n    stripePromises.set(publishableKey, promise)\n  }\n  return promise\n}\n\n/** Test seam: `loadStripe` caches per key across a file's tests otherwise. */\nexport function __resetStripePromises(): void {\n  stripePromises.clear()\n}\n\nconst GENERIC_FAILURE = 'That payment could not be completed. Try another card.'\n\n/** How long the address must sit still before the session re-prices on it. */\nconst ADDRESS_SETTLE_MS = 400\n\nfunction SummaryRow({\n  label,\n  value,\n  strong,\n}: {\n  label: string\n  value: string\n  strong?: boolean\n}) {\n  return (\n    <Box sx={{ display: 'flex', justifyContent: 'space-between', gap: 2 }}>\n      <Typography\n        variant={strong ? 'subtitle1' : 'body2'}\n        color={strong ? 'text.primary' : 'text.secondary'}\n      >\n        {label}\n      </Typography>\n      <Typography variant={strong ? 'subtitle1' : 'body2'}>{value}</Typography>\n    </Box>\n  )\n}\n\nfunction SessionNotice({\n  message,\n  onCancel,\n  onRestart,\n}: {\n  message: string\n  onCancel?: () => void\n  onRestart?: () => void\n}) {\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n      <Alert severity=\"error\" role=\"alert\">\n        {message}\n      </Alert>\n      <Box sx={{ display: 'flex', gap: 1 }}>\n        {onRestart ? (\n          <Button variant=\"contained\" onClick={onRestart}>\n            {'Start checkout again'}\n          </Button>\n        ) : null}\n        {onCancel ? (\n          <Button variant=\"text\" onClick={onCancel}>\n            {'Back to the store'}\n          </Button>\n        ) : null}\n      </Box>\n    </Box>\n  )\n}\n\nfunction PaymentForm({\n  payLabel,\n  defaultEmail,\n  onCancel,\n  onRestart,\n  wallets,\n}: Pick<\n  StorefrontPaymentElementProps,\n  'payLabel' | 'defaultEmail' | 'onCancel' | 'onRestart' | 'wallets'\n>) {\n  // A `{ type: 'loading' | 'success' | 'error' }` union since react-stripe-js\n  // v6: the session is not usable until Stripe.js has booted against it.\n  const checkoutState = useCheckoutElements()\n  const checkout =\n    checkoutState.type === 'success' ? checkoutState.checkout : null\n  const [status, setStatus] = useState<'idle' | 'confirming' | 'error'>('idle')\n  const [message, setMessage] = useState('')\n  const [email, setEmail] = useState(defaultEmail ?? '')\n  const [emailError, setEmailError] = useState('')\n  const [shippingBusy, setShippingBusy] = useState(false)\n\n  /**\n   * The email the SERVER put on the session, latched at first load. Stripe\n   * refuses `updateEmail` on such a session, so it is shown, not edited. Read\n   * once rather than live because the session's email also becomes set the\n   * moment THIS form calls `updateEmail` — which must not turn the field the\n   * shopper is typing in into read-only text.\n   */\n  const serverEmail = useRef<string | null | undefined>(undefined)\n  if (checkout && serverEmail.current === undefined) {\n    serverEmail.current = checkout.email ? String(checkout.email) : null\n  }\n  const emailLocked = Boolean(serverEmail.current)\n\n  const sessionShippingOptions = checkout?.shippingOptions\n  const shippingOptions = useMemo(\n    () => sessionShippingOptions ?? [],\n    [sessionShippingOptions],\n  )\n  const collectsShipping = shippingOptions.length > 0\n  const selectedShippingId = checkout?.shipping?.shippingOption?.id ?? ''\n\n  // The hosted page pre-selects the first rate, so the in-page one does too:\n  // a session with options and no selection cannot be confirmed, and making\n  // the shopper discover that at the pay button is a decline they did not\n  // cause. Once per session — a later deselect is not something Stripe does.\n  const autoSelected = useRef(false)\n  useEffect(() => {\n    if (!checkout || !collectsShipping || selectedShippingId) return\n    if (autoSelected.current) return\n    autoSelected.current = true\n    void checkout.updateShippingOption(shippingOptions[0].id)\n  }, [checkout, collectsShipping, selectedShippingId, shippingOptions])\n\n  const chooseShipping = useCallback(\n    async (id: string) => {\n      if (!checkout || id === selectedShippingId) return\n      setShippingBusy(true)\n      try {\n        const result = await checkout.updateShippingOption(id)\n        if (result?.type === 'error') {\n          setMessage(\n            String(result.error?.message ?? '') ||\n              'That shipping option could not be selected.',\n          )\n        }\n      } finally {\n        setShippingBusy(false)\n      }\n    },\n    [checkout, selectedShippingId],\n  )\n\n  // Re-price on the address once it is complete and has stopped changing:\n  // the Address Element fires per keystroke, and under Stripe Tax every\n  // update is a tax calculation. Confirm sends the element's value anyway, so\n  // this exists for the TOTAL — the shopper sees tax before they pay.\n  const addressTimer = useRef<ReturnType<typeof setTimeout> | null>(null)\n  useEffect(\n    () => () => {\n      if (addressTimer.current) clearTimeout(addressTimer.current)\n    },\n    [],\n  )\n  const onShippingAddressChange = useCallback(\n    (event: StripeAddressElementChangeEvent) => {\n      if (!checkout || !event.complete) return\n      if (addressTimer.current) clearTimeout(addressTimer.current)\n      const { name, address } = event.value\n      addressTimer.current = setTimeout(() => {\n        void checkout\n          .updateShippingAddress({ name, address })\n          .catch(() => undefined)\n      }, ADDRESS_SETTLE_MS)\n    },\n    [checkout],\n  )\n\n  const commitEmail = useCallback(async (): Promise<boolean> => {\n    if (!checkout || emailLocked) return true\n    const trimmed = email.trim()\n    if (!trimmed) {\n      setEmailError('Enter your email for the receipt.')\n      return false\n    }\n    if (checkout.email === trimmed) return true\n    const result = await checkout.updateEmail(trimmed)\n    if (result?.type === 'error') {\n      setEmailError(\n        String(result.error?.message ?? '') || 'Enter a valid email address.',\n      )\n      return false\n    }\n    setEmailError('')\n    return true\n  }, [checkout, email, emailLocked])\n\n  const handlePay = useCallback(async () => {\n    // Guarded rather than merely disabled: a disabled button is a rendering\n    // fact, and a keyboard or a slow re-render can still land a second call\n    // during a 3DS challenge.\n    if (status === 'confirming' || !checkout) return\n    setStatus('confirming')\n    setMessage('')\n    try {\n      if (!(await commitEmail())) {\n        setStatus('idle')\n        return\n      }\n      const result = await checkout.confirm()\n      if (result?.type === 'error') {\n        // A decline, an expired card, an incomplete field, a failed 3DS\n        // challenge. Recoverable: the form stays mounted with everything the\n        // shopper typed still in it.\n        setMessage(String(result.error?.message ?? '') || GENERIC_FAILURE)\n        setStatus('error')\n        return\n      }\n      // Success does NOT mean fulfilled, and nothing is reported to our server\n      // here. Stripe redirects to the `return_url` the session carries; if it\n      // has not by the time this resolves, the confirm is still in flight and\n      // the button stays disabled rather than inviting a second attempt.\n    } catch {\n      // A throw is an integration error on Stripe's side of the contract, not\n      // something the shopper did; its text is not written for them.\n      setMessage(GENERIC_FAILURE)\n      setStatus('error')\n    }\n  }, [checkout, commitEmail, status])\n\n  if (checkoutState.type === 'error') {\n    // The session could not be loaded — expired, or already completed in\n    // another tab. Nothing typed here could be charged, so say so and offer a\n    // fresh session or the way back rather than a form that cannot submit.\n    return (\n      <SessionNotice\n        message=\"This checkout could not be loaded. Start again, or return to the store.\"\n        onCancel={onCancel}\n        onRestart={onRestart}\n      />\n    )\n  }\n\n  if (!checkout) {\n    return (\n      <Box sx={{ display: 'flex', justifyContent: 'center', py: 3 }}>\n        <CircularProgress size={28} aria-label=\"Loading checkout\" />\n      </Box>\n    )\n  }\n\n  if (checkout.status?.type === 'expired') {\n    return (\n      <SessionNotice\n        message=\"This checkout expired before it was paid. Nothing was charged.\"\n        onCancel={onCancel}\n        onRestart={onRestart}\n      />\n    )\n  }\n\n  if (checkout.status?.type === 'complete') {\n    // Paid in another tab, or the return redirect is already under way.\n    // Offering a restart here would be offering to charge twice.\n    return (\n      <Alert severity=\"success\" role=\"status\">\n        {'This order is already paid.'}\n      </Alert>\n    )\n  }\n\n  const total = checkout.total\n  const busy = status === 'confirming'\n  const discount = total?.discount?.minorUnitsAmount ?? 0\n  const tax = total?.taxExclusive?.minorUnitsAmount ?? 0\n  const taxPending = checkout.tax?.status && checkout.tax.status !== 'ready'\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n      {emailLocked ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {`Receipt to ${serverEmail.current}`}\n        </Typography>\n      ) : (\n        <TextField\n          type=\"email\"\n          label=\"Email\"\n          required\n          fullWidth\n          autoComplete=\"email\"\n          value={email}\n          onChange={(event) => {\n            setEmail(event.target.value)\n            if (emailError) setEmailError('')\n          }}\n          onBlur={() => {\n            if (email.trim()) void commitEmail()\n          }}\n          error={Boolean(emailError)}\n          helperText={emailError || 'Your receipt is sent here.'}\n          disabled={busy}\n        />\n      )}\n      {collectsShipping ? (\n        <Box\n          sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}\n          data-testid=\"storefront-shipping\"\n        >\n          <Typography variant=\"subtitle2\">{'Shipping address'}</Typography>\n          <ShippingAddressElement onChange={onShippingAddressChange} />\n          <Typography variant=\"subtitle2\">{'Shipping method'}</Typography>\n          <RadioGroup\n            aria-label=\"Shipping method\"\n            value={selectedShippingId}\n            onChange={(event) => void chooseShipping(event.target.value)}\n          >\n            {shippingOptions.map((option) => (\n              <FormControlLabel\n                key={option.id}\n                value={option.id}\n                disabled={busy || shippingBusy}\n                control={<Radio />}\n                label={`${option.displayName || 'Shipping'} — ${option.amount}`}\n              />\n            ))}\n          </RadioGroup>\n        </Box>\n      ) : null}\n      <PaymentElement options={wallets ? { wallets } : undefined} />\n      {total ? (\n        <Box\n          sx={{ display: 'flex', flexDirection: 'column', gap: 0.5 }}\n          data-testid=\"storefront-checkout-total\"\n        >\n          <SummaryRow label=\"Subtotal\" value={total.subtotal.amount} />\n          {discount ? (\n            <SummaryRow label=\"Discount\" value={`−${total.discount.amount}`} />\n          ) : null}\n          {collectsShipping ? (\n            <SummaryRow\n              label=\"Shipping\"\n              value={selectedShippingId ? total.shippingRate.amount : '—'}\n            />\n          ) : null}\n          {tax || taxPending ? (\n            <SummaryRow\n              label=\"Tax\"\n              value={taxPending ? 'Calculated from your address' : total.taxExclusive.amount}\n            />\n          ) : null}\n          <Divider />\n          <SummaryRow label=\"Total\" value={total.total.amount} strong />\n        </Box>\n      ) : null}\n      {message ? (\n        // `error` severity is right here and wrong for a lockdown pause — this\n        // really is \"your payment did not go through\", which is the one thing\n        // a shopper must be told plainly.\n        <Alert severity=\"error\" role=\"alert\">\n          {message}\n        </Alert>\n      ) : null}\n      <Box sx={{ display: 'flex', gap: 1 }}>\n        <Button\n          variant=\"contained\"\n          onClick={handlePay}\n          disabled={busy || shippingBusy}\n          fullWidth\n        >\n          {busy ? 'Paying…' : payLabel || 'Pay now'}\n        </Button>\n        {onCancel ? (\n          <Button variant=\"text\" onClick={onCancel} disabled={busy}>\n            {'Cancel'}\n          </Button>\n        ) : null}\n      </Box>\n    </Box>\n  )\n}\n\nexport function StorefrontPaymentElement({\n  clientSecret,\n  publishableKey,\n  payLabel,\n  defaultEmail,\n  onCancel,\n  onRestart,\n  wallets,\n}: StorefrontPaymentElementProps) {\n  const stripe = useMemo(() => getStripe(publishableKey), [publishableKey])\n  const theme = useTheme()\n  // Built once per session: the provider reads its options at mount and\n  // ignores later changes, so a memo keyed on the theme as well would only\n  // suggest a re-theme that never happens.\n  const options = useMemo<StripeCheckoutElementsSdkOptions>(\n    () => ({\n      clientSecret,\n      elementsOptions: {\n        appearance: storefrontPaymentAppearance(theme),\n        fonts: storefrontPaymentFonts(\n          typeof theme.typography?.fontFamily === 'string'\n            ? theme.typography.fontFamily\n            : undefined,\n        ),\n      },\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [clientSecret],\n  )\n  // Belt and braces with the server's own gate, which already refuses native\n  // mode without a publishable key: rendering nothing beats rendering an empty\n  // white box that looks like a broken payment form.\n  if (!clientSecret || !stripe) return null\n  return (\n    <CheckoutElementsProvider stripe={stripe} options={options}>\n      <Box sx={{ py: 2 }} data-testid=\"storefront-payment-element\">\n        <PaymentForm\n          payLabel={payLabel}\n          defaultEmail={defaultEmail}\n          onCancel={onCancel}\n          onRestart={onRestart}\n          wallets={wallets}\n        />\n      </Box>\n    </CheckoutElementsProvider>\n  )\n}\n\n/**\n * Re-exported so the old import path still resolves, but the definition now\n * lives in its own module (AGL-2486): a fallback imported FROM the lazily\n * loaded module drags that module into the eager bundle and cancels the\n * `lazy()`. Callers must import it from `./storefront-payment-element-fallback`\n * — importing it from here is exactly the bug, and re-exporting it does not\n * make that safe.\n */\nexport { StorefrontPaymentElementFallback } from './storefront-payment-element-fallback'\n\nexport default StorefrontPaymentElement\n"],"names":["CheckoutElementsProvider","PaymentElement","ShippingAddressElement","useCheckoutElements","loadStripe","Alert","Box","Button","CircularProgress","Divider","FormControlLabel","Radio","RadioGroup","TextField","Typography","useTheme","useCallback","useEffect","useMemo","useRef","useState","storefrontPaymentAppearance","storefrontPaymentFonts","stripePromises","Map","getStripe","publishableKey","promise","get","set","__resetStripePromises","clear","GENERIC_FAILURE","ADDRESS_SETTLE_MS","SummaryRow","label","value","strong","sx","display","justifyContent","gap","variant","color","SessionNotice","message","onCancel","onRestart","flexDirection","severity","role","onClick","PaymentForm","payLabel","defaultEmail","wallets","checkout","total","checkoutState","type","status","setStatus","setMessage","email","setEmail","emailError","setEmailError","shippingBusy","setShippingBusy","serverEmail","undefined","current","String","emailLocked","Boolean","sessionShippingOptions","shippingOptions","collectsShipping","length","selectedShippingId","shipping","shippingOption","id","autoSelected","updateShippingOption","chooseShipping","result","error","addressTimer","clearTimeout","onShippingAddressChange","event","complete","name","address","setTimeout","updateShippingAddress","catch","commitEmail","trimmed","trim","updateEmail","handlePay","confirm","py","size","aria-label","busy","discount","minorUnitsAmount","tax","taxExclusive","taxPending","required","fullWidth","autoComplete","onChange","target","onBlur","helperText","disabled","data-testid","map","option","control","displayName","amount","options","subtotal","shippingRate","StorefrontPaymentElement","clientSecret","stripe","theme","elementsOptions","appearance","fonts","typography","fontFamily","StorefrontPaymentElementFallback"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAED;;AAEA,wEAAwE;AACxE,+EAA+E;AAC/E,8EAA8E;AAC9E,6BAA6B;AAC7B,SACEA,wBAAwB,EACxBC,cAAc,EACdC,sBAAsB,EACtBC,mBAAmB,QACd,mCAAkC;AACzC,2EAA2E;AAC3E,0EAA0E;AAC1E,oEAAoE;AACpE,wEAAwE;AACxE,oEAAoE;AACpE,yEAAyE;AACzE,SAASC,UAAU,QAAQ,yBAAwB;AASnD,OAAOC,WAAW,sBAAqB;AACvC,OAAOC,SAAS,oBAAmB;AACnC,OAAOC,YAAY,uBAAsB;AACzC,OAAOC,sBAAsB,iCAAgC;AAC7D,OAAOC,aAAa,wBAAuB;AAC3C,OAAOC,sBAAsB,iCAAgC;AAC7D,OAAOC,WAAW,sBAAqB;AACvC,OAAOC,gBAAgB,2BAA0B;AACjD,OAAOC,eAAe,0BAAyB;AAC/C,OAAOC,gBAAgB,2BAA0B;AACjD,SAASC,QAAQ,QAAQ,uBAAsB;AAC/C,SAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AACzE,SACEC,2BAA2B,EAC3BC,sBAAsB,QACjB,qCAAiC;AA6GxC;;;;CAIC,GACD,MAAMC,iBAAiB,IAAIC;AAC3B,SAASC,UAAUC,cAAsB;IACvC,IAAI,CAACA,gBAAgB,OAAO;IAC5B,IAAIC,UAAUJ,eAAeK,GAAG,CAACF;IACjC,IAAI,CAACC,SAAS;QACZA,UAAUvB,WAAWsB;QACrBH,eAAeM,GAAG,CAACH,gBAAgBC;IACrC;IACA,OAAOA;AACT;AAEA,4EAA4E,GAC5E,OAAO,SAASG;IACdP,eAAeQ,KAAK;AACtB;AAEA,MAAMC,kBAAkB;AAExB,4EAA4E,GAC5E,MAAMC,oBAAoB;AAE1B,SAASC,WAAW,EAClBC,KAAK,EACLC,KAAK,EACLC,MAAM,EAKP;IACC,qBACE,MAAC/B;QAAIgC,IAAI;YAAEC,SAAS;YAAQC,gBAAgB;YAAiBC,KAAK;QAAE;;0BAClE,KAAC3B;gBACC4B,SAASL,SAAS,cAAc;gBAChCM,OAAON,SAAS,iBAAiB;0BAEhCF;;0BAEH,KAACrB;gBAAW4B,SAASL,SAAS,cAAc;0BAAUD;;;;AAG5D;AAEA,SAASQ,cAAc,EACrBC,OAAO,EACPC,QAAQ,EACRC,SAAS,EAKV;IACC,qBACE,MAACzC;QAAIgC,IAAI;YAAEC,SAAS;YAAQS,eAAe;YAAUP,KAAK;QAAE;;0BAC1D,KAACpC;gBAAM4C,UAAS;gBAAQC,MAAK;0BAC1BL;;0BAEH,MAACvC;gBAAIgC,IAAI;oBAAEC,SAAS;oBAAQE,KAAK;gBAAE;;oBAChCM,0BACC,KAACxC;wBAAOmC,SAAQ;wBAAYS,SAASJ;kCAClC;yBAED;oBACHD,yBACC,KAACvC;wBAAOmC,SAAQ;wBAAOS,SAASL;kCAC7B;yBAED;;;;;AAIZ;AAEA,SAASM,YAAY,EACnBC,QAAQ,EACRC,YAAY,EACZR,QAAQ,EACRC,SAAS,EACTQ,OAAO,EAIR;;QA+B4BC,mCAAAA,oBAmIvBA,kBAUAA,mBAYaC,iBACLA,qBACOD;IAzLnB,4EAA4E;IAC5E,uEAAuE;IACvE,MAAME,gBAAgBvD;IACtB,MAAMqD,WACJE,cAAcC,IAAI,KAAK,YAAYD,cAAcF,QAAQ,GAAG;IAC9D,MAAM,CAACI,QAAQC,UAAU,GAAGzC,SAA0C;IACtE,MAAM,CAACyB,SAASiB,WAAW,GAAG1C,SAAS;IACvC,MAAM,CAAC2C,OAAOC,SAAS,GAAG5C,SAASkC,uBAAAA,eAAgB;IACnD,MAAM,CAACW,YAAYC,cAAc,GAAG9C,SAAS;IAC7C,MAAM,CAAC+C,cAAcC,gBAAgB,GAAGhD,SAAS;IAEjD;;;;;;GAMC,GACD,MAAMiD,cAAclD,OAAkCmD;IACtD,IAAId,YAAYa,YAAYE,OAAO,KAAKD,WAAW;QACjDD,YAAYE,OAAO,GAAGf,SAASO,KAAK,GAAGS,OAAOhB,SAASO,KAAK,IAAI;IAClE;IACA,MAAMU,cAAcC,QAAQL,YAAYE,OAAO;IAE/C,MAAMI,yBAAyBnB,4BAAAA,SAAUoB,eAAe;IACxD,MAAMA,kBAAkB1D,QACtB,IAAMyD,iCAAAA,yBAA0B,EAAE,EAClC;QAACA;KAAuB;IAE1B,MAAME,mBAAmBD,gBAAgBE,MAAM,GAAG;IAClD,MAAMC,6BAAqBvB,6BAAAA,qBAAAA,SAAUwB,QAAQ,sBAAlBxB,oCAAAA,mBAAoByB,cAAc,qBAAlCzB,kCAAoC0B,EAAE,mBAAI;IAErE,2EAA2E;IAC3E,0EAA0E;IAC1E,wEAAwE;IACxE,2EAA2E;IAC3E,MAAMC,eAAehE,OAAO;IAC5BF,UAAU;QACR,IAAI,CAACuC,YAAY,CAACqB,oBAAoBE,oBAAoB;QAC1D,IAAII,aAAaZ,OAAO,EAAE;QAC1BY,aAAaZ,OAAO,GAAG;QACvB,KAAKf,SAAS4B,oBAAoB,CAACR,eAAe,CAAC,EAAE,CAACM,EAAE;IAC1D,GAAG;QAAC1B;QAAUqB;QAAkBE;QAAoBH;KAAgB;IAEpE,MAAMS,iBAAiBrE,YACrB,OAAOkE;QACL,IAAI,CAAC1B,YAAY0B,OAAOH,oBAAoB;QAC5CX,gBAAgB;QAChB,IAAI;YACF,MAAMkB,SAAS,MAAM9B,SAAS4B,oBAAoB,CAACF;YACnD,IAAII,CAAAA,0BAAAA,OAAQ3B,IAAI,MAAK,SAAS;;oBAEnB2B;gBADTxB,WACEU,gBAAOc,gBAAAA,OAAOC,KAAK,qBAAZD,cAAczC,OAAO,mBAAI,OAC9B;YAEN;QACF,SAAU;YACRuB,gBAAgB;QAClB;IACF,GACA;QAACZ;QAAUuB;KAAmB;IAGhC,wEAAwE;IACxE,sEAAsE;IACtE,4EAA4E;IAC5E,oEAAoE;IACpE,MAAMS,eAAerE,OAA6C;IAClEF,UACE,IAAM;YACJ,IAAIuE,aAAajB,OAAO,EAAEkB,aAAaD,aAAajB,OAAO;QAC7D,GACA,EAAE;IAEJ,MAAMmB,0BAA0B1E,YAC9B,CAAC2E;QACC,IAAI,CAACnC,YAAY,CAACmC,MAAMC,QAAQ,EAAE;QAClC,IAAIJ,aAAajB,OAAO,EAAEkB,aAAaD,aAAajB,OAAO;QAC3D,MAAM,EAAEsB,IAAI,EAAEC,OAAO,EAAE,GAAGH,MAAMvD,KAAK;QACrCoD,aAAajB,OAAO,GAAGwB,WAAW;YAChC,KAAKvC,SACFwC,qBAAqB,CAAC;gBAAEH;gBAAMC;YAAQ,GACtCG,KAAK,CAAC,IAAM3B;QACjB,GAAGrC;IACL,GACA;QAACuB;KAAS;IAGZ,MAAM0C,cAAclF,YAAY;QAC9B,IAAI,CAACwC,YAAYiB,aAAa,OAAO;QACrC,MAAM0B,UAAUpC,MAAMqC,IAAI;QAC1B,IAAI,CAACD,SAAS;YACZjC,cAAc;YACd,OAAO;QACT;QACA,IAAIV,SAASO,KAAK,KAAKoC,SAAS,OAAO;QACvC,MAAMb,SAAS,MAAM9B,SAAS6C,WAAW,CAACF;QAC1C,IAAIb,CAAAA,0BAAAA,OAAQ3B,IAAI,MAAK,SAAS;;gBAEnB2B;YADTpB,cACEM,gBAAOc,gBAAAA,OAAOC,KAAK,qBAAZD,cAAczC,OAAO,mBAAI,OAAO;YAEzC,OAAO;QACT;QACAqB,cAAc;QACd,OAAO;IACT,GAAG;QAACV;QAAUO;QAAOU;KAAY;IAEjC,MAAM6B,YAAYtF,YAAY;QAC5B,wEAAwE;QACxE,wEAAwE;QACxE,0BAA0B;QAC1B,IAAI4C,WAAW,gBAAgB,CAACJ,UAAU;QAC1CK,UAAU;QACVC,WAAW;QACX,IAAI;YACF,IAAI,CAAE,MAAMoC,eAAgB;gBAC1BrC,UAAU;gBACV;YACF;YACA,MAAMyB,SAAS,MAAM9B,SAAS+C,OAAO;YACrC,IAAIjB,CAAAA,0BAAAA,OAAQ3B,IAAI,MAAK,SAAS;;oBAIV2B;gBAHlB,gEAAgE;gBAChE,qEAAqE;gBACrE,6BAA6B;gBAC7BxB,WAAWU,gBAAOc,gBAAAA,OAAOC,KAAK,qBAAZD,cAAczC,OAAO,mBAAI,OAAOb;gBAClD6B,UAAU;gBACV;YACF;QACA,yEAAyE;QACzE,wEAAwE;QACxE,wEAAwE;QACxE,mEAAmE;QACrE,EAAE,eAAM;YACN,wEAAwE;YACxE,+DAA+D;YAC/DC,WAAW9B;YACX6B,UAAU;QACZ;IACF,GAAG;QAACL;QAAU0C;QAAatC;KAAO;IAElC,IAAIF,cAAcC,IAAI,KAAK,SAAS;QAClC,qEAAqE;QACrE,0EAA0E;QAC1E,uEAAuE;QACvE,qBACE,KAACf;YACCC,SAAQ;YACRC,UAAUA;YACVC,WAAWA;;IAGjB;IAEA,IAAI,CAACS,UAAU;QACb,qBACE,KAAClD;YAAIgC,IAAI;gBAAEC,SAAS;gBAAQC,gBAAgB;gBAAUgE,IAAI;YAAE;sBAC1D,cAAA,KAAChG;gBAAiBiG,MAAM;gBAAIC,cAAW;;;IAG7C;IAEA,IAAIlD,EAAAA,mBAAAA,SAASI,MAAM,qBAAfJ,iBAAiBG,IAAI,MAAK,WAAW;QACvC,qBACE,KAACf;YACCC,SAAQ;YACRC,UAAUA;YACVC,WAAWA;;IAGjB;IAEA,IAAIS,EAAAA,oBAAAA,SAASI,MAAM,qBAAfJ,kBAAiBG,IAAI,MAAK,YAAY;QACxC,oEAAoE;QACpE,6DAA6D;QAC7D,qBACE,KAACtD;YAAM4C,UAAS;YAAUC,MAAK;sBAC5B;;IAGP;IAEA,MAAMO,QAAQD,SAASC,KAAK;IAC5B,MAAMkD,OAAO/C,WAAW;IACxB,MAAMgD,oBAAWnD,0BAAAA,kBAAAA,MAAOmD,QAAQ,qBAAfnD,gBAAiBoD,gBAAgB,oBAAI;IACtD,MAAMC,eAAMrD,0BAAAA,sBAAAA,MAAOsD,YAAY,qBAAnBtD,oBAAqBoD,gBAAgB,oBAAI;IACrD,MAAMG,aAAaxD,EAAAA,gBAAAA,SAASsD,GAAG,qBAAZtD,cAAcI,MAAM,KAAIJ,SAASsD,GAAG,CAAClD,MAAM,KAAK;IAEnE,qBACE,MAACtD;QAAIgC,IAAI;YAAEC,SAAS;YAAQS,eAAe;YAAUP,KAAK;QAAE;;YACzDgC,4BACC,KAAC3D;gBAAW4B,SAAQ;gBAAQC,OAAM;0BAC/B,CAAC,WAAW,EAAE0B,YAAYE,OAAO,EAAE;+BAGtC,KAAC1D;gBACC8C,MAAK;gBACLxB,OAAM;gBACN8E,QAAQ;gBACRC,SAAS;gBACTC,cAAa;gBACb/E,OAAO2B;gBACPqD,UAAU,CAACzB;oBACT3B,SAAS2B,MAAM0B,MAAM,CAACjF,KAAK;oBAC3B,IAAI6B,YAAYC,cAAc;gBAChC;gBACAoD,QAAQ;oBACN,IAAIvD,MAAMqC,IAAI,IAAI,KAAKF;gBACzB;gBACAX,OAAOb,QAAQT;gBACfsD,YAAYtD,cAAc;gBAC1BuD,UAAUb;;YAGb9B,iCACC,MAACvE;gBACCgC,IAAI;oBAAEC,SAAS;oBAAQS,eAAe;oBAAUP,KAAK;gBAAE;gBACvDgF,eAAY;;kCAEZ,KAAC3G;wBAAW4B,SAAQ;kCAAa;;kCACjC,KAACxC;wBAAuBkH,UAAU1B;;kCAClC,KAAC5E;wBAAW4B,SAAQ;kCAAa;;kCACjC,KAAC9B;wBACC8F,cAAW;wBACXtE,OAAO2C;wBACPqC,UAAU,CAACzB,QAAU,KAAKN,eAAeM,MAAM0B,MAAM,CAACjF,KAAK;kCAE1DwC,gBAAgB8C,GAAG,CAAC,CAACC,uBACpB,KAACjH;gCAEC0B,OAAOuF,OAAOzC,EAAE;gCAChBsC,UAAUb,QAAQxC;gCAClByD,uBAAS,KAACjH;gCACVwB,OAAO,GAAGwF,OAAOE,WAAW,IAAI,WAAW,GAAG,EAAEF,OAAOG,MAAM,EAAE;+BAJ1DH,OAAOzC,EAAE;;;iBASpB;0BACJ,KAACjF;gBAAe8H,SAASxE,UAAU;oBAAEA;gBAAQ,IAAIe;;YAChDb,sBACC,MAACnD;gBACCgC,IAAI;oBAAEC,SAAS;oBAAQS,eAAe;oBAAUP,KAAK;gBAAI;gBACzDgF,eAAY;;kCAEZ,KAACvF;wBAAWC,OAAM;wBAAWC,OAAOqB,MAAMuE,QAAQ,CAACF,MAAM;;oBACxDlB,yBACC,KAAC1E;wBAAWC,OAAM;wBAAWC,OAAO,CAAC,CAAC,EAAEqB,MAAMmD,QAAQ,CAACkB,MAAM,EAAE;yBAC7D;oBACHjD,iCACC,KAAC3C;wBACCC,OAAM;wBACNC,OAAO2C,qBAAqBtB,MAAMwE,YAAY,CAACH,MAAM,GAAG;yBAExD;oBACHhB,OAAOE,2BACN,KAAC9E;wBACCC,OAAM;wBACNC,OAAO4E,aAAa,iCAAiCvD,MAAMsD,YAAY,CAACe,MAAM;yBAE9E;kCACJ,KAACrH;kCACD,KAACyB;wBAAWC,OAAM;wBAAQC,OAAOqB,MAAMA,KAAK,CAACqE,MAAM;wBAAEzF,MAAM;;;iBAE3D;YACHQ,UACC,uEAAuE;YACvE,sEAAsE;YACtE,kCAAkC;0BAClC,KAACxC;gBAAM4C,UAAS;gBAAQC,MAAK;0BAC1BL;iBAED;0BACJ,MAACvC;gBAAIgC,IAAI;oBAAEC,SAAS;oBAAQE,KAAK;gBAAE;;kCACjC,KAAClC;wBACCmC,SAAQ;wBACRS,SAASmD;wBACTkB,UAAUb,QAAQxC;wBAClB+C,SAAS;kCAERP,OAAO,YAAYtD,YAAY;;oBAEjCP,yBACC,KAACvC;wBAAOmC,SAAQ;wBAAOS,SAASL;wBAAU0E,UAAUb;kCACjD;yBAED;;;;;AAIZ;AAEA,OAAO,SAASuB,yBAAyB,EACvCC,YAAY,EACZzG,cAAc,EACd2B,QAAQ,EACRC,YAAY,EACZR,QAAQ,EACRC,SAAS,EACTQ,OAAO,EACuB;IAC9B,MAAM6E,SAASlH,QAAQ,IAAMO,UAAUC,iBAAiB;QAACA;KAAe;IACxE,MAAM2G,QAAQtH;IACd,sEAAsE;IACtE,yEAAyE;IACzE,yCAAyC;IACzC,MAAMgH,UAAU7G,QACd;YAKamH;eALN;YACLF;YACAG,iBAAiB;gBACfC,YAAYlH,4BAA4BgH;gBACxCG,OAAOlH,uBACL,SAAO+G,oBAAAA,MAAMI,UAAU,qBAAhBJ,kBAAkBK,UAAU,MAAK,WACpCL,MAAMI,UAAU,CAACC,UAAU,GAC3BpE;YAER;QACF;OACA,uDAAuD;IACvD;QAAC6D;KAAa;IAEhB,2EAA2E;IAC3E,6EAA6E;IAC7E,mDAAmD;IACnD,IAAI,CAACA,gBAAgB,CAACC,QAAQ,OAAO;IACrC,qBACE,KAACpI;QAAyBoI,QAAQA;QAAQL,SAASA;kBACjD,cAAA,KAACzH;YAAIgC,IAAI;gBAAEkE,IAAI;YAAE;YAAGiB,eAAY;sBAC9B,cAAA,KAACrE;gBACCC,UAAUA;gBACVC,cAAcA;gBACdR,UAAUA;gBACVC,WAAWA;gBACXQ,SAASA;;;;AAKnB;AAEA;;;;;;;CAOC,GACD,SAASoF,gCAAgC,QAAQ,2CAAuC;AAExF,eAAeT,yBAAwB"}

package/src/lib/constants/order-status.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * The order-status block's component id (AGL-3610). Persisted in screen
+ * documents; never rename. Here rather than in the component so the server's
+ * page resolver can place the block without importing client code.
+ */
+export declare const ORDER_STATUS_COMPONENT_ID = "order-status";

package/src/lib/constants/order-status.js

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ /**
+ * The order-status block's component id (AGL-3610). Persisted in screen
+ * documents; never rename. Here rather than in the component so the server's
+ * page resolver can place the block without importing client code.
+ */ export const ORDER_STATUS_COMPONENT_ID = 'order-status';
+
+//# sourceMappingURL=order-status.js.map

package/src/lib/constants/order-status.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/constants/order-status.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/**\n * The order-status block's component id (AGL-3610). Persisted in screen\n * documents; never rename. Here rather than in the component so the server's\n * page resolver can place the block without importing client code.\n */\nexport const ORDER_STATUS_COMPONENT_ID = 'order-status'\n"],"names":["ORDER_STATUS_COMPONENT_ID"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAED;;;;CAIC,GACD,OAAO,MAAMA,4BAA4B,eAAc"}