@comicrelief/component-library 8.52.2 → 8.53.0

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleTitles = exports.handleOtherAmountText = void 0;
+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
+  };
+};
+exports.handleTitles = handleTitles;
+const handleOtherAmountText = (givingType, otherAmountText, monthlyOtherAmountText) => {
+  const thisOtherAmountText = givingType === 'monthly' && Boolean(monthlyOtherAmountText) ? monthlyOtherAmountText : otherAmountText;
+  return {
+    thisOtherAmountText
+  };
+};
+exports.handleOtherAmountText = handleOtherAmountText;

package/dist/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/dist/components/Organisms/DonateBanner/dev-data/data-high-value.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.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/dist/components/Organisms/DonateBanner/dev-data/data-monthly.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.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/dist/components/Organisms/DonateBanner/dev-data/data-single.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.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/dist/components/Organisms/DonateBanner/dev-data/data.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.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/dist/index.js

@@ -106,6 +106,12 @@ Object.defineProperty(exports, "Donate", {
     return _Donate.default;
   }
 });
+Object.defineProperty(exports, "DonateBanner", {
+  enumerable: true,
+  get: function () {
+    return _DonateBanner.default;
+  }
+});
 Object.defineProperty(exports, "DoubleCopy", {
   enumerable: true,
   get: function () {
@@ -494,6 +500,7 @@ var _ArticleTeaser = _interopRequireDefault(require("./components/Molecules/Arti
 var _Header = _interopRequireDefault(require("./components/Organisms/Header/Header"));
 var _Header2 = _interopRequireDefault(require("./components/Organisms/Header2025/Header2025"));
 var _Donate = _interopRequireDefault(require("./components/Organisms/Donate/Donate"));
+var _DonateBanner = _interopRequireDefault(require("./components/Organisms/DonateBanner/DonateBanner"));
 var _DoubleCopy = _interopRequireDefault(require("./components/Molecules/DoubleCopy/DoubleCopy"));
 var _PartnerLink = _interopRequireDefault(require("./components/Molecules/PartnerLink/PartnerLink"));
 var _Footer = _interopRequireDefault(require("./components/Organisms/Footer/Footer"));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@comicrelief/component-library",
   "author": "Comic Relief Engineering Team",
-  "version": "8.52.2",
+  "version": "8.53.0",
   "main": "dist/index.js",
   "license": "ISC",
   "jest": {

package/src/components/Molecules/CTA/CTAMultiCard/CTAMultiCard.md

@@ -45,6 +45,7 @@ const cardsFour = [
     ...cardsWithRenderedBody[0],
     id: 'example-4th-card',
     title: 'Fourth card',
+    linkLabel: "quite a long link label text here long text isn't it",
     body: (
       <Text tag="p">
         Fourth card (added for layout testing)