@coorpacademy/components 11.19.0 → 11.19.1-alpha.10

package/es/molecule/brand-form-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classNames","Autocomplete","Select","SelectMultiple","InputText","InputColor","InputCheckbox","InputReadonly","InputSwitch","BrandUploadBox","BrandDownloadBox","Button","InputTextarea","InputHTML","InputDoublestep","ImageUpload","SetupSlider","SetupSections","Title","Roles","TitleAndCheckBoxWrapper","ButtonLink","TitleAndInput","style","inputContainerStyle","default","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","bulkUploadContainer","buttonType","buildField","index","input","theme","size","styleInput","styleField","fieldMassiveBattle","defineLayoutClass","layout","grid","layoutBulk","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","subtitleSize","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","propTypes","string","arrayOf","oneOfType","shape","oneOf"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport TitleAndInput from '../../organism/title-and-input';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return (\n        <div className={style.imageUploadContainer}>\n          <ImageUpload {...field} />\n        </div>\n      );\n    case 'bulkUpload':\n      return (\n        <div className={style.bulkUploadContainer}>\n          <ImageUpload {...field} />\n        </div>\n      );\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return <Button {...field} />;\n    case 'buttonLink':\n      return <ButtonLink {...field} type={field.buttonType} />;\n    case 'roles':\n      return <Roles {...field} />;\n    case 'titleAndCheckBoxWrapper':\n      return <TitleAndCheckBoxWrapper {...field} />;\n    case 'titleAndInput':\n      return <TitleAndInput {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field.type === 'titleAndInput' ? field.field : field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n  const styleField = field.type === 'titleAndInput' ? style.fieldMassiveBattle : styleInput;\n\n  return (\n    <div className={styleField} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst defineLayoutClass = layout => {\n  if (layout === 'grid') return classNames(style.grid);\n  else if (layout === 'bulkLayout') return classNames(style.layoutBulk);\n  else return classNames(null);\n};\n\nconst BrandFormGroup = props => {\n  const {\n    title,\n    subtitle = '',\n    fieldsLayout = '',\n    groupLayout = '',\n    fields = [],\n    subtitleSize = 'standard'\n  } = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n  const layout = useMemo(() => defineLayoutClass(fieldsLayout), [fieldsLayout]);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} subtitleSize={subtitleSize} type={'form-group'} />\n      </div>\n      <div className={layout}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  subtitleSize: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['bulkImage'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...ButtonLink.propTypes,\n        buttonType: ButtonLink.propTypes.type,\n        type: PropTypes.oneOf(['buttonLink'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes),\n      PropTypes.shape({\n        ...TitleAndInput.propTypes,\n        type: PropTypes.oneOf(['titleAndInput'])\n      })\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classNames","Autocomplete","Select","SelectMultiple","InputText","InputColor","InputCheckbox","InputReadonly","InputSwitch","BrandUploadBox","BrandDownloadBox","Button","InputTextarea","InputHTML","InputDoublestep","InputFileDraggable","SetupSlider","SetupSections","Title","Roles","TitleAndCheckBoxWrapper","ButtonLink","TitleAndInput","style","inputContainerStyle","default","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","bulkUploadContainer","buttonType","buildField","index","input","theme","size","styleInput","styleField","fieldMassiveBattle","defineLayoutClass","layout","grid","layoutBulk","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","subtitleSize","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","propTypes","string","arrayOf","oneOfType","shape","oneOf"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport TitleAndInput from '../../organism/title-and-input';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return (\n        <div className={style.imageUploadContainer}>\n          <InputFileDraggable {...field} />\n        </div>\n      );\n    case 'bulkUpload':\n      return (\n        <div className={style.bulkUploadContainer}>\n          <InputFileDraggable {...field} />\n        </div>\n      );\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return <Button {...field} />;\n    case 'buttonLink':\n      return <ButtonLink {...field} type={field.buttonType} />;\n    case 'roles':\n      return <Roles {...field} />;\n    case 'titleAndCheckBoxWrapper':\n      return <TitleAndCheckBoxWrapper {...field} />;\n    case 'titleAndInput':\n      return <TitleAndInput {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field.type === 'titleAndInput' ? field.field : field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n  const styleField = field.type === 'titleAndInput' ? style.fieldMassiveBattle : styleInput;\n\n  return (\n    <div className={styleField} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst defineLayoutClass = layout => {\n  if (layout === 'grid') return classNames(style.grid);\n  else if (layout === 'bulkLayout') return classNames(style.layoutBulk);\n  else return classNames(null);\n};\n\nconst BrandFormGroup = props => {\n  const {\n    title,\n    subtitle = '',\n    fieldsLayout = '',\n    groupLayout = '',\n    fields = [],\n    subtitleSize = 'standard'\n  } = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n  const layout = useMemo(() => defineLayoutClass(fieldsLayout), [fieldsLayout]);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} subtitleSize={subtitleSize} type={'form-group'} />\n      </div>\n      <div className={layout}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  subtitleSize: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...InputFileDraggable.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputFileDraggable.propTypes,\n        type: PropTypes.oneOf(['bulkImage'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...ButtonLink.propTypes,\n        buttonType: ButtonLink.propTypes.type,\n        type: PropTypes.oneOf(['buttonLink'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes),\n      PropTypes.shape({\n        ...TitleAndInput.propTypes,\n        type: PropTypes.oneOf(['titleAndInput'])\n      })\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"mappings":"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"}

package/es/molecule/cm-popin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AAsBA,kDA6MC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AA+BA,kDAwOC"}

package/es/molecule/cm-popin/index.js

@@ -1,17 +1,25 @@
 import React from 'react';
-import { NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond, NovaSolidApplicationsWindowUpload3 as WindowUpload, NovaLineSettingsCookie as Cookie, NovaSolidSpaceMoonRocket as MoonRocket, NovaCompositionCoorpacademyPadlock as LockIcon, NovaLineStatusCheckCircle1 as CheckCircle1 } from '@coorpacademy/nova-icons';
+import { NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond, NovaSolidApplicationsWindowUpload3 as WindowUpload, NovaLineSettingsCookie as Cookie, NovaSolidSpaceMoonRocket as MoonRocket, NovaCompositionCoorpacademyPadlock as LockIcon, NovaLineStatusCheckCircle1 as CheckCircle1, NovaSolidFilesBasicFileLines as FileLinesIcon } from '@coorpacademy/nova-icons';
 import map from 'lodash/fp/map';
+import isEmpty from 'lodash/fp/isEmpty';
+import classNames from 'classnames';
 import Cta from '../../atom/button-link';
 import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
 import InputSwitch from '../../atom/input-switch';
 import Title from '../../atom/title';
 import CardsGrid from '../../organism/cards-grid';
+import ListItems from '../../organism/list-items';
 import style from './style.css';
 import propTypes from './types';
 const IconType = {
   lockedContent: /*#__PURE__*/React.createElement(LockIcon, {
     className: style.lockIcon
-  })
+  }),
+  fileZipped: /*#__PURE__*/React.createElement("div", {
+    className: style.filesListIconContainer
+  }, /*#__PURE__*/React.createElement(FileLinesIcon, {
+    className: style.filesListIcon
+  }))
 };
 
 const CMPopin = props => {
@@ -51,19 +59,12 @@ const CMPopin = props => {
         backgroundImage
       } = header;
       const TopTitleIcon = IconType[headerIcon];
-
-      if (title) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: style.headerContent
-        }, TopTitleIcon, /*#__PURE__*/React.createElement("div", {
-          className: style.headerTitle
-        }, /*#__PURE__*/React.createElement(Title, title)));
-      }
-
-      return /*#__PURE__*/React.createElement("img", {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, title ? /*#__PURE__*/React.createElement("div", {
+        className: style.headerContent
+      }, TopTitleIcon, /*#__PURE__*/React.createElement(Title, title)) : null, backgroundImage ? /*#__PURE__*/React.createElement("img", {
         className: style.headerBackground,
         src: backgroundImage
-      });
+      }) : null);
     }
 
     if (mode === 'cookie') return /*#__PURE__*/React.createElement("div", {
@@ -132,15 +133,24 @@ const CMPopin = props => {
       type,
       list
     } = items;
-    return type === 'content' ? /*#__PURE__*/React.createElement(CardsGrid, list) : null;
+    if (isEmpty(list)) return null;
+    if (type === 'content') return /*#__PURE__*/React.createElement("div", {
+      className: style.itemsContainer,
+      "data-name": 'cm-popin-cards'
+    }, /*#__PURE__*/React.createElement(CardsGrid, list));
+    if (type === 'list') return /*#__PURE__*/React.createElement("div", {
+      className: style.filesListContainer
+    }, /*#__PURE__*/React.createElement(ListItems, list));
+    return null;
   };
 
+  const wrapperPopinStyle = classNames(mode === 'cookie' && style.popinCookie, mode === 'list' && style.popinFilesList, style.popin);
   return /*#__PURE__*/React.createElement("div", {
     className: mode !== 'cookie' ? style.background : null,
     style: backgroundImageStyle,
     "data-name": 'cm-popin-container'
   }, /*#__PURE__*/React.createElement("div", {
-    className: mode === 'cookie' ? style.popinCookie : style.popin
+    className: wrapperPopinStyle
   }, /*#__PURE__*/React.createElement("header", {
     className: style.popinHeader
   }, renderHeader(), onClose ? /*#__PURE__*/React.createElement(ButtonLinkIconOnly, {
@@ -149,7 +159,7 @@ const CMPopin = props => {
     "aria-label": 'close-icon',
     size: "small",
     icon: "close"
-  }) : null), mode !== 'items' ? /*#__PURE__*/React.createElement("div", {
+  }) : null), mode !== 'items' && mode !== 'list' ? /*#__PURE__*/React.createElement("div", {
     className: mode === 'cookie' || mode === 'information' ? style.cookieTitleContainer : style.titleContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: style.contentSection
@@ -170,10 +180,7 @@ const CMPopin = props => {
     }
   }) : null) : null, descriptionBtnTxt ? /*#__PURE__*/React.createElement("div", {
     className: style.descriptionBtn
-  }, descriptionBtnTxt) : null, items ? /*#__PURE__*/React.createElement("div", {
-    className: style.itemsContainer,
-    "data-name": 'cm-popin-cards'
-  }, renderItems()) : null, renderBtnSwitch(), firstButton || secondButton || thirdButton ? /*#__PURE__*/React.createElement("div", {
+  }, descriptionBtnTxt) : null, !isEmpty(items) ? renderItems() : null, renderBtnSwitch(), firstButton || secondButton || thirdButton ? /*#__PURE__*/React.createElement("div", {
     className: style.buttonContainer
   }, firstButton ? /*#__PURE__*/React.createElement("div", {
     className: firstButton.largeButton ? style.largeButton : style.button

package/es/molecule/cm-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","NovaCompositionCoorpacademyPadlock","LockIcon","NovaLineStatusCheckCircle1","CheckCircle1","map","Cta","ButtonLinkIconOnly","InputSwitch","Title","CardsGrid","style","propTypes","IconType","lockedContent","lockIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","title","headerIcon","TopTitleIcon","headerContent","headerTitle","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","background","popinCookie","popin","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","itemsContainer","buttonContainer","largeButton","button","label","handleOnclick","customStyle"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaLineStatusCheckCircle1 as CheckCircle1\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst IconType = {\n  lockedContent: <LockIcon className={style.lockIcon} />\n};\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth,\n    items\n  } = props;\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const renderHeader = () => {\n    if (header) {\n      const {title, headerIcon, backgroundImage} = header;\n      const TopTitleIcon = IconType[headerIcon];\n      if (title) {\n        return (\n          <div className={style.headerContent}>\n            {TopTitleIcon}\n            <div className={style.headerTitle}>\n              <Title {...title} />\n            </div>\n          </div>\n        );\n      }\n      return <img className={style.headerBackground} src={backgroundImage} />;\n    }\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n    return null;\n  };\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n  const renderItems = () => {\n    const {type, list} = items;\n    return type === 'content' ? <CardsGrid {...list} /> : null;\n  };\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={mode === 'cookie' ? style.popinCookie : style.popin}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        {mode !== 'items' ? (\n          <div\n            className={\n              mode === 'cookie' || mode === 'information'\n                ? style.cookieTitleContainer\n                : style.titleContainer\n            }\n          >\n            <div className={style.contentSection}>\n              {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n              {content ? (\n                <p\n                  className={mode === 'alert' ? style.content : style.message}\n                  data-name={'cm-popin-content'}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: content}}\n                />\n              ) : null}\n            </div>\n            {descriptionText ? (\n              <p\n                className={style.descriptionText}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: descriptionText}}\n              />\n            ) : null}\n          </div>\n        ) : null}\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {items ? (\n          <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n            {renderItems()}\n          </div>\n        ) : null}\n        {renderBtnSwitch()}\n        {firstButton || secondButton || thirdButton ? (\n          <div className={style.buttonContainer}>\n            {firstButton ? (\n              <div className={firstButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={firstButton.label}\n                  onClick={firstButton.handleOnclick}\n                  data-name={'cm-popin-cta'}\n                  aria-label={firstButton['aria-label']}\n                  type={firstButton.type}\n                  customStyle={firstButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {secondButton ? (\n              <div className={secondButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={secondButton.label}\n                  onClick={secondButton.handleOnclick}\n                  data-name={`cm-popin-cta-${secondButton.type}`}\n                  aria-label={secondButton['aria-label']}\n                  type={secondButton.type}\n                  customStyle={secondButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {thirdButton ? (\n              <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={thirdButton.label}\n                  onClick={thirdButton.handleOnclick}\n                  data-name={`cm-popin-cta-${thirdButton.type}`}\n                  aria-label={thirdButton['aria-label']}\n                  type={thirdButton.type}\n                  customStyle={thirdButton.customStyle}\n                />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","NovaCompositionCoorpacademyPadlock","LockIcon","NovaLineStatusCheckCircle1","CheckCircle1","NovaSolidFilesBasicFileLines","FileLinesIcon","map","isEmpty","classNames","Cta","ButtonLinkIconOnly","InputSwitch","Title","CardsGrid","ListItems","style","propTypes","IconType","lockedContent","lockIcon","fileZipped","filesListIconContainer","filesListIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","title","headerIcon","TopTitleIcon","headerContent","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","itemsContainer","filesListContainer","wrapperPopinStyle","popinCookie","popinFilesList","popin","background","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaLineStatusCheckCircle1 as CheckCircle1,\n  NovaSolidFilesBasicFileLines as FileLinesIcon\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport classNames from 'classnames';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst IconType = {\n  lockedContent: <LockIcon className={style.lockIcon} />,\n  fileZipped: (\n    <div className={style.filesListIconContainer}>\n      <FileLinesIcon className={style.filesListIcon} />\n    </div>\n  )\n};\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth,\n    items\n  } = props;\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n\n  const renderHeader = () => {\n    if (header) {\n      const {title, headerIcon, backgroundImage} = header;\n      const TopTitleIcon = IconType[headerIcon];\n\n      return (\n        <>\n          {title ? (\n            <div className={style.headerContent}>\n              {TopTitleIcon}\n              <Title {...title} />\n            </div>\n          ) : null}\n          {backgroundImage ? (\n            <img className={style.headerBackground} src={backgroundImage} />\n          ) : null}\n        </>\n      );\n    }\n\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n\n    return null;\n  };\n\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n\n  const renderItems = () => {\n    const {type, list} = items;\n    if (isEmpty(list)) return null;\n\n    if (type === 'content')\n      return (\n        <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n          <CardsGrid {...list} />\n        </div>\n      );\n    if (type === 'list')\n      return (\n        <div className={style.filesListContainer}>\n          <ListItems {...list} />\n        </div>\n      );\n\n    return null;\n  };\n\n  const wrapperPopinStyle = classNames(\n    mode === 'cookie' && style.popinCookie,\n    mode === 'list' && style.popinFilesList,\n    style.popin\n  );\n\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={wrapperPopinStyle}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        {mode !== 'items' && mode !== 'list' ? (\n          <div\n            className={\n              mode === 'cookie' || mode === 'information'\n                ? style.cookieTitleContainer\n                : style.titleContainer\n            }\n          >\n            <div className={style.contentSection}>\n              {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n              {content ? (\n                <p\n                  className={mode === 'alert' ? style.content : style.message}\n                  data-name={'cm-popin-content'}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: content}}\n                />\n              ) : null}\n            </div>\n            {descriptionText ? (\n              <p\n                className={style.descriptionText}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: descriptionText}}\n              />\n            ) : null}\n          </div>\n        ) : null}\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {!isEmpty(items) ? renderItems() : null}\n        {renderBtnSwitch()}\n        {firstButton || secondButton || thirdButton ? (\n          <div className={style.buttonContainer}>\n            {firstButton ? (\n              <div className={firstButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={firstButton.label}\n                  onClick={firstButton.handleOnclick}\n                  data-name={'cm-popin-cta'}\n                  aria-label={firstButton['aria-label']}\n                  type={firstButton.type}\n                  customStyle={firstButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {secondButton ? (\n              <div className={secondButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={secondButton.label}\n                  onClick={secondButton.handleOnclick}\n                  data-name={`cm-popin-cta-${secondButton.type}`}\n                  aria-label={secondButton['aria-label']}\n                  type={secondButton.type}\n                  customStyle={secondButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {thirdButton ? (\n              <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={thirdButton.label}\n                  onClick={thirdButton.handleOnclick}\n                  data-name={`cm-popin-cta-${thirdButton.type}`}\n                  aria-label={thirdButton['aria-label']}\n                  type={thirdButton.type}\n                  customStyle={thirdButton.customStyle}\n                />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"mappings":"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"}

package/es/molecule/cm-popin/style.css

@@ -73,9 +73,11 @@
   line-height: 20px;
   margin: 0;
 }
+
 .message p {
   margin: 10px 0px;
 }
+
 @keyframes popup {
   0% {
     transform: scale(0);
@@ -140,25 +142,21 @@
 }
 
 .headerContent {
+  gap: 16px;
   display: flex;
+  justify-content: start;
+  align-items: center;
   width: 100%;
-  gap: 16px;
-  padding: 8px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid cm_grey_100;
 }
 
-.headerTitle {
-  width: 612px;
-  margin-bottom: 16px;
-  padding: 2px 0px 2px;
-}
 
 .lockIcon {
   height: 48px;
   width: 48px;
   background-color: negative_100;
   border-radius: 16px;
-  min-width: 48px;
-  min-height: 48px;
   color: cm_negative_200;
 }
 
@@ -178,13 +176,6 @@
   margin: 20px 32px;
 }
 
-.cookieTitleContainer {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-
 .titleContainer {
   padding-top: 40px;
   align-items: center;
@@ -193,61 +184,6 @@
   width: 100%;
 }
 
-.cookieHeader {
-  width: 100%;
-  background-color: cm_grey_700;
-  padding: 16px 24px;
-  border-radius: 10px 10px 0px 0px;
-  display: flex;
-  align-items: center;
-}
-
-.popinCookie {
-  max-width: 550px;
-  flex-grow: 0;
-  margin: 16px;
-  border-radius: 10px;
-  background-color: cm_grey_50;
-  animation: popup 0.7s;
-  position: fixed;
-  bottom: 32px;
-  left: 32px;
-  z-index: 1000;
-}
-.cookieTitle {
-  font-family: "Gilroy";
-  font-style: normal;
-  font-weight: 700;
-  font-size: 24px;
-  line-height: 32px;
-  color: white;
-  padding-left: 16px;
-}
-.cookieIcon {
-  height: 20px;
-  width: 20px;
-}
-.cookieIconContainer {
-  width: 39px;
-  height: 39px;
-  border-radius: 8px;
-  background-color: cm_blue_50;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.popinCookie .button  {
-  width: 100%;
-  padding: 0px 8px 0px 0px
-}
-.popinCookie .button span {
-  margin: 0
-}
-
-.popinCookie .message {
-  padding: 24px 24px 40px 24px 
-}
-
 .descriptionBtn {
   font-family: "Gilroy";
   font-weight: 500;
@@ -262,7 +198,6 @@
   margin-bottom: 24px;
 }
 
-
 .firstBtnSwitchContainer {
   height: 56px;
   background-color: cm_grey_75;
@@ -270,9 +205,11 @@
   display: flex;
   align-items: center;
 }
+
 .firstBtnSwitchContainer div:first-child {
   margin-left: 9px;
 }
+
 .singleSwitchContainer div:first-child {
  margin-left: 9px;
 }
@@ -289,11 +226,80 @@
   width: 100%;
   margin-top: 24px;
 }
+
 a {
   color: cm_primary_blue;
   text-decoration: none;
 }
 
+/* ---------- COOKIES ---------- */
+.popinCookie {
+  max-width: 550px;
+  flex-grow: 0;
+  margin: 16px;
+  border-radius: 10px;
+  background-color: cm_grey_50;
+  animation: popup 0.7s;
+  position: fixed;
+  bottom: 32px;
+  left: 32px;
+  z-index: 1000;
+}
+
+.cookieHeader {
+  width: 100%;
+  background-color: cm_grey_700;
+  padding: 16px 24px;
+  border-radius: 10px 10px 0px 0px;
+  display: flex;
+  align-items: center;
+}
+
+.cookieIconContainer {
+  width: 39px;
+  height: 39px;
+  border-radius: 8px;
+  background-color: cm_blue_50;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.cookieIcon {
+  height: 20px;
+  width: 20px;
+}
+
+.cookieTitle {
+  font-family: "Gilroy";
+  font-style: normal;
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 32px;
+  color: white;
+  padding-left: 16px;
+}
+
+.cookieTitleContainer {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  width: 100%;
+}
+
+.popinCookie .button  {
+  width: 100%;
+  padding: 0px 8px 0px 0px
+}
+
+.popinCookie .button span {
+  margin: 0
+}
+
+.popinCookie .message {
+  padding: 24px 24px 40px 24px 
+}
+
 .popinCookie .buttonContainer  {
   min-height: 44px;
   padding-bottom: 16px;
@@ -301,6 +307,7 @@ a {
   padding-left: 24px;
   padding-right: 16px;
 }
+
 .popinCookie .largeButton {
   padding: 0px 8px 0px 0px
 }
@@ -312,6 +319,38 @@ a {
   border-top: 1px solid cm_grey_100;
 }
 
+/* ---------- FILES DETAILS ---------- */
+.popinFilesList {
+  font-family: "Gilroy";
+  width: 70%;
+  padding: 16px;
+  border-radius: 20px;
+  background-color: white;
+  animation: popup 0.7s;
+}
+
+.filesListIconContainer {
+  composes: lockIcon;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 12px;
+  background-color: cm_blue_50;
+  color: cm_primary_blue;
+}
+
+.filesListIcon {
+  height: 20px;
+  width: 20px;
+}
+
+.filesListContainer {
+  width: 100%;
+  margin-top: 24px;
+  overflow: scroll;
+}
+
+/* ---------- MEDIA QUERIES ---------- */
 @media tablet {
   .popin {
     width: 80%;