@telus-uds/components-web 1.8.0 → 1.9.0

package/lib/TermsAndConditions/ExpandCollapse.js

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _componentsBase = require("@telus-uds/components-base");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const ExpandCollapseControl = /*#__PURE__*/_styledComponents.default.div.withConfig({
+  displayName: "ExpandCollapse__ExpandCollapseControl",
+  componentId: "components-web__sc-1l2mmq7-0"
+})({
+  alignItems: 'center',
+  cursor: 'pointer',
+  display: 'flex',
+  flex: 1,
+  justifyContent: 'flex-start'
+});
+
+const ExpandCollapseIconContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
+  displayName: "ExpandCollapse__ExpandCollapseIconContainer",
+  componentId: "components-web__sc-1l2mmq7-1"
+})(_ref => {
+  let {
+    tokens
+  } = _ref;
+  return {
+    alignItems: tokens.expandIconContainerAlignItems,
+    border: `${tokens.expandIconContainerBorder}px solid ${tokens.expandIconContainerBorderColor}`,
+    borderRadius: '50%',
+    display: 'flex',
+    height: tokens.expandIconContainerHeight,
+    justifyContent: tokens.expandIconContainerJustifyContent,
+    margin: `${tokens.expandIconContainerMarginX}px ${tokens.expandIconContainerMarginY}px`,
+    width: tokens.expandIconContainerWidth
+  };
+});
+
+const ExpandCollapseTitle = /*#__PURE__*/_styledComponents.default.h4.withConfig({
+  displayName: "ExpandCollapse__ExpandCollapseTitle",
+  componentId: "components-web__sc-1l2mmq7-2"
+})(_ref2 => {
+  let {
+    tokens
+  } = _ref2;
+  return {
+    color: tokens.expandTitleColor,
+    fontFamily: `${tokens.listFontName}${tokens.listFontWeight}normal`,
+    fontSize: tokens.expandTitleFontSize,
+    lineHeight: tokens.expandTitleLineHeight,
+    margin: `${tokens.expandTitleMarginX}px ${tokens.expandTitleMarginY}px`
+  };
+});
+
+const ExpandCollapse = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
+  let {
+    children,
+    collapseTitle,
+    expandTitle = collapseTitle
+  } = _ref3;
+  const getTokens = (0, _componentsBase.useThemeTokensCallback)('TermsAndConditions', {}, {});
+  const {
+    expandBaseBorderWidth,
+    expandContentPaddingBottom,
+    expandContentPaddingLeft,
+    expandContentPaddingRight,
+    expandContentPaddingTop
+  } = getTokens();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.ExpandCollapse, {
+    tokens: {
+      borderWidth: expandBaseBorderWidth
+    },
+    children: expandProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.ExpandCollapse.Panel, { ...expandProps,
+      panelId: "ExpandCollapsePanel",
+      controlTokens: {
+        icon: null
+      } // TODO refactor
+      // eslint-disable-next-line react/no-unstable-nested-components
+      ,
+      control: pressableState => {
+        const {
+          expanded
+        } = pressableState || {};
+        const {
+          icon
+        } = getTokens({
+          expanded
+        });
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ExpandCollapseControl, {
+          onClick: event => expandProps.onToggle('ExpandCollapsePanel', event),
+          ref: ref,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ExpandCollapseIconContainer, {
+            tokens: getTokens(),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Icon, {
+              icon: icon,
+              variant: {
+                size: 'small'
+              }
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ExpandCollapseTitle, {
+            tokens: getTokens(),
+            children: expanded ? expandTitle : collapseTitle
+          })]
+        });
+      },
+      tokens: {
+        contentPaddingBottom: expandContentPaddingBottom,
+        contentPaddingLeft: expandContentPaddingLeft,
+        contentPaddingRight: expandContentPaddingRight,
+        contentPaddingTop: expandContentPaddingTop
+      },
+      children: children
+    })
+  });
+});
+ExpandCollapse.displayName = 'ExpandCollapse';
+ExpandCollapse.propTypes = {
+  children: _propTypes.default.node.isRequired,
+  collapseTitle: _propTypes.default.string.isRequired,
+  expandTitle: _propTypes.default.string
+};
+ExpandCollapse.defaultProps = {
+  expandTitle: undefined
+};
+var _default = ExpandCollapse;
+exports.default = _default;

package/lib/TermsAndConditions/TermsAndConditions.js

@@ -0,0 +1,221 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _componentsBase = require("@telus-uds/components-base");
+
+var _ExpandCollapse = _interopRequireDefault(require("./ExpandCollapse"));
+
+var _OrderedListBase = _interopRequireDefault(require("../OrderedList/OrderedListBase"));
+
+var _utils = require("../utils");
+
+var _dictionary = _interopRequireDefault(require("./dictionary"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_utils.htmlAttrs]);
+
+const ContentContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
+  displayName: "TermsAndConditions__ContentContainer",
+  componentId: "components-web__sc-1199epn-0"
+})(_ref => {
+  let {
+    tokens
+  } = _ref;
+  return {
+    paddingBottom: tokens.contentPaddingBottom,
+    paddingLeft: tokens.contentPaddingLeft,
+    ...(0, _utils.media)().from('md').css({
+      paddingBottom: tokens.mdContentPaddingBottom,
+      paddingLeft: tokens.mdContentPaddingLeft
+    })
+  };
+});
+
+const Ordered = /*#__PURE__*/(0, _styledComponents.default)(_OrderedListBase.default).withConfig({
+  displayName: "TermsAndConditions__Ordered",
+  componentId: "components-web__sc-1199epn-1"
+})(_ref2 => {
+  let {
+    tokens
+  } = _ref2;
+  return {
+    listStylePosition: 'outside',
+    padding: tokens.orderedPadding
+  };
+});
+
+const Unordered = /*#__PURE__*/_styledComponents.default.ul.withConfig({
+  displayName: "TermsAndConditions__Unordered",
+  componentId: "components-web__sc-1199epn-2"
+})(_ref3 => {
+  let {
+    tokens
+  } = _ref3;
+  return {
+    listStyleType: 'none',
+    margin: 0,
+    padding: tokens.unorderedPadding
+  };
+});
+
+const ListItem = /*#__PURE__*/(0, _styledComponents.default)(_OrderedListBase.default.Item).withConfig({
+  displayName: "TermsAndConditions__ListItem",
+  componentId: "components-web__sc-1199epn-3"
+})(_ref4 => {
+  let {
+    tokens
+  } = _ref4;
+  return {
+    display: 'list-item',
+    '&::marker': {
+      fontFamily: `${tokens.listFontName}${tokens.listFontWeight}normal`,
+      fontSize: tokens.listFontSize,
+      lineHeight: tokens.listLineHeight,
+      textAlign: 'end !important'
+    },
+    color: tokens.listColor,
+    fontFamily: `${tokens.listFontName}${tokens.listFontWeight}normal`,
+    fontSize: tokens.listFontSize,
+    lineHeight: tokens.listLineHeight,
+    marginBottom: tokens.listMarginBottom,
+    marginLeft: tokens.listMarginLeft,
+    wordBreak: 'break-word'
+  };
+});
+
+const NonIndexedContentTitle = /*#__PURE__*/_styledComponents.default.div.withConfig({
+  displayName: "TermsAndConditions__NonIndexedContentTitle",
+  componentId: "components-web__sc-1199epn-4"
+})(_ref5 => {
+  let {
+    tokens
+  } = _ref5;
+  return {
+    color: tokens.titleColor,
+    fontSize: tokens.titleFontSize,
+    lineHeight: tokens.titleLineHeight,
+    paddingLeft: tokens.titlePaddingLeft
+  };
+});
+/**
+ * Use `TermsAndConditions` to display important legal content.
+ *
+ * ## Usage Criteria
+ *
+ * - Display before the page footer, except for call-to-action callback cards
+ * - Responsive display based on breakpoints
+ * - Use `copy` to set language, ‘en’ for English or ‘fr’ for French
+ */
+
+
+const TermsAndConditions = /*#__PURE__*/(0, _react.forwardRef)((_ref6, ref) => {
+  let {
+    copy = 'en',
+    indexedContent,
+    nonIndexedContent,
+    tokens,
+    variant = {},
+    ...rest
+  } = _ref6;
+  const getCopy = (0, _componentsBase.useCopy)({
+    dictionary: _dictionary.default,
+    copy
+  });
+  const hasIndexedContent = indexedContent.length > 0;
+  const hasNonIndexedContent = nonIndexedContent.length > 0;
+  const themeTokens = (0, _componentsBase.useThemeTokens)('TermsAndConditions', tokens, variant);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", { ...selectProps(rest),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Divider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandCollapse.default, {
+      collapseTitle: getCopy('headingView'),
+      expandTitle: getCopy('headingHide'),
+      ref: ref,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContentContainer, {
+        tokens: themeTokens,
+        children: [hasIndexedContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(Ordered, {
+          tokens: themeTokens,
+          children: indexedContent.map((contentItem, idx) =>
+          /*#__PURE__*/
+          // eslint-disable-next-line react/no-array-index-key
+          (0, _jsxRuntime.jsx)(ListItem, {
+            tokens: themeTokens,
+            children: (0, _utils.renderStructuredContent)(contentItem)
+          }, idx))
+        }), hasNonIndexedContent && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_componentsBase.Box, {
+          between: 3,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(NonIndexedContentTitle, {
+            tokens: themeTokens,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
+              block: true,
+              heading: true,
+              variant: {
+                size: 'h4'
+              },
+              children: getCopy('nonIndexedTitle')
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Unordered, {
+            tokens: themeTokens,
+            children: nonIndexedContent.map((contentItem, idx) =>
+            /*#__PURE__*/
+            // eslint-disable-next-line react/no-array-index-key
+            (0, _jsxRuntime.jsx)(ListItem, {
+              tokens: themeTokens,
+              children: (0, _utils.renderStructuredContent)(contentItem)
+            }, idx))
+          })]
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Divider, {})]
+  });
+});
+TermsAndConditions.displayName = 'TermsAndConditions';
+TermsAndConditions.propTypes = { ...selectedSystemPropTypes,
+
+  /**
+   * Use the `copy` prop to either select provided English or French copy by passing 'en' or 'fr' respectively.
+   *
+   * To provide your own, pass a JSON object with the keys `headingView`, `headingHide`, and `nonIndexedTitle`.
+   */
+  copy: _propTypes.default.oneOfType([_propTypes.default.oneOf(['en', 'fr']), _propTypes.default.shape({
+    headingView: _propTypes.default.string,
+    headingHide: _propTypes.default.string,
+    nonIndexedTitle: _propTypes.default.string
+  })]),
+
+  /**
+   * An array of nodes, strings, or a combination to be displayed in an ordered list.
+   *
+   * Each item in the array must have a corresponding superscript in the page.
+   */
+  indexedContent: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string])),
+
+  /**
+   * An array of nodes, strings, or a combination to be displayed in an unordered list.
+   *
+   * nonIndexedContent do not have a corresponding superscript and instead apply to the page as a whole.
+   */
+  nonIndexedContent: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string]))
+};
+TermsAndConditions.defaultProps = {
+  copy: 'en',
+  indexedContent: [],
+  nonIndexedContent: []
+};
+var _default = TermsAndConditions;
+exports.default = _default;

package/lib/TermsAndConditions/dictionary.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  en: {
+    headingHide: 'Hide terms and conditions',
+    headingView: 'View terms and conditions',
+    nonIndexedTitle: 'The following applies to all terms and conditions above'
+  },
+  fr: {
+    headingHide: 'Masquer les modalités et conditions',
+    headingView: 'Voir les modalités et conditions',
+    nonIndexedTitle: 'Ce qui suit s’applique aux modalités et conditions ci-dessus'
+  }
+};
+exports.default = _default;

package/lib/TermsAndConditions/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _TermsAndConditions.default;
+  }
+});
+
+var _TermsAndConditions = _interopRequireDefault(require("./TermsAndConditions"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/Testimonial/Testimonial.js

@@ -0,0 +1,226 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _componentsBase = require("@telus-uds/components-base");
+
+var _Image = _interopRequireDefault(require("../Image"));
+
+var _utils = require("../utils");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_utils.htmlAttrs]);
+
+const TestimonialContainer = /*#__PURE__*/_styledComponents.default.figure.withConfig({
+  displayName: "Testimonial__TestimonialContainer",
+  componentId: "components-web__sc-1az53gr-0"
+})(_ref => {
+  let {
+    testimonialContainerGap
+  } = _ref;
+  return {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: testimonialContainerGap,
+    margin: 0
+  };
+});
+
+const QuoteContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
+  displayName: "Testimonial__QuoteContainer",
+  componentId: "components-web__sc-1az53gr-1"
+})(_ref2 => {
+  let {
+    quoteContainerGap
+  } = _ref2;
+  return {
+    display: 'flex',
+    alignItems: 'center',
+    gap: quoteContainerGap
+  };
+});
+
+const Divider = /*#__PURE__*/_styledComponents.default.div.withConfig({
+  displayName: "Testimonial__Divider",
+  componentId: "components-web__sc-1az53gr-2"
+})(_ref3 => {
+  let {
+    dividerBorder,
+    dividerBackgroundColor
+  } = _ref3;
+  return {
+    height: dividerBorder,
+    background: dividerBackgroundColor,
+    width: '100%'
+  };
+});
+
+const BlockQuote = /*#__PURE__*/_styledComponents.default.blockquote.withConfig({
+  displayName: "Testimonial__BlockQuote",
+  componentId: "components-web__sc-1az53gr-3"
+})({
+  margin: 0
+});
+
+const AuthorInfoContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
+  displayName: "Testimonial__AuthorInfoContainer",
+  componentId: "components-web__sc-1az53gr-4"
+})({
+  display: 'flex',
+  flexDirection: 'column'
+});
+
+const Figcaption = /*#__PURE__*/_styledComponents.default.figcaption.withConfig({
+  displayName: "Testimonial__Figcaption",
+  componentId: "components-web__sc-1az53gr-5"
+})(_ref4 => {
+  let {
+    figcaptionGap
+  } = _ref4;
+  return {
+    display: 'flex',
+    alignItems: 'center',
+    gap: figcaptionGap
+  };
+});
+
+const Testimonial = _ref5 => {
+  let {
+    showDivider,
+    testimonial,
+    title,
+    imageSrc,
+    image = imageSrc,
+    additionalInfo,
+    testimonialStyle = 'heading',
+    tokens,
+    variant = {},
+    ...rest
+  } = _ref5;
+  const {
+    testimonialContainerGap,
+    quoteContainerGap,
+    dividerBorder,
+    dividerBackgroundColor,
+    figcaptionGap,
+    textColor,
+    icon,
+    iconColor,
+    imageSize
+  } = (0, _componentsBase.useThemeTokens)('Testimonial', tokens, variant);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TestimonialContainer, {
+    testimonialContainerGap: testimonialContainerGap,
+    ...selectProps(rest),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(QuoteContainer, {
+      quoteContainerGap: quoteContainerGap,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Icon, {
+        tokens: {
+          color: iconColor
+        },
+        variant: {
+          size: 'micro'
+        },
+        icon: icon
+      }), showDivider && /*#__PURE__*/(0, _jsxRuntime.jsx)(Divider, {
+        dividerBackgroundColor: dividerBackgroundColor,
+        dividerBorder: dividerBorder,
+        role: "separator"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockQuote, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
+        variant: {
+          size: testimonialStyle === 'large' ? 'large' : 'h3'
+        },
+        tokens: {
+          color: textColor,
+          fontWeight: '400'
+        },
+        children: `\u201C${testimonial}\u201D`
+      })
+    }), (image || title || additionalInfo) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Figcaption, {
+      figcaptionGap: figcaptionGap,
+      children: [image && (typeof image === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.default, {
+        rounded: "circle",
+        src: image,
+        alt: title,
+        width: imageSize,
+        height: imageSize
+      }) : image), (title || additionalInfo) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(AuthorInfoContainer, {
+        children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
+          variant: {
+            size: 'small',
+            colour: 'secondary'
+          },
+          tokens: {
+            fontWeight: '500'
+          },
+          children: title
+        }), additionalInfo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
+          variant: {
+            size: 'micro',
+            colour: 'secondary'
+          },
+          tokens: {
+            fontWeight: '400'
+          },
+          children: additionalInfo
+        })]
+      })]
+    }), showDivider && /*#__PURE__*/(0, _jsxRuntime.jsx)(Divider, {
+      dividerBackgroundColor: dividerBackgroundColor,
+      dividerBorder: dividerBorder,
+      role: "separator"
+    })]
+  });
+};
+
+Testimonial.propTypes = { ...selectedSystemPropTypes,
+
+  /**
+   * Testimonial content
+   */
+  testimonial: _propTypes.default.string.isRequired,
+
+  /**
+   * Testimonial author or source
+   */
+  title: _propTypes.default.string,
+
+  /**
+   * Additional information on the author or source
+   */
+  additionalInfo: _propTypes.default.string,
+
+  /**
+   * Testimonial style
+   */
+  testimonialStyle: _propTypes.default.oneOf(['large', 'heading']),
+
+  /**
+   * Whether to show or not dividers at the top and the bottom of the testimonial
+  showDivider: PropTypes.bool,
+  /**
+   * The src attribute for the Image component or custom JSX content to render instead
+   */
+  image: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+
+  /**
+   * The src attribute for the `Image` component to be displayed on the testimonial
+   * @deprecated please use the `image` prop instead
+   */
+  imageSrc: _propTypes.default.string
+};
+var _default = Testimonial;
+exports.default = _default;

package/lib/Testimonial/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _Testimonial = _interopRequireDefault(require("./Testimonial"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _Testimonial.default;
+exports.default = _default;