# subscription/1.10.1/src/index.js

Subscriptions for WooCommerce with Stripe Recurring Payments, version 1.10.1. 146 lines.

- Page: https://pluginprobe.com/plugins/subscription/1.10.1/code/src/index.js
- Raw: https://pluginprobe.com/plugins/subscription/1.10.1/raw/src/index.js
- Modified: 2026-04-12T05:55:20+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/subscription/1.10.1/code/src/index.js#L10-L20`.

```javascript
import { ExperimentalOrderMeta, registerCheckoutFilters, TotalsItem } from "@woocommerce/blocks-checkout";
import { FormattedMonetaryAmount } from "@woocommerce/blocks-components";
import { __, sprintf } from "@wordpress/i18n";
import { registerPlugin } from "@wordpress/plugins";

import { formatPrice, getCurrencyFromPriceResponse } from "@woocommerce/price-format";
// import { useStoreCart } from "@woocommerce/base-context/hooks";

const modifyCartItemPrice = (defaultValue, extensions, args, validation) => {
  const { sdevs_subscription } = extensions;
  const { cartItem } = args;
  const { totals } = cartItem;

  if (totals === undefined) {
    return defaultValue;
  }
  if (totals.line_total === "0") {
    return `<price/> ${__("Due Today", "subscription")}`;
  }
  if (sdevs_subscription && sdevs_subscription.type) {
    // Capitalize the first letter to match product page display
    const capitalizedType = sdevs_subscription.type.charAt(0).toUpperCase() + sdevs_subscription.type.slice(1);

    // Check max_no_payment - handle string, number, null, undefined
    const maxPayments = parseInt(sdevs_subscription.max_no_payment, 10);
    const paymentInfo = !isNaN(maxPayments) && maxPayments > 0 ? ` x ${maxPayments}` : "";
    return `<price/> / ${
      sdevs_subscription.time && sdevs_subscription.time > 1 ? " " + sdevs_subscription.time + "-" : ""
    }${capitalizedType}${paymentInfo}`;
  }
  return defaultValue;
};

const modifySubtotalPriceFormat = (defaultValue, extensions, args, validation) => {
  const { sdevs_subscription } = extensions;
  const { sdevs_subscription: recurrings } = extensions;

  if (sdevs_subscription && sdevs_subscription.type) {
    // Capitalize the first letter to match product page display
    const capitalizedType = sdevs_subscription.type.charAt(0).toUpperCase() + sdevs_subscription.type.slice(1);

    // Check max_no_payment - handle string, number, null, undefined
    const maxPayments = parseInt(sdevs_subscription.max_no_payment, 10);
    const paymentInfo = !isNaN(maxPayments) && maxPayments > 0 ? ` x ${maxPayments}` : "";

    const timePart = sdevs_subscription.time && sdevs_subscription.time > 1 ? sdevs_subscription.time + "-" : "";
    const priceText = "<price/>\u00A0" + __("Every", "subscription") + " " + timePart + capitalizedType + paymentInfo;

    return priceText;
  }

  return defaultValue;
};

registerCheckoutFilters("sdevs-subscription", {
  cartItemPrice: modifyCartItemPrice,
  subtotalPriceFormat: modifySubtotalPriceFormat,
});

const RecurringTotals = ({ cart, extensions }) => {
  if (Object.keys(extensions).length === 0) {
    return;
  }
  const { cartTotals } = cart;
  const { sdevs_subscription: recurrings } = extensions;
  if (recurrings.length === 0) {
    return;
  }

  const currency = getCurrencyFromPriceResponse(cartTotals);
  const multiplier = Math.pow(10, currency.minorUnit);

  return (
    <TotalsItem
      className="wc-block-components-totals-footer-item"
      label={__("Recurring totals", "subscription")}
      description={
        <div style={{ display: "grid" }}>
          {recurrings.map((recurring) => {
            // Capitalize the first letter to match product page display
            const capitalizedType = recurring.type.charAt(0).toUpperCase() + recurring.type.slice(1);

            return (
              <div style={{ margin: "20px 0", float: "right" }}>
                <div style={{ fontSize: "18px" }}>
                  <FormattedMonetaryAmount currency={currency} value={Math.round(recurring.price * multiplier)} />
                  <span class="wpsubs-subscription-timing">
                    &nbsp;/&nbsp;
                    {recurring.time && recurring.time > 1
                      ? `${recurring.time + "-" + capitalizedType} `
                      : capitalizedType}
                  </span>
                </div>
                <small>{recurring.description}</small>
                {recurring.can_user_cancel === "yes" &&
                  (recurring.max_no_payment === "" || parseInt(recurring.max_no_payment) === 0) && (
                    <>
                      <br />
                      <small>{__("You can cancel subscription at any time!", "subscription")} </small>
                    </>
                  )}
                {parseInt(recurring.max_no_payment) > 0 && (
                  <>
                    <br />
                    <small>
                      {sprintf(
                        // translators: 1: number of installments, 2: total amount.
                        __(
                          "This subscription will be billed in %1$s installments, for a total of %2$s.",
                          "subscription",
                        ),
                        recurring.max_no_payment,
                        formatPrice(Math.round(recurring.price * multiplier * parseInt(recurring.max_no_payment)), {
                          currency: currency.code,
                          currency_symbol: currency.symbol,
                          decimal_separator: currency.decimalSeparator,
                          thousand_separator: currency.thousandSeparator,
                          precision: currency.minorUnit,
                          price_format: currency.priceFormat,
                        }),
                      )}
                    </small>
                  </>
                )}
              </div>
            );
          })}
        </div>
      }
    ></TotalsItem>
  );
};

const render = () => {
  return (
    <ExperimentalOrderMeta>
      <RecurringTotals />
    </ExperimentalOrderMeta>
  );
};

registerPlugin("sdevs-subscription", {
  render,
  scope: "woocommerce-checkout",
});

```