{"version":3,"file":"static/js/295.8edac7d6.chunk.js","mappings":"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","sources":["components/Feature/DisplayCards/DisplayCards.js","components/Feature/Reusable/ReadMoreText.js","../../../../node_modules/@sitecore-jss/sitecore-jss-react/dist/esm/components/Text.js"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { Text, Image, withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\r\nimport ReadMoreText from '../Reusable/ReadMoreText'; // Import the ReadMoreText component\r\n\r\nconst useReadMore = (charLimit) => {\r\n  const [readMoreState, setReadMoreState] = useState({});\r\n\r\n  const toggleReadMore = (index) => {\r\n    setReadMoreState((prevState) => ({\r\n      ...prevState,\r\n      [index]: !prevState[index],\r\n    }));\r\n  };\r\n\r\n  return { readMoreState, toggleReadMore };\r\n};\r\n\r\nconst DisplayCards = (props) => {\r\n  const isEditing = props.sitecoreContext.pageEditing;\r\n  const charLimit = props.fields?.CharLimit?.value;\r\n  const { readMoreState, toggleReadMore } = useReadMore(charLimit);\r\n\r\n  const readMoreText = props.fields?.readMoreText?.value;\r\n  const readLessText = props.fields?.readLessText?.value;\r\n\r\n  return (\r\n    <div className={!isEditing ? 'bs6-wrapper' : ''}>\r\n      <div className=\"bg-image\">\r\n        <Image field={props?.fields?.BackgroundImage} />\r\n      </div>\r\n      <div className=\"bs6-two-images\">\r\n        {props?.fields?.cardImages?.map((card, index) => (\r\n          <div className=\"image-video-text\" key={index}>\r\n            <div className=\"image-video\">\r\n              <Image field={card?.fields?.cardImage} className=\"img-fluid\" />\r\n            </div>\r\n            <ReadMoreText\r\n              card={card}\r\n              index={index}\r\n              readMoreState={readMoreState}\r\n              toggleReadMore={toggleReadMore}\r\n              charLimit={charLimit}\r\n              readMoreText={readMoreText}\r\n              readLessText={readLessText}\r\n            />\r\n          </div>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default withSitecoreContext()(DisplayCards);\r\n","import React from 'react';\r\nimport { Text } from '@sitecore-jss/sitecore-jss-react';\r\n\r\nconst ReadMoreText = ({\r\n  card,\r\n  index,\r\n  readMoreState,\r\n  toggleReadMore,\r\n  charLimit,\r\n  readMoreText,\r\n  readLessText,\r\n}) => {\r\n  const truncateText = (text, limit) => {\r\n    if (text.length <= limit) return text;\r\n    return text.substring(0, limit);\r\n  };\r\n\r\n  return (\r\n    <div className=\"text-content\">\r\n      <Text field={card?.fields?.overlayTitle} tag=\"h2\" />\r\n      <div className=\"showmore-wrapper\">\r\n        <p\r\n          className={`add-read-more ${\r\n            readMoreState[index] ? 'show-more-content' : 'show-less-content'\r\n          }`}\r\n        >\r\n          {readMoreState[index]\r\n            ? card?.fields?.overlayText.value\r\n            : truncateText(card?.fields?.overlayText.value, charLimit)}\r\n          {card?.fields?.overlayText.value.length > charLimit && (\r\n            <span className=\"read-more-toggle\" onClick={() => toggleReadMore(index)}>\r\n              {readMoreState[index] ? readLessText : readMoreText}\r\n            </span>\r\n          )}\r\n        </p>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ReadMoreText;\r\n","var __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport React from 'react';\nimport PropTypes from 'prop-types';\nexport const Text = (_a) => {\n    var { field, tag, editable, encode } = _a, otherProps = __rest(_a, [\"field\", \"tag\", \"editable\", \"encode\"]);\n    if (!field || (!field.editable && (field.value === undefined || field.value === ''))) {\n        return null;\n    }\n    // can't use editable value if we want to output unencoded\n    if (!encode) {\n        // eslint-disable-next-line no-param-reassign\n        editable = false;\n    }\n    const isEditable = field.editable && editable;\n    let output = isEditable\n        ? field.editable || ''\n        : field.value === undefined\n            ? ''\n            : field.value;\n    // when string value isn't formatted, we should format line breaks\n    if (!field.editable && typeof output === 'string') {\n        const splitted = String(output).split('\\n');\n        if (splitted.length) {\n            const formatted = [];\n            splitted.forEach((str, i) => {\n                const isLast = i === splitted.length - 1;\n                formatted.push(str);\n                if (!isLast) {\n                    formatted.push(React.createElement(\"br\", { key: i }));\n                }\n            });\n            output = formatted;\n        }\n    }\n    const setDangerously = isEditable || !encode;\n    let children = null;\n    const htmlProps = Object.assign({}, otherProps);\n    if (setDangerously) {\n        htmlProps.dangerouslySetInnerHTML = {\n            __html: output,\n        };\n    }\n    else {\n        children = output;\n    }\n    if (tag || setDangerously) {\n        return React.createElement(tag || 'span', htmlProps, children);\n    }\n    else {\n        return React.createElement(React.Fragment, null, children);\n    }\n};\nText.propTypes = {\n    field: PropTypes.shape({\n        value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n        editable: PropTypes.string,\n    }),\n    tag: PropTypes.string,\n    editable: PropTypes.bool,\n    encode: PropTypes.bool,\n};\nText.defaultProps = {\n    editable: true,\n    encode: true,\n};\nText.displayName = 'Text';\n"],"names":["withSitecoreContext","props","_props$fields","_props$fields$CharLim","_props$fields2","_props$fields2$readMo","_props$fields3","_props$fields3$readLe","_props$fields4","_props$fields5","_props$fields5$cardIm","isEditing","sitecoreContext","pageEditing","charLimit","fields","CharLimit","value","readMoreState","toggleReadMore","setReadMoreState","useState","index","prevState","useReadMore","readMoreText","readLessText","_jsxs","className","children","_jsx","Image","field","BackgroundImage","cardImages","map","card","_card$fields","cardImage","ReadMoreText","_ref","_card$fields2","_card$fields3","_card$fields4","Text","overlayTitle","tag","overlayText","text","limit","length","substring","onClick","truncateText","__rest","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","propertyIsEnumerable","_a","editable","encode","otherProps","undefined","isEditable","output","splitted","String","split","formatted","forEach","str","isLast","push","React","key","setDangerously","htmlProps","assign","dangerouslySetInnerHTML","__html","propTypes","PropTypes","defaultProps","displayName"],"sourceRoot":""}