Einstiegsangebot-Test

apps/www/components/Pledge/CustomizePackage.js

@@ -39,7 +39,11 @@ const dayFormat = timeFormat('%d. %B %Y')
 const { P } = Interaction
 
 const absolutMinPrice = 100
-const calculateMinPrice = (pkg, values, userPrice) => {
+const calculateMinPrice = (pkg, values, userPrice, router) => {
+  // EINSTIEGSMONAT-TEST (remove after test)
+  if (pkg.name === 'MONTHLY_ABO' && router.query.coupon === 'EINSTIEG24') {
+    return 200
+  }
   const minPrice = pkg.options.reduce((price, option) => {
     const amountValue = values[getOptionFieldKey(option)]
     const amount =
@@ -79,14 +83,18 @@ const calculateMinPrice = (pkg, values, userPrice) => {
   return absolutMinPrice
 }
 
-const getPrice = ({ values, pkg, userPrice }) => {
+const getPrice = ({ values, pkg, userPrice, router }) => {
+  // EINSTIEGSMONAT-TEST (remove after test)
+  if (pkg.name === 'MONTHLY_ABO' && router.query.coupon === 'EINSTIEG24') {
+    return 200
+  }
   if (values.price !== undefined) {
     return values.price
   } else {
     if (userPrice) {
       return ''
     }
-    const minPrice = calculateMinPrice(pkg, values, userPrice)
+    const minPrice = calculateMinPrice(pkg, values, userPrice, router)
     if (minPrice === absolutMinPrice) {
       return ''
     }
@@ -195,7 +203,7 @@ class CustomizePackage extends Component {
     }
   }
   calculateNextPrice(nextFields) {
-    const { pkg, values, userPrice, t } = this.props
+    const { pkg, values, userPrice, t, router } = this.props
 
     const minPrice = calculateMinPrice(
       pkg,
@@ -204,6 +212,7 @@ class CustomizePackage extends Component {
         ...nextFields.values,
       },
       userPrice,
+      router
     )
 
     let price = values.price
@@ -230,7 +239,7 @@ class CustomizePackage extends Component {
     if (values.price === undefined && pkg.suggestedTotal) {
       if (process.browser) {
         this.setState({ customPrice: true })
-        const regularMinPrice = calculateMinPrice(pkg, values, false)
+        const regularMinPrice = calculateMinPrice(pkg, values, false, router)
         if (pkg.suggestedTotal < regularMinPrice && !userPrice) {
           router.replace(
             {
@@ -258,10 +267,10 @@ class CustomizePackage extends Component {
       }
     }
 
-    const { onChange, pkg, values, userPrice, fixedPrice, t } = this.props
+    const { onChange, pkg, values, userPrice, fixedPrice, t, router } = this.props
 
     const price = this.getPriceWithSuggestion()
-    const minPrice = calculateMinPrice(pkg, values, userPrice)
+    const minPrice = calculateMinPrice(pkg, values, userPrice, router)
     onChange({
       values: {
         price,
@@ -273,11 +282,11 @@ class CustomizePackage extends Component {
     })
   }
   componentDidUpdate(prevProps) {
-    const { onChange, pkg, values, userPrice, t } = this.props
+    const { onChange, pkg, values, userPrice, t, router } = this.props
 
     if (values.price === undefined || userPrice !== prevProps.userPrice) {
       const price = this.getPriceWithSuggestion()
-      const minPrice = calculateMinPrice(pkg, values, userPrice)
+      const minPrice = calculateMinPrice(pkg, values, userPrice, router)
       onChange({
         values: {
           price,
@@ -360,8 +369,8 @@ class CustomizePackage extends Component {
       return fields
     }, [])
 
-    const minPrice = calculateMinPrice(pkg, values, userPrice)
-    const regularMinPrice = calculateMinPrice(pkg, values, false)
+    const minPrice = calculateMinPrice(pkg, values, userPrice, router)
+    const regularMinPrice = calculateMinPrice(pkg, values, false, router)
 
     const onPriceChange = (_, value, shouldValidate) => {
       const price = String(value).length
@@ -514,6 +523,9 @@ class CustomizePackage extends Component {
         `package/${crowdfundingName}/${pkg.name}/${ownMembership.type.name}/description`,
       ownMembership &&
         `package/${pkg.name}/${ownMembership.type.name}/description`,
+      // EINSTIEGSMONAT-TEST (remove after test)
+      router.query.coupon === 'EINSTIEG24' &&
+        `package/${pkg.name}/einstiegsmonat/description`,
       `package/${crowdfundingName}/${pkg.name}/description`,
       `package/${pkg.name}/description`,
     ].filter(Boolean)
@@ -530,6 +542,9 @@ class CustomizePackage extends Component {
                 ownMembership &&
                   new Date(ownMembership.graceEndDate) < new Date() &&
                   `package/${pkg.name}/reactivate/pageTitle`,
+                // EINSTIEGSMONAT-TEST (remove after test)
+                router.query.coupon === 'EINSTIEG24' &&
+                  `package/${pkg.name}/einstiegsmonat/title`,
                 `package/${pkg.name}/pageTitle`,
                 `package/${pkg.name}/title`,
               ].filter(Boolean),

apps/www/components/Pledge/Form.js

@@ -218,9 +218,14 @@ class Pledge extends Component {
         ? !['YEARLY_ABO', 'MONTHLY_ABO', 'DONATE', 'LESHA'].includes(pkg.name)
         : undefined,
       paymentMethods: pkg ? pkg.paymentMethods : undefined,
-      total: values.price || undefined,
+      // EINSTIEGSMONAT-TEST (remove after test) change total back
+      total:
+        pkg.name === 'MONTHLY_ABO' && query.coupon === 'EINSTIEG24'
+          ? values.price + 2000
+          : values.price || undefined,
       options,
       reason: userPrice ? values.reason : undefined,
+      coupon: query.coupon,
       id: pledge ? pledge.id : undefined,
       pledgeShippingAddress: pledge ? pledge.shippingAddress : undefined,
       pledgeUser: pledge ? pledge.user : undefined,

apps/www/components/Pledge/Submit.js

@@ -1074,9 +1074,13 @@ class Submit extends Component {
                 }}
               >
                 {t('pledge/submit/button/pay', {
-                  formattedChf: this.props.total
-                    ? chfFormat(this.props.total / 100)
-                    : '',
+                  formattedChf:
+                    // EINSTIEGSMONAT-TEST (remove after test)
+                    this.props.coupon === 'EINSTIEG24'
+                      ? chfFormat(2)
+                      : this.props.total
+                      ? chfFormat(this.props.total / 100)
+                      : '',
                 })}
               </Button>
             </div>
@@ -1093,6 +1097,7 @@ Submit.propTypes = {
   paymentMethods: PropTypes.array,
   total: PropTypes.number,
   reason: PropTypes.string,
+  coupon: PropTypes.string,
   options: PropTypes.array.isRequired,
   submit: PropTypes.func.isRequired,
   errors: PropTypes.object.isRequired,

apps/www/lib/translations.json

@@ -2572,6 +2572,10 @@
       "key": "package/MONTHLY_ABO/title",
       "value": "Monats-Abo"
     },
+    {
+      "key": "package/MONTHLY_ABO/einstiegsmonat/title",
+      "value": "Monats-Abo zum Einstiegspreis"
+    },
     {
       "key": "package/MONTHLY_ABO/price",
       "value": "{formattedCHF}"
@@ -2580,6 +2584,10 @@
       "key": "package/MONTHLY_ABO/description",
       "value": "Schön, dass Sie dabei sind. Sie erhalten ab sofort unser Magazin. Und sind während der Zeit Ihres Abonnements Verlegerin oder Verleger der Republik. Das Monatsabonnement wird jeweils automatisch verlängert. Sie können es aber jederzeit in Ihrem Konto kündigen."
     },
+    {
+      "key": "package/MONTHLY_ABO/einstiegsmonat/description",
+      "value": "Das Abo erneuert nach 30 Tagen automatisch zum regulären Preis von CHF 22.-. Es ist jederzeit kündbar."
+    },
     {
       "key": "package/LESHA/title",
       "value": "Buch «We Stay»"

apps/www/lib/utils/track.js

@@ -43,6 +43,18 @@ export const getCampaignReferralParams = (query) => {
   return params
 }
 
+export const getCouponCodeParams = (query) => {
+  let params = {}
+  Object.keys(query)
+    .filter((key) => key.startsWith('coupon'))
+    .sort((a, b) => ascending(a, b))
+    .forEach((key) => {
+      params[key] = query[key]
+    })
+
+  return params
+}
+
 const createPayloadStore = (storeKey, limit = 15) => {
   let payload = {}
   let isEnabled = true
@@ -111,5 +123,6 @@ export const getConversionPayload = (query = {}) => {
     ...payload.get(),
     ...getUtmParams(query),
     ...getCampaignReferralParams(query),
+    ...getCouponCodeParams(query),
   }
 }