Churn Offer Copy Customization

window.SubscribfyOffers = {

  // Anti-churn modal (active member trying to cancel).
  // Copy is nested PER cancellation reason alias, then PER offer type.
  churn: {
    reasons: {
      // key = cancellation reason alias (as shown in the admin)
      enough_items: {
        modal_title:    'Too much to keep up with?',
        modal_subtitle: 'Pause or skip a delivery instead of cancelling.',
        offers: {
          discount_price: {
            title:       'Stay and save %discount_value%%',
            description: 'Applied to your next order automatically.' // hidden unless set
          },
          change_frequency: {
            title:       "Change how often you're billed",
            description: 'Switch to every %interval_count% %interval_name%.',
            duration:    'Applies for %duration_value% %duration_unit%, then reverts to your original schedule.'
          },
          add_store_credits: {
            title:       "Here's %currency_code% %store_credits% in store credit",
            description: 'Added to your account if you stay.',
            duration:    'One-time bonus.'
          }
        }
      },
      too_expensive: {
        modal_title: "Let's find a price that works",
        offers: {
          discount_price: { title: "Here's %discount_value%% off to keep you going" }
        }
      }
    },
    // Button labels (the "see next offer" button is intentionally NOT customizable)
    buttons: { apply: 'KEEP MY OFFER', cancel: 'CANCEL ANYWAY', keep: 'KEEP OFFER' }
  },

  // Active-offer modal: the member already has an offer. Keyed by TYPE.
  // The header lives PER type, since the modal shows the one offer they already have.
  // pre_modal_title is a small, centered eyebrow above the title (defaults to "Before you cancel").
  applied: {
    offers: {
      discount_price: {
        pre_modal_title: 'Before you cancel',
        modal_title:     'You have an active discount',
        modal_subtitle:  'Cancelling now means losing it. Are you sure?',
        title:           'Discount the price of the subscription',
        description:     'Discount Subscription Price',
        duration:        'Applies for %duration_value% %duration_unit%, then reverts to your original price.',
        note:            ''
      },
      change_frequency: {
        pre_modal_title: 'Before you cancel',
        modal_title:     'Your billing schedule is set',
        modal_subtitle:  'Cancelling now means losing it. Are you sure?',
        title:           'Change how often the subscription is billed',
        description:     'Change Subscription Frequency',
        duration:        'Applies for %duration_value% %duration_unit%, then reverts to your original billing schedule.',
        note:            ''
      },
      add_store_credits: {
        pre_modal_title: 'Before you cancel',
        modal_title:     'You have store credit active',
        modal_subtitle:  'Cancelling now means losing it. Are you sure?',
        title:           'Store credit added to your account',
        description:     '',
        duration:        'One-time bonus',
        note:            ''
      }
    }
  },

  // Dashboard "active offer" badge. Keyed by TYPE.
  applied_banner: {
    offers: {
      discount_price:    { title: 'DISCOUNT ACTIVE',   description: 'Your %discount_value%% discount is live' },
      change_frequency:  { title: 'FREQUENCY UPDATED', description: 'Now billed every %interval_count% %interval_name%' },
      add_store_credits: { title: 'CREDIT ADDED',      description: '%currency_code% %store_credits% in store credit added' }
    }
  }

};

{ flow, reason, reason_title, scid, cid, offer?, index?, total? }
// where offer = { id, type, name, value, value_type, duration_type, duration_value }

document.addEventListener('sbf:offer:viewed', function (e) {
  gtag && gtag('event', 'retention_offer_viewed', {
    offer_type: e.detail.offer.type,
    value: e.detail.offer.value
  });
});

document.addEventListener('sbf:offer:render', function (e) {
  if (e.detail.flow !== 'churn') return;
  // e.detail = { flow, reason, applied, state, offers, currentOffer, el }
});

.sbf-offer-flow--applied_banner.sbf-offer-type--discount_price .exm_ps_offer_description {
  font-size: 0;
}
.sbf-offer-flow--applied_banner.sbf-offer-type--discount_price .exm_ps_offer_description::after {
  content: 'Your discount is live';
  font-size: 14px;
}