@comicrelief/component-library 8.52.2 → 8.53.0

package/src/components/Organisms/DonateBanner/_utils.js

@@ -0,0 +1,34 @@
+const handleTitles = (givingType, title, subtitle, monthlyTitle, monthlySubtitle) => {
+  let thisTitle; let thisSubtitle;
+  const showSingleCopy = Boolean(subtitle) && Boolean(title);
+  const showMonthlyCopy = givingType === 'monthly' && Boolean(monthlySubtitle) && Boolean(monthlyTitle);
+  // Overall flag as to whether we render copy for the currently selected givingType
+  const showCopy = showMonthlyCopy || showSingleCopy;
+
+  // Acts as a flag to centre the form when no copy is supplied *at all*
+  const noTitlesAtAll = showSingleCopy === false && showMonthlyCopy === false;
+
+  // Apply the override if we've got monthly content AND giving type:
+  if (showMonthlyCopy) {
+    thisTitle = monthlyTitle;
+    thisSubtitle = monthlySubtitle;
+  } else if (showCopy) {
+    // Else, fall back to the default, after checking it's appropriate
+    thisTitle = title;
+    thisSubtitle = subtitle;
+  }
+
+  return {
+    showCopy, thisTitle, thisSubtitle, noTitlesAtAll
+  };
+};
+
+const handleOtherAmountText = (givingType, otherAmountText, monthlyOtherAmountText) => {
+  const thisOtherAmountText = givingType === 'monthly' && Boolean(monthlyOtherAmountText)
+    ? monthlyOtherAmountText
+    : otherAmountText;
+
+  return { thisOtherAmountText };
+};
+
+export { handleTitles, handleOtherAmountText };

package/src/components/Organisms/DonateBanner/assets/close.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M5.70694 4.99994L9.85344 0.853438C10.0487 0.658188 10.0487 0.341688 9.85344 0.146437C9.65819 -0.0488125 9.34169 -0.0488125 9.14644 0.146437L4.99994 4.29294L0.853438 0.146437C0.658188 -0.0488125 0.341688 -0.0488125 0.146437 0.146437C-0.0488125 0.341688 -0.0488125 0.658188 0.146437 0.853438L4.29294 4.99994L0.146437 9.14644C-0.0488125 9.34169 -0.0488125 9.65819 0.146437 9.85344C0.244188 9.95119 0.371938 9.99994 0.499938 9.99994C0.627937 9.99994 0.755688 9.95119 0.853438 9.85344L4.99994 5.70694L9.14644 9.85344C9.24419 9.95119 9.37194 9.99994 9.49994 9.99994C9.62794 9.99994 9.75569 9.95119 9.85344 9.85344C10.0487 9.65819 10.0487 9.34169 9.85344 9.14644L5.70694 4.99994Z" fill="#222222"/>
+</svg>

package/src/components/Organisms/DonateBanner/dev-data/data-high-value.js

@@ -0,0 +1,41 @@
+export default {
+  cartId: '1-4-the-high-rollers',
+  singleGiving: {
+    moneybuys: [
+      {
+        description:
+          'a pregnant woman in Uganda to have access to a birth kit so she can have a clean, safe delivery.',
+        value: 7777
+      },
+      {
+        description:
+          'a support worker to visit 10 isolated young mums with postnatal depression in the UK.',
+        value: 8888
+      },
+      {
+        description:
+          'clothes for a child who has had to leave their possessions behind while escaping domestic abuse.',
+        value: 9999
+      }
+    ]
+  },
+  regularGiving: {
+    moneybuys: [
+      {
+        description:
+          'a regular supply of toiletries for someone living in a refugee camp in Serbia.',
+        value: 1111
+      },
+      {
+        description:
+          'a potentially lifesaving call for a man at risk of suicide in the UK.',
+        value: 2222
+      },
+      {
+        description:
+          'the distribution of enough surplus food for a school breakfast club to feed 80 children.',
+        value: 3333
+      }
+    ]
+  }
+};

package/src/components/Organisms/DonateBanner/dev-data/data-monthly.js

@@ -0,0 +1,23 @@
+export default {
+  cartId: 'monthly-only',
+  singleGiving: null,
+  regularGiving: {
+    moneybuys: [
+      {
+        description:
+          'a regular supply of toiletries for someone living in a refugee camp in Serbia.',
+        value: '5.50'
+      },
+      {
+        description:
+          'a potentially lifesaving call for a man at risk of suicide in the UK.',
+        value: '10'
+      },
+      {
+        description:
+          'the distribution of enough surplus food for a school breakfast club to feed 80 children.',
+        value: '20'
+      }
+    ]
+  }
+};

package/src/components/Organisms/DonateBanner/dev-data/data-single.js

@@ -0,0 +1,23 @@
+export default {
+  cartId: 'test-sept2019-C365',
+  singleGiving: {
+    moneybuys: [
+      {
+        description:
+          'a pregnant woman in Uganda to have access to a birth kit so she can have a clean, safe delivery.',
+        value: 10
+      },
+      {
+        description:
+          'a support worker to visit 10 isolated young mums with postnatal depression in the UK.',
+        value: 20
+      },
+      {
+        description:
+          'clothes for a child who has had to leave their possessions behind while escaping domestic abuse.',
+        value: 30
+      }
+    ]
+  },
+  regularGiving: null
+};

package/src/components/Organisms/DonateBanner/dev-data/data.js

@@ -0,0 +1,41 @@
+export default {
+  cartId: 'test-sept2019-C365',
+  singleGiving: {
+    moneybuys: [
+      {
+        description:
+          'could help pay for a child refugee to attend a youth group session to build language skills and feel less alone as they adapt to life in a new community',
+        value: '12.10'
+      },
+      {
+        description:
+          'could fund a specialist therapy session for a young person who has experienced or is at risk of homelessness',
+        value: '50'
+      },
+      {
+        description:
+          'could keep a food delivery van on the road for an entire day, delivering hundreds of meals to people in need',
+        value: '100'
+      }
+    ]
+  },
+  regularGiving: {
+    moneybuys: [
+      {
+        description:
+          'a month could help pay for a vulnerable young person in the UK to go to an after-school club throughout the month, allowing them to socialise, build friendships, and improve mental wellbeing',
+        value: '5'
+      },
+      {
+        description:
+          'a month could buy phone credit for a refugee in the UK to stay in touch with loved ones',
+        value: '10'
+      },
+      {
+        description:
+          'a month could help run parent support groups in Kenya that tackle stigma, ensuring children with a disability aren’t excluded from school',
+        value: '25'
+      }
+    ]
+  }
+};

package/src/index.js

@@ -45,6 +45,7 @@ export { default as ArticleTeaser } from './components/Molecules/ArticleTeaser/A
 export { default as Header } from './components/Organisms/Header/Header';
 export { default as Header2025 } from './components/Organisms/Header2025/Header2025';
 export { default as Donate } from './components/Organisms/Donate/Donate';
+export { default as DonateBanner } from './components/Organisms/DonateBanner/DonateBanner';
 export { default as DoubleCopy } from './components/Molecules/DoubleCopy/DoubleCopy';
 export { default as PartnerLink } from './components/Molecules/PartnerLink/PartnerLink';
 export { default as Footer } from './components/Organisms/Footer/Footer';