{"version":3,"file":"9-769763437096c5c6c880.js","mappings":"s8BAaA,MAAMA,EAAgBC,IAAI,CACtBC,cAAeD,EAAKE,UACpBC,eAAgBH,EAAKG,eACrBC,WAAYJ,EAAKI,aAGfC,EAAkBA,CAACC,EAAQC,EAAMP,IAASQ,IAC5CC,EAAAA,SACAC,EAAAA,EAAAA,UAAO,CAACC,EAAQC,IAAGC,EAAAA,EAAA,GACZF,GAAM,IACT,EAACG,EAAAA,EAAAA,SAAU,CAACR,EAAQM,MAAQG,EAAAA,EAAAA,IAAaC,EAAAA,EAAAA,SAAIhB,EAAM,CAACM,EAAQC,EAAMK,QAClE,CAAC,GALuCJ,EAM9CQ,EAAAA,EAAAA,SAAIhB,EAAM,CAACM,EAAQC,GAAO,CAAC,IAEvBU,GAAaC,EAAAA,EAAAA,IAAWC,IAAK,CAC/BC,QAASA,EAAGpB,OAAMqB,qBAAiBR,EAAAA,EAAAA,EAAAA,EAAA,CAC/BQ,gBAAmBA,GAAoC,UACvDC,QAAS,OACTC,OAAOR,EAAAA,EAAAA,IAAaC,EAAAA,EAAAA,SAAIhB,EAAM,sBAC9BwB,QAAQT,EAAAA,EAAAA,IAAaC,EAAAA,EAAAA,SAAIhB,EAAM,wBAC5BD,GAAaiB,EAAAA,EAAAA,SAAIhB,EAAM,cAAe,CAAC,KACvCK,EAAgB,UAAW,SAAUL,IACrCK,EAAgB,SAAU,SAAUL,IAAK,IAC5C,CAACmB,EAAMM,YAAYC,GAAG,OAAKb,EAAAA,EAAAA,EAAA,CACvBU,OAAOR,EAAAA,EAAAA,IAAaC,EAAAA,EAAAA,SAAIhB,EAAM,sBAC9BwB,QAAQT,EAAAA,EAAAA,IAAaC,EAAAA,EAAAA,SAAIhB,EAAM,wBAC5BD,GAAaiB,EAAAA,EAAAA,SAAIhB,EAAM,cAAe,CAAC,KACvCK,EAAgB,UAAW,SAAUL,IACrCK,EAAgB,SAAU,SAAUL,IAE3C,CAACmB,EAAMM,YAAYC,GAAG,OAAKb,EAAAA,EAAAA,EAAA,CACvBU,OAAOR,EAAAA,EAAAA,IAAaC,EAAAA,EAAAA,SAAIhB,EAAM,uBAC9BwB,QAAQT,EAAAA,EAAAA,IAAaC,EAAAA,EAAAA,SAAIhB,EAAM,yBAC5BD,GAAaiB,EAAAA,EAAAA,SAAIhB,EAAM,eAAgB,CAAC,KACxCK,EAAgB,UAAW,UAAWL,IACtCK,EAAgB,SAAU,UAAWL,UAmCpD,UA9BgB2B,IAA0F,IAAzF,QAAEC,EAAO,SAAEC,EAAQ,QAAEC,EAAO,KAAE9B,EAAI,QAAE+B,EAAU,CAAC,EAAC,UAAEC,EAAS,YAAEC,GAAsBN,EAANO,GAAIC,EAAAA,EAAAA,GAAAR,EAAAS,GAC9F,MAAMC,EAAWpB,EAAW,CAAEjB,OAAMqB,iBAAiBL,EAAAA,EAAAA,SAAIY,EAAS,2BAE5DU,EAAoBV,SAAAA,EAASW,MAAQ,GAAGX,EAAQW,MAAMC,WAAWC,MAAM,KAAK,KAAM,KAExF,OACIC,EAAAA,cAACC,EAAAA,GAAOC,EAAAA,EAAAA,GAAA,GACAV,EAAI,CACRD,YAAWpB,EAAAA,EAAA,GACJoB,GAAW,IACdY,QAAQ7B,EAAAA,EAAAA,SAAIhB,EAAM,wBAClB8C,QAAQ9B,EAAAA,EAAAA,SAAIhB,EAAM,wBAClB+C,SAAS/B,EAAAA,EAAAA,SAAIhB,EAAM,2BAEvBgC,UAAWgB,IACP,WACAX,EAASjB,QACTW,EAAQkB,KACRjB,EACA,OAAMhB,EAAAA,EAAAA,SAAIhB,EAAM,6BAChBgB,EAAAA,EAAAA,SAAIY,EAAS,UAEjBW,MAAO,CAACW,WAAYZ,KAEnBJ,EAAKiB,aAAetB,GAAWuB,EAAAA,EAAAA,IAAWvB,EAAUC,GAC/C,C","sources":["webpack://thecoalitionweb/./src/components/templates/box.js"],"sourcesContent":["import React from 'react'\r\nimport pipe from 'lodash/fp/pipe'\r\nimport { makeStyles } from '@material-ui/styles'\r\nimport { domToReact } from 'html-react-parser'\r\nimport Section from 'tcweb-material-components/core/section'\r\nimport keys from 'tcweb-material-components/core/poly/keys'\r\nimport reduce from 'tcweb-material-components/core/poly/reduce'\r\nimport camelCase from 'tcweb-material-components/core/poly/camelCase'\r\nimport get from 'tcweb-material-components/core/poly/get'\r\nimport classnames from 'classnames'\r\n\r\nimport { cleanWPValue } from '../../utilities/wpOptions'\r\n\r\nconst getFlexStyle = (data) => ({\r\n    flexDirection: data.direction,\r\n    justifyContent: data.justifyContent,\r\n    alignItems: data.alignItems\r\n})\r\n\r\nconst getSpacingStyle = (prefix, path, data) => pipe(\r\n    keys,\r\n    reduce((styles, key) => ({\r\n        ...styles,\r\n        [camelCase([prefix, key])]: cleanWPValue(get(data, [prefix, path, key]))\r\n    }), {})\r\n)(get(data, [prefix, path], {}))\r\n\r\nconst useClasses = makeStyles(theme => ({\r\n    boxSwap: ({ data, backgroundColor }) => ({\r\n        backgroundColor: !!backgroundColor ? backgroundColor : 'initial',\r\n        display: 'flex',\r\n        width: cleanWPValue(get(data, 'size.mobile.width')),\r\n        height: cleanWPValue(get(data, 'size.mobile.height')),\r\n        ...getFlexStyle(get(data, 'flex.mobile', {})),\r\n        ...getSpacingStyle('padding', 'mobile', data),\r\n        ...getSpacingStyle('margin', 'mobile', data),\r\n        [theme.breakpoints.up('sm')]: {\r\n            width: cleanWPValue(get(data, 'size.tablet.width')),\r\n            height: cleanWPValue(get(data, 'size.tablet.height')),\r\n            ...getFlexStyle(get(data, 'flex.tablet', {})),\r\n            ...getSpacingStyle('padding', 'tablet', data),\r\n            ...getSpacingStyle('margin', 'tablet', data),\r\n        },\r\n        [theme.breakpoints.up('md')]: {\r\n            width: cleanWPValue(get(data, 'size.desktop.width')),\r\n            height: cleanWPValue(get(data, 'size.desktop.height')),\r\n            ...getFlexStyle(get(data, 'flex.desktop', {})),\r\n            ...getSpacingStyle('padding', 'desktop', data),\r\n            ...getSpacingStyle('margin', 'desktop', data),\r\n        }\r\n    })\r\n}))\r\n\r\nconst BoxSwap = ({ attribs, children, options, data, classes = {}, className, itemMargins, ...rest }) => {\r\n    const _classes = useClasses({ data, backgroundColor: get(attribs, \"data-background-color\") })\r\n\r\n    const hasCustomGradient = attribs?.style ? `${attribs.style.toString().split(':')[1]}`: null\r\n\r\n    return (\r\n        <Section\r\n            {...rest}\r\n            itemMargins={{\r\n                ...itemMargins,\r\n                mobile: get(data, 'space.mobile.between'),\r\n                tablet: get(data, 'space.tablet.between'),\r\n                desktop: get(data, 'space.desktop.between')\r\n            }}\r\n            className={classnames(\r\n                'box-swap',\r\n                _classes.boxSwap,\r\n                classes.root,\r\n                className,\r\n                `bg-${get(data, 'background.mobile.type')}`,\r\n                get(attribs, 'class')\r\n            )}\r\n            style={{background: hasCustomGradient}}\r\n        >\r\n            {rest.isSubSection ? children : domToReact(children, options)}\r\n        </Section>\r\n    )\r\n}\r\n\r\n\r\nexport default BoxSwap\r\n"],"names":["getFlexStyle","data","flexDirection","direction","justifyContent","alignItems","getSpacingStyle","prefix","path","pipe","keys","reduce","styles","key","_objectSpread","camelCase","cleanWPValue","get","useClasses","makeStyles","theme","boxSwap","backgroundColor","display","width","height","breakpoints","up","_ref","attribs","children","options","classes","className","itemMargins","rest","_objectWithoutProperties","_excluded","_classes","hasCustomGradient","style","toString","split","React","Section","_extends","mobile","tablet","desktop","classnames","root","background","isSubSection","domToReact"],"sourceRoot":""}