@ntbjs/react-components 2.0.2-rc.11 → 2.0.2-rc.12

package/build/inputs/MultiSelect/MultiSelect.styled.js

@@ -1,236 +1,87 @@
 import styled, { css } from 'styled-components';
-import { applyDefaultTheme } from '../../utils/defaultTheme.js';
-import { ReactComponent as SvgClose } from '../../icons/close.svg.js';
-import Select, { components } from 'react-select';
+import Select from 'react-select';
 import CreatableSelect from 'react-select/creatable';
 import { withAsyncPaginate, AsyncPaginate } from 'react-select-async-paginate';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+import { ReactComponent as SvgClose } from '../../icons/close.svg.js';
 
-const showMoreHeight = 114;
 const AsyncCreatableSelectPaginate = withAsyncPaginate(CreatableSelect);
-const shouldForwardProp = prop => {
-  return prop !== 'theme' && !prop.startsWith('$');
-};
 const sharedStyle = css`
-  font-family: ${props => props.theme?.primaryFontFamily || 'Arial, sans-serif'};
+  font-family: ${props => props.theme.primaryFontFamily};
   font-size: 12px;
-  font-weight: 400;
   position: relative;
 `;
-const MultiSelectWrapper = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)`
+const MultiSelectWrapper = styled.div.attrs(applyDefaultTheme)`
   position: relative;
 `;
-const InnerWrapper = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  ${props => (props.$error || props.$warning) && css`
-      border: 1px solid;
-      border-radius: 3px;
-      padding: 4px;
-      border-color: ${props.$error ? props.theme.getColor('red-500') : props.theme.getColor('orange-500')};
-    `}
+const InnerWrapper = styled.div`
+  position: relative;
+  width: 100%;
 `;
-const Label = styled.label.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
-  flex-basis: 33.33%;
+const Label = styled.label.attrs(applyDefaultTheme)`
+  color: ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
   font-size: 0.875rem;
-  line-height: 1rem;
-  cursor: pointer;
-  height: 19px;
-  display: flex;
-  align-items: center;
-`;
-const MultiValue = styled(components.MultiValue).attrs(applyDefaultTheme)`
-  && {
-    border-radius: 3px;
-    margin: 0;
-    display: flex;
-    align-items: center;
-    border: none;
-
-    ${props => props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-800'))}
-
-    ${props => props.$isDisabled && css`
-        opacity: 0.6;
-        cursor: not-allowed !important;
-
-        & > * {
-          pointer-events: none;
-          cursor: not-allowed !important;
-        }
-      `}
-
-    ${props => props.$isReadOnly && !props.$isDisabled && css`
-        cursor: default !important;
-      `}
-
-    
-    & > div:first-of-type {
-      font-size: 12px;
-      min-height: 26px;
-      display: flex;
-      align-items: center;
-      padding: ${props => props.$isDisabled || props.$isReadOnly ? '0 8px' : '0 3px 0 8px'};
-      color: ${props => props.theme.getColor('gray-100')};
-      cursor: ${props => props.$isDisabled ? 'not-allowed' : props.$isReadOnly ? 'default' : 'pointer'};
-    }
-
-    /* Target the Remove Button */
-    .multi-select__multi-value__remove,
-    & > div:last-of-type {
-      display: flex;
-      align-items: center;
-      padding: 0 8px 0 5px;
-      height: 26px;
-      width: fit-content;
-      cursor: pointer;
-      background-color: transparent;
-
-      ${props => !props.$isDisabled && !props.$isReadOnly && css`
-          &:hover {
-            background-color: ${props.theme.getColor('red-500')} !important;
-            border-radius: 0 3px 3px 0;
-          }
-        `}
-
-      svg {
-        stroke: white;
-        stroke-width: 2px;
-        width: 8px;
-      }
-    }
-  }
+  margin-bottom: 4px;
+  display: block;
 `;
-const MultiSelect = styled(Select)`
+const MultiSelect = styled(Select).attrs(applyDefaultTheme)`
   ${sharedStyle}
 `;
-const CreatableMultiSelect = styled(CreatableSelect)`
+const CreatableMultiSelect = styled(CreatableSelect).attrs(applyDefaultTheme)`
   ${sharedStyle}
 `;
-const AsyncMultiSelect = styled(AsyncPaginate)`
+const AsyncMultiSelect = styled(AsyncPaginate).attrs(applyDefaultTheme)`
   ${sharedStyle}
 `;
-const AsyncCreatableMultiSelect = styled(AsyncCreatableSelectPaginate)`
+const AsyncCreatableMultiSelect = styled(AsyncCreatableSelectPaginate).attrs(applyDefaultTheme)`
   ${sharedStyle}
 `;
-const InputWrapper = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  position: relative;
+const MultiValueWrapper = styled.div`
+  border-radius: 3px;
   display: flex;
-  align-items: center;
-  min-width: 150px;
-
-  input {
-    color: ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))} !important;
-    font-size: ${props => props.$focused ? '14px' : '12px'} !important;
-  }
-
-  ${props => !props.$isMenuOpen && css`
-      &:before {
-        content: '${props.$editText}';
-        position: absolute;
-        left: 2px;
-        color: ${props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'))};
-        pointer-events: none;
-        font-size: 12px;
-      }
-    `}
-
-  ${props => props.$isDisabled && css`
-      opacity: 0.5;
-      cursor: not-allowed;
-      pointer-events: none;
-    `};
 `;
-const DropdownMenu = styled(components.Menu).attrs(applyDefaultTheme)`
-  font-size: 14px;
-
-  ${props => props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('white'))}
-
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))}
-`;
-const sharedOptionStyle = css`
-  ${props => props.isFocused && css`
-      ${props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200'))}
-    `}
-
-  ${props => props.isSelected && css`
-      ${props.theme.themeProp('background-color', 'transparent', 'transparent')}
-
-      ${props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))}
-    `}
-
-  ${props => props.isFocused && props.isSelected && css`
-      ${props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200'))}
-    `}
-
-  :hover {
-    cursor: pointer;
-  }
-`;
-const Option = styled(components.Option).attrs(applyDefaultTheme)`
-  ${sharedOptionStyle}
-  padding: 8px 12px;
+const DropdownOptionDeleteIcon = styled(SvgClose).attrs(applyDefaultTheme)`
+  width: 10px;
+  stroke: ${props => props.theme.themeProp('stroke', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))};
 `;
-const SelectedOption = styled(components.Option).attrs(applyDefaultTheme)`
-  ${sharedOptionStyle}
-  display: flex !important;
-  justify-content: space-between;
-  align-items: center;
-  padding: 8px 12px;
-`;
-const DropdownOptionDeleteIcon = styled(SvgClose).withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  stroke-width: 1px;
-  width: 8px;
-  ${props => props.theme.themeProp('stroke', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))}
-`;
-const ShowMoreWrapper = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)`
+const ShowMoreWrapper = styled.div.attrs(applyDefaultTheme)`
   align-items: end;
   display: flex;
   flex-direction: column;
   height: 100%;
   left: 0;
   position: absolute;
-  max-height: ${showMoreHeight + 16}px;
   top: 0;
   width: 100%;
-  z-index: 2;
-  cursor: pointer;
-  color: ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('emerald-500'))};
-  &:hover {
+
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('emerald-500'))}
+
+  :hover {
+    cursor: pointer;
     text-decoration: underline;
   }
 `;
-const ShowMoreOverlay = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)`
+const ShowMoreOverlay = styled.div.attrs(applyDefaultTheme)`
+  align-items: end;
+  display: block;
   height: 100%;
-  max-height: ${showMoreHeight}px;
+  left: 0;
+  top: 0;
+  width: 100%;
+
   ${props => props.theme.themeProp('background', 'transparent linear-gradient(180deg, #12121200 0%, #12121230 40%, #12121279 70%, #121212 95%, #121212 100%) 0% 0% no-repeat padding-box', 'transparent linear-gradient(180deg, #fefefe00 0%, #fefefe30 40%, #fefefe79 70%, #fefefe 95%, #fefefe 100%) 0% 0% no-repeat padding-box')}
 `;
-const ShowMoreText = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)`
+const ShowMoreText = styled.div.attrs(applyDefaultTheme)`
   font-size: 0.875rem;
   width: 100%;
-  background-color: ${props => props.theme.themeProp('background-color', '#121212', '#fefefe')};
+  ${props => props.theme.themeProp('background-color', '#121212', '#fefefe')}
 `;
-const ErrorMessage = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)`
+const ErrorMessage = styled.div.attrs(applyDefaultTheme)`
   color: ${props => props.$error ? props.theme.getColor('red-500') : props.$warning ? props.theme.getColor('orange-500') : 'inherit'};
   font-size: 0.75rem;
   margin-top: 8px;
   padding: 0 12px;
 `;
 
-export { AsyncCreatableMultiSelect, AsyncMultiSelect, CreatableMultiSelect, DropdownMenu, DropdownOptionDeleteIcon, ErrorMessage, InnerWrapper, InputWrapper, Label, MultiSelect, MultiSelectWrapper, MultiValue, Option, SelectedOption, ShowMoreOverlay, ShowMoreText, ShowMoreWrapper };
+export { AsyncCreatableMultiSelect, AsyncMultiSelect, CreatableMultiSelect, DropdownOptionDeleteIcon, ErrorMessage, InnerWrapper, Label, MultiSelect, MultiSelectWrapper, MultiValueWrapper, ShowMoreOverlay, ShowMoreText, ShowMoreWrapper };
 //# sourceMappingURL=MultiSelect.styled.js.map

package/build/inputs/MultiSelect/MultiSelect.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.styled.js","sources":["../../../src/components/inputs/MultiSelect/MultiSelect.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\nimport { ReactComponent as CloseIcon } from '../../../icons/close.svg';\nimport { components } from 'react-select';\nimport Select from 'react-select';\nimport CreatableSelect from 'react-select/creatable';\nimport { AsyncPaginate, withAsyncPaginate } from 'react-select-async-paginate';\n\nconst showMoreHeight = 114;\nconst AsyncCreatableSelectPaginate = withAsyncPaginate(CreatableSelect);\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nconst sharedStyle = css`\n  font-family: ${props => props.theme?.primaryFontFamily || 'Arial, sans-serif'};\n  font-size: 12px;\n  font-weight: 400;\n  position: relative;\n`;\n\nexport const MultiSelectWrapper = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: relative;\n`;\n\nexport const InnerWrapper = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${props =>\n    (props.$error || props.$warning) &&\n    css`\n      border: 1px solid;\n      border-radius: 3px;\n      padding: 4px;\n      border-color: ${props.$error\n        ? props.theme.getColor('red-500')\n        : props.theme.getColor('orange-500')};\n    `}\n`;\n\nexport const Label = styled.label\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('white'),\n      props.theme.getColor('gray-700')\n    )};\n  flex-basis: 33.33%;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  cursor: pointer;\n  height: 19px;\n  display: flex;\n  align-items: center;\n`;\n\nexport const MultiValue = styled(components.MultiValue).attrs(applyDefaultTheme)`\n  && {\n    border-radius: 3px;\n    margin: 0;\n    display: flex;\n    align-items: center;\n    border: none;\n\n    ${props =>\n      props.theme.themeProp(\n        'background-color',\n        props.theme.getColor('gray-600'),\n        props.theme.getColor('gray-800')\n      )}\n\n    ${props =>\n      props.$isDisabled &&\n      css`\n        opacity: 0.6;\n        cursor: not-allowed !important;\n\n        & > * {\n          pointer-events: none;\n          cursor: not-allowed !important;\n        }\n      `}\n\n    ${props =>\n      props.$isReadOnly &&\n      !props.$isDisabled &&\n      css`\n        cursor: default !important;\n      `}\n\n    \n    & > div:first-of-type {\n      font-size: 12px;\n      min-height: 26px;\n      display: flex;\n      align-items: center;\n      padding: ${props => (props.$isDisabled || props.$isReadOnly ? '0 8px' : '0 3px 0 8px')};\n      color: ${props => props.theme.getColor('gray-100')};\n      cursor: ${props =>\n        props.$isDisabled ? 'not-allowed' : props.$isReadOnly ? 'default' : 'pointer'};\n    }\n\n    /* Target the Remove Button */\n    .multi-select__multi-value__remove,\n    & > div:last-of-type {\n      display: flex;\n      align-items: center;\n      padding: 0 8px 0 5px;\n      height: 26px;\n      width: fit-content;\n      cursor: pointer;\n      background-color: transparent;\n\n      ${props =>\n        !props.$isDisabled &&\n        !props.$isReadOnly &&\n        css`\n          &:hover {\n            background-color: ${props.theme.getColor('red-500')} !important;\n            border-radius: 0 3px 3px 0;\n          }\n        `}\n\n      svg {\n        stroke: white;\n        stroke-width: 2px;\n        width: 8px;\n      }\n    }\n  }\n`;\n\nexport const MultiSelect = styled(Select)`\n  ${sharedStyle}\n`;\nexport const CreatableMultiSelect = styled(CreatableSelect)`\n  ${sharedStyle}\n`;\nexport const AsyncMultiSelect = styled(AsyncPaginate)`\n  ${sharedStyle}\n`;\nexport const AsyncCreatableMultiSelect = styled(AsyncCreatableSelectPaginate)`\n  ${sharedStyle}\n`;\n\nexport const InputWrapper = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-width: 150px;\n\n  input {\n    color: ${props =>\n      props.theme.themeProp(\n        'color',\n        props.theme.getColor('gray-100'),\n        props.theme.getColor('gray-900')\n      )} !important;\n    font-size: ${props => (props.$focused ? '14px' : '12px')} !important;\n  }\n\n  ${props =>\n    !props.$isMenuOpen &&\n    css`\n      &:before {\n        content: '${props.$editText}';\n        position: absolute;\n        left: 2px;\n        color: ${props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-400'),\n          props.theme.getColor('gray-500')\n        )};\n        pointer-events: none;\n        font-size: 12px;\n      }\n    `}\n\n  ${props =>\n    props.$isDisabled &&\n    css`\n      opacity: 0.5;\n      cursor: not-allowed;\n      pointer-events: none;\n    `};\n`;\n\nexport const DropdownMenu = styled(components.Menu).attrs(applyDefaultTheme)`\n  font-size: 14px;\n\n  ${props =>\n    props.theme.themeProp(\n      'background-color',\n      props.theme.getColor('gray-600'),\n      props.theme.getColor('white')\n    )}\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-900')\n    )}\n`;\n\nconst sharedOptionStyle = css`\n  ${props =>\n    props.isFocused &&\n    css`\n      ${props.theme.themeProp(\n        'background-color',\n        props.theme.getColor('gray-500'),\n        props.theme.getColor('gray-200')\n      )}\n    `}\n\n  ${props =>\n    props.isSelected &&\n    css`\n      ${props.theme.themeProp('background-color', 'transparent', 'transparent')}\n\n      ${props.theme.themeProp(\n        'color',\n        props.theme.getColor('gray-100'),\n        props.theme.getColor('gray-900')\n      )}\n    `}\n\n  ${props =>\n    props.isFocused &&\n    props.isSelected &&\n    css`\n      ${props.theme.themeProp(\n        'background-color',\n        props.theme.getColor('gray-500'),\n        props.theme.getColor('gray-200')\n      )}\n    `}\n\n  :hover {\n    cursor: pointer;\n  }\n`;\n\nexport const Option = styled(components.Option).attrs(applyDefaultTheme)`\n  ${sharedOptionStyle}\n  padding: 8px 12px;\n`;\n\nexport const SelectedOption = styled(components.Option).attrs(applyDefaultTheme)`\n  ${sharedOptionStyle}\n  display: flex !important;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 12px;\n`;\n\nexport const DropdownOptionDeleteIcon = styled(CloseIcon)\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  stroke-width: 1px;\n  width: 8px;\n  ${props =>\n    props.theme.themeProp(\n      'stroke',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-900')\n    )}\n`;\n\nexport const ShowMoreWrapper = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  align-items: end;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  left: 0;\n  position: absolute;\n  max-height: ${showMoreHeight + 16}px;\n  top: 0;\n  width: 100%;\n  z-index: 2;\n  cursor: pointer;\n  color: ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('emerald-500')\n    )};\n  &:hover {\n    text-decoration: underline;\n  }\n`;\n\nexport const ShowMoreOverlay = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  height: 100%;\n  max-height: ${showMoreHeight}px;\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      'transparent linear-gradient(180deg, #12121200 0%, #12121230 40%, #12121279 70%, #121212 95%, #121212 100%) 0% 0% no-repeat padding-box',\n      'transparent linear-gradient(180deg, #fefefe00 0%, #fefefe30 40%, #fefefe79 70%, #fefefe 95%, #fefefe 100%) 0% 0% no-repeat padding-box'\n    )}\n`;\n\nexport const ShowMoreText = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  width: 100%;\n  background-color: ${props => props.theme.themeProp('background-color', '#121212', '#fefefe')};\n`;\n\nexport const ErrorMessage = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  color: ${props =>\n    props.$error\n      ? props.theme.getColor('red-500')\n      : props.$warning\n        ? props.theme.getColor('orange-500')\n        : 'inherit'};\n  font-size: 0.75rem;\n  margin-top: 8px;\n  padding: 0 12px;\n`;\n"],"names":["showMoreHeight","AsyncCreatableSelectPaginate","withAsyncPaginate","CreatableSelect","shouldForwardProp","prop","startsWith","sharedStyle","css","props","theme","primaryFontFamily","MultiSelectWrapper","styled","div","withConfig","attrs","applyDefaultTheme","InnerWrapper","$error","$warning","getColor","Label","label","themeProp","MultiValue","components","$isDisabled","$isReadOnly","MultiSelect","Select","CreatableMultiSelect","AsyncMultiSelect","AsyncPaginate","AsyncCreatableMultiSelect","InputWrapper","$focused","$isMenuOpen","$editText","DropdownMenu","Menu","sharedOptionStyle","isFocused","isSelected","Option","SelectedOption","DropdownOptionDeleteIcon","CloseIcon","ShowMoreWrapper","ShowMoreOverlay","ShowMoreText","ErrorMessage"],"mappings":"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"}
+{"version":3,"file":"MultiSelect.styled.js","sources":["../../../src/components/inputs/MultiSelect/MultiSelect.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport Select from 'react-select';\nimport CreatableSelect from 'react-select/creatable';\nimport { AsyncPaginate, withAsyncPaginate } from 'react-select-async-paginate';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\nimport { ReactComponent as CloseIcon } from '../../../icons/close.svg';\n\nconst AsyncCreatableSelectPaginate = withAsyncPaginate(CreatableSelect);\n\nconst sharedStyle = css`\n  font-family: ${props => props.theme.primaryFontFamily};\n  font-size: 12px;\n  position: relative;\n`;\n\nexport const MultiSelectWrapper = styled.div.attrs(applyDefaultTheme)`\n  position: relative;\n`;\n\nexport const InnerWrapper = styled.div`\n  position: relative;\n  width: 100%;\n`;\n\nexport const Label = styled.label.attrs(applyDefaultTheme)`\n  color: ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('white'),\n      props.theme.getColor('gray-700')\n    )};\n  font-size: 0.875rem;\n  margin-bottom: 4px;\n  display: block;\n`;\n\nexport const MultiSelect = styled(Select).attrs(applyDefaultTheme)`\n  ${sharedStyle}\n`;\nexport const CreatableMultiSelect = styled(CreatableSelect).attrs(applyDefaultTheme)`\n  ${sharedStyle}\n`;\nexport const AsyncMultiSelect = styled(AsyncPaginate).attrs(applyDefaultTheme)`\n  ${sharedStyle}\n`;\nexport const AsyncCreatableMultiSelect = styled(AsyncCreatableSelectPaginate).attrs(\n  applyDefaultTheme\n)`\n  ${sharedStyle}\n`;\n\nexport const MultiValueWrapper = styled.div`\n  border-radius: 3px;\n  display: flex;\n`;\n\nexport const DropdownOptionDeleteIcon = styled(CloseIcon).attrs(applyDefaultTheme)`\n  width: 10px;\n  stroke: ${props =>\n    props.theme.themeProp(\n      'stroke',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-900')\n    )};\n`;\n\nexport const ShowMoreWrapper = styled.div.attrs(applyDefaultTheme)`\n  align-items: end;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('emerald-500')\n    )}\n\n  :hover {\n    cursor: pointer;\n    text-decoration: underline;\n  }\n`;\n\nexport const ShowMoreOverlay = styled.div.attrs(applyDefaultTheme)`\n  align-items: end;\n  display: block;\n  height: 100%;\n  left: 0;\n  top: 0;\n  width: 100%;\n\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      'transparent linear-gradient(180deg, #12121200 0%, #12121230 40%, #12121279 70%, #121212 95%, #121212 100%) 0% 0% no-repeat padding-box',\n      'transparent linear-gradient(180deg, #fefefe00 0%, #fefefe30 40%, #fefefe79 70%, #fefefe 95%, #fefefe 100%) 0% 0% no-repeat padding-box'\n    )}\n`;\n\nexport const ShowMoreText = styled.div.attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  width: 100%;\n  ${props => props.theme.themeProp('background-color', '#121212', '#fefefe')}\n`;\n\nexport const ErrorMessage = styled.div.attrs(applyDefaultTheme)`\n  color: ${props =>\n    props.$error\n      ? props.theme.getColor('red-500')\n      : props.$warning\n        ? props.theme.getColor('orange-500')\n        : 'inherit'};\n  font-size: 0.75rem;\n  margin-top: 8px;\n  padding: 0 12px;\n`;\n"],"names":["AsyncCreatableSelectPaginate","withAsyncPaginate","CreatableSelect","sharedStyle","css","props","theme","primaryFontFamily","MultiSelectWrapper","styled","div","attrs","applyDefaultTheme","InnerWrapper","Label","label","themeProp","getColor","MultiSelect","Select","CreatableMultiSelect","AsyncMultiSelect","AsyncPaginate","AsyncCreatableMultiSelect","MultiValueWrapper","DropdownOptionDeleteIcon","CloseIcon","ShowMoreWrapper","ShowMoreOverlay","ShowMoreText","ErrorMessage","$error","$warning"],"mappings":"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"}

package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js

@@ -28,7 +28,7 @@ const ComputedRootComponent = ({
   asset,
   ...props
 }) => {
-  const newProps = mapKeys(omit(props, ['theme', 'extendedSelectMode', 'softSelected', 'collapseExtraInfo', 'customSelectedBorder']), (_, key) => key === 'innerRef' ? 'ref' : key);
+  const newProps = mapKeys(omit(props, ['theme', 'extendedSelectMode']), (_, key) => key === 'innerRef' ? 'ref' : key);
   if (component) {
     if (!isFunction(component)) throw Error('Expected a function in component-prop');
     if (React__default.isValidElement(component(asset, newProps.children))) {
@@ -340,7 +340,7 @@ const AssetGalleryCompactCard = props => {
       height: '100%'
     }
   }, getReferenceProps()), React__default.createElement(OverlayBackdrop, {
-    $softSelected: softSelected,
+    softSelected: softSelected,
     selected: selected
   }), asset?.actions && React__default.createElement(OverlayInfoTopActions, {
     $isOverlayHovered: isOverlayHovered
@@ -348,7 +348,7 @@ const AssetGalleryCompactCard = props => {
     actions: asset.actions,
     asset: asset
   })), React__default.createElement(OverlayInfo, null, isOverlayHovered && React__default.createElement("span", null, asset.title), React__default.createElement(OverlayInfoTop, null, React__default.createElement(OverlayInfoTopLeft, {
-    $collapseExtraInfo: collapseExtraInfo
+    collapseExtraInfo: collapseExtraInfo
   }, renderBadge()), asset?.note?.title && React__default.createElement(OverlayInfoTopWarning, {
     type: asset?.note?.type
   }, React__default.createElement(SvgWarningCircle, null))), React__default.createElement(OverlayInfoBottom, null, selectable && React__default.createElement(OverlayInfoBottomSelectButton, {
@@ -356,13 +356,13 @@ const AssetGalleryCompactCard = props => {
   }, React__default.createElement(SvgCheckRectangleFilled, {
     onClick: onSelectClick
   })), React__default.createElement(OverlayInfoBottomMediaIcon, null, renderMediaBadge()))), asset.completed && React__default.createElement(OverlayCompleted, {
-    $softSelected: softSelected
+    softSelected: softSelected
   }), asset.hasError && React__default.createElement(OverlayHasError, {
-    $softSelected: softSelected
+    softSelected: softSelected
   }), selectable && React__default.createElement(OverlaySelected, {
     selected: selected,
-    $softSelected: softSelected,
-    $customSelectedBorder: customSelectedBorder
+    softSelected: softSelected,
+    customSelectedBorder: customSelectedBorder
   }), isOpen && isOverlayHovered && isMounted && activeSummaryCard && !isAnySubActionsOpened && React__default.createElement("div", _extends({
     ref: refs.setFloating,
     style: floatingStyles
@@ -396,7 +396,7 @@ AssetGalleryCompactCard.propTypes = process.env.NODE_ENV !== "production" ? {
   extendedSelectMode: PropTypes.bool,
   onAssetSelected: PropTypes.func.isRequired,
   onAssetUnselected: PropTypes.func.isRequired,
-  softSelected: PropTypes.bool,
+  softSelected: PropTypes.bool.isRequired,
   component: PropTypes.func,
   scrollPosition: PropTypes.number,
   collapseExtraInfo: PropTypes.bool,

package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetGalleryCompactCard.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js"],"sourcesContent":["import { get, isFunction, mapKeys, omit } from 'lodash';\nimport PropTypes from 'prop-types';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  LazyLoadComponent,\n  LazyLoadImage,\n  trackWindowScroll\n} from 'react-lazy-load-image-component';\nimport 'react-lazy-load-image-component/src/effects/opacity.css';\nimport {\n  CheckRectangleIcon,\n  HeadsetIcon,\n  LayersIcon,\n  PlayIcon,\n  WarningCircleIcon\n} from '../../../../../icons';\nimport { convertMsToHMS } from '../../../../../utils/dateTime';\nimport { Badge } from '../../../../data';\n\nimport SummaryCard from '../../../SummaryCard/SummaryCard';\nimport { assetShapeWithLayout } from '../../asset.propType';\nimport * as S from './AssetGalleryCompactCard.styled';\n\nimport {\n  useFloating,\n  useHover,\n  useInteractions,\n  useTransitionStyles,\n  flip,\n  shift,\n  arrow,\n  autoUpdate,\n  offset,\n  useDismiss,\n  useMergeRefs\n} from '@floating-ui/react';\nimport AssetActionsBase from '../../../AssetActionsBase/AssetActionsBase';\n\n// eslint-disable-next-line react/prop-types\nconst ComputedRootComponent = ({ component, asset, ...props }) => {\n  // Omit props we don't need\n  const newProps = mapKeys(\n    omit(props, [\n      'theme',\n      'extendedSelectMode',\n      'softSelected',\n      'collapseExtraInfo',\n      'customSelectedBorder'\n    ]),\n    (_, key) => (key === 'innerRef' ? 'ref' : key)\n  );\n\n  if (component) {\n    if (!isFunction(component)) throw Error('Expected a function in component-prop');\n\n    if (React.isValidElement(component(asset, newProps.children))) {\n      return React.cloneElement(component(asset, newProps.children), omit(newProps, ['children']));\n    }\n  }\n\n  return <S.AssetGalleryCompactCard ref={newProps.ref} {...newProps} />;\n};\n\nconst AssetGalleryCompactCard = props => {\n  const {\n    asset,\n    activeSummaryCard,\n    displayIcon,\n    selectable,\n    hasHeightAndWidth,\n    selected,\n    customSelectedBorder,\n    extendedSelectMode,\n    onAssetSelected,\n    onAssetUnselected,\n    softSelected,\n    component,\n    scrollPosition,\n    collapseExtraInfo\n  } = props;\n\n  const ARROW_WIDTH = 30;\n  const ARROW_HEIGHT = 15;\n  const GAP = 8;\n\n  const arrowRef = useRef(null);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [placement] = useState('bottom');\n\n  const [isOverlayHovered, setIsOverlayHovered] = useState(false);\n  const [openedSubActions, updateOpenedSubActions] = useState([]);\n\n  const { refs, floatingStyles, context } = useFloating({\n    placement,\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    whileElementsMounted: autoUpdate,\n    middleware: [\n      offset(ARROW_HEIGHT + GAP),\n      flip({ padding: 5 }),\n      shift({ padding: 5 }),\n      arrow({\n        element: arrowRef\n      })\n    ]\n  });\n\n  const { isMounted, styles } = useTransitionStyles(context, {\n    initial: {\n      transform: 'translateY(-8px)',\n      opacity: 0\n    },\n    duration: {\n      open: 200,\n      close: 100\n    }\n  });\n\n  const hover = useHover(context, {\n    restMs: 100\n  });\n  const dismiss = useDismiss(context, {\n    referencePress: true,\n    ancestorScroll: true,\n    windowScroll: true,\n    windowBlur: true\n  });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, hover]);\n\n  useEffect(() => {\n    const newOpenedSubActions = (asset?.actions ?? []).map(() => false);\n    updateOpenedSubActions(newOpenedSubActions);\n  }, [asset]);\n\n  useEffect(() => {\n    if (!isOverlayHovered && openedSubActions?.length) {\n      updateOpenedSubActions(openedSubActions.map(() => false));\n    }\n  }, [isOverlayHovered]);\n\n  const mouseHasEnteredOverlay = useCallback(() => {\n    setIsOverlayHovered(true);\n  }, []);\n\n  const mouseHasLeftOverlay = useCallback(() => {\n    setIsOverlayHovered(false);\n  }, []);\n\n  const isAnySubActionsOpened = useMemo(() => {\n    return openedSubActions.some(isOpened => isOpened);\n  }, [openedSubActions]);\n\n  function onClick(event) {\n    if (extendedSelectMode) {\n      return onSelectClick(event);\n    }\n\n    if (isFunction(asset.onClick)) {\n      asset.onClick(event, asset);\n    }\n  }\n\n  function onSelectClick(event) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (selected) {\n      return onAssetUnselected(asset.key);\n    }\n\n    if (selectable) {\n      return onAssetSelected(asset.key);\n    }\n  }\n\n  function onContextMenu(event) {\n    event.preventDefault();\n    asset.onContextMenu(event);\n  }\n\n  useEffect(() => {\n    if (isFunction(asset.onContextMenu)) {\n      if (cardRef.current) {\n        cardRef.current.addEventListener('contextmenu', onContextMenu);\n      }\n      return () => {\n        if (cardRef.current) {\n          cardRef.current.removeEventListener('contextmenu', onContextMenu);\n        }\n      };\n    }\n  }, []);\n\n  function onDragstart(event) {\n    asset.onDragstart(event);\n  }\n\n  useEffect(() => {\n    if (isFunction(asset.onDragstart)) {\n      if (dragRef.current) {\n        dragRef.current.addEventListener('dragstart', onDragstart);\n      }\n      return () => {\n        if (dragRef.current) {\n          dragRef.current.removeEventListener('dragstart', onDragstart);\n        }\n      };\n    }\n  }, []);\n\n  const videoPlayerRef = useRef();\n  const cardRef = useRef();\n  const dragRef = useRef(null);\n\n  const overlayCompactRef = useMergeRefs([cardRef, refs.setReference]);\n\n  function onMouseEnter(event) {\n    if (videoPlayerRef.current) {\n      const playPromise = videoPlayerRef.current.play();\n      if (playPromise !== undefined) {\n        playPromise\n          .then(() => {\n            // Playback started!\n          })\n          .catch(() => {\n            // Play was prevented - silently swallow play errors\n          });\n      }\n    }\n\n    if (isFunction(asset.onMouseEnter)) {\n      asset.onMouseEnter(event, asset);\n    }\n  }\n\n  function onMouseLeave() {\n    if (videoPlayerRef.current) {\n      videoPlayerRef.current.pause();\n    }\n  }\n\n  const renderPreview = asset => {\n    let previewContent = null;\n    if (asset?.fileType?.toLowerCase() === 'video') {\n      previewContent = (\n        <LazyLoadComponent scrollPosition={scrollPosition}>\n          <video\n            ref={videoPlayerRef}\n            loop\n            muted\n            // style={{ maxHeight: maxHeight }}\n          >\n            <source src={asset.previewUrl} type=\"video/mp4\" />\n          </video>\n        </LazyLoadComponent>\n      );\n    } else if (asset?.fileType?.toLowerCase() === 'audio') {\n      previewContent = (\n        <LazyLoadComponent scrollPosition={scrollPosition}>\n          <div className=\"audio\">\n            <HeadsetIcon />\n          </div>\n        </LazyLoadComponent>\n      );\n    } else {\n      previewContent = (\n        <LazyLoadImage\n          alt={asset?.title}\n          src={asset?.previewUrl}\n          height=\"100%\"\n          width=\"100%\"\n          delayMethod=\"debounce\"\n          delayTime={0}\n          threshold={1500}\n          scrollPosition={scrollPosition}\n        />\n      );\n    }\n\n    return (\n      <S.Figure hasHeightAndWidth={hasHeightAndWidth}>\n        {previewContent}\n        <S.FigureOverlayBackdrop selected={selected} />\n      </S.Figure>\n    );\n  };\n\n  // If this asset is soft selected we will scroll it into the viewport if it's outside\n  useEffect(() => {\n    if (softSelected) {\n      cardRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n    }\n  }, [softSelected]);\n\n  const renderVersionsBadge = useCallback(() => {\n    if (!asset?.versions) return null;\n\n    return (\n      <Badge\n        badgeIcon={<LayersIcon />}\n        badgeContent={asset.versions}\n        backgroundColors={['black', 'black']}\n        colors={['#f7f8f9', '#f7f8f9']}\n        fontSize={12}\n        fontWeight={500}\n        lineHeight={16}\n        verticalPadding={4}\n        horizontalPadding={8}\n      />\n    );\n  }, [asset]);\n\n  const renderVerificationBadge = useCallback(() => {\n    if (!asset?.verifications) return null;\n    return asset?.verifications;\n  }, [asset]);\n\n  const renderdynamicBadge = useCallback(() => {\n    if (asset?.verifications) return renderVerificationBadge();\n    if (asset?.versions) return renderVersionsBadge();\n    return null;\n  });\n\n  const renderBadge = () => {\n    switch (displayIcon) {\n      case 'versions':\n        return renderVersionsBadge();\n      case 'verifications':\n        return renderVerificationBadge();\n      case 'dynamic':\n        return renderdynamicBadge();\n      default:\n        return null;\n    }\n  };\n\n  const renderMediaBadge = useCallback(() => {\n    let badgeIcon = null;\n    let badgeContent = null;\n\n    if (asset?.fileType === 'video') {\n      badgeIcon = <PlayIcon />;\n    }\n\n    if (asset?.duration) {\n      badgeContent = convertMsToHMS(asset.duration);\n    }\n\n    if (!badgeIcon && !badgeContent) return null;\n    return (\n      <Badge\n        badgeIcon={badgeIcon}\n        badgeContent={badgeContent}\n        backgroundColors={['black', 'black']}\n        colors={['#f7f8f9', '#f7f8f9']}\n        fontSize={12}\n        fontWeight={500}\n        lineHeight={16}\n        verticalPadding={4}\n        horizontalPadding={8}\n        minWidth={32}\n        height={24}\n      />\n    );\n  }, [asset]);\n\n  const renderSummaryCardHeaderLeft = useCallback(() => {\n    return (\n      <>\n        {renderVersionsBadge()}\n        {renderMediaBadge()}\n      </>\n    );\n  }, [asset]);\n\n  const renderPopoverContent = useCallback(() => {\n    return (\n      <SummaryCard\n        activeSummaryCard={activeSummaryCard}\n        title={asset?.title || ''}\n        description={asset?.description || ''}\n        instructions={asset?.imageRights || ''}\n        instructionsType={'warning'}\n        headerRight={asset?.summary?.headerRight || ''}\n        headerLeft={\n          <>\n            {renderSummaryCardHeaderLeft()}\n            {asset?.summary?.headerLeft || ''}\n          </>\n        }\n        footerLeft={asset?.summary?.footerLeft || ''}\n        footerRight={asset?.summary?.footerRight || ''}\n        width={375}\n        view={'compact'}\n      />\n    );\n  }, [asset]);\n\n  return (\n    <S.AssetGalleryWrapper disabled={asset.disabled}>\n      <S.AssetGalleryCompactCard\n        as={ComputedRootComponent}\n        component={component}\n        disabled={asset.disabled}\n        asset={asset}\n        onClick={onClick}\n        extendedSelectMode={extendedSelectMode}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        draggable={asset.draggable}\n        innerRef={dragRef}\n        selected={selected}\n        // ref={refs.setReference}\n        {...getReferenceProps()}\n      >\n        <S.Reference ref={refs.setReference}>\n          {asset.previewUrl && renderPreview(asset)}\n        </S.Reference>\n\n        <S.Overlay\n          ref={overlayCompactRef}\n          onMouseEnter={mouseHasEnteredOverlay}\n          onMouseLeave={mouseHasLeftOverlay}\n          style={{ height: '100%' }}\n          {...getReferenceProps()}\n        >\n          <S.OverlayBackdrop $softSelected={softSelected} selected={selected} />\n          {asset?.actions && (\n            <S.OverlayInfoTopActions $isOverlayHovered={isOverlayHovered}>\n              <AssetActionsBase actions={asset.actions} asset={asset} />\n            </S.OverlayInfoTopActions>\n          )}\n          <S.OverlayInfo>\n            {isOverlayHovered && <span>{asset.title}</span>}\n            <S.OverlayInfoTop>\n              <S.OverlayInfoTopLeft $collapseExtraInfo={collapseExtraInfo}>\n                {renderBadge()}\n              </S.OverlayInfoTopLeft>\n              {asset?.note?.title && (\n                <S.OverlayInfoTopWarning type={asset?.note?.type}>\n                  <WarningCircleIcon />\n                </S.OverlayInfoTopWarning>\n              )}\n            </S.OverlayInfoTop>\n            <S.OverlayInfoBottom>\n              {selectable && (\n                <S.OverlayInfoBottomSelectButton selected={selected}>\n                  <CheckRectangleIcon onClick={onSelectClick} />\n                </S.OverlayInfoBottomSelectButton>\n              )}\n              <S.OverlayInfoBottomMediaIcon>{renderMediaBadge()}</S.OverlayInfoBottomMediaIcon>\n            </S.OverlayInfoBottom>\n          </S.OverlayInfo>\n          {asset.completed && <S.OverlayCompleted $softSelected={softSelected} />}\n          {asset.hasError && <S.OverlayHasError $softSelected={softSelected} />}\n          {selectable && (\n            <S.OverlaySelected\n              selected={selected}\n              $softSelected={softSelected}\n              $customSelectedBorder={customSelectedBorder}\n            />\n          )}\n          {isOpen &&\n            isOverlayHovered &&\n            isMounted &&\n            activeSummaryCard &&\n            !isAnySubActionsOpened && (\n              <div ref={refs.setFloating} style={floatingStyles} {...getFloatingProps()}>\n                <div style={styles} className=\"floating\">\n                  {renderPopoverContent()}\n                  <S.StyledFloatingArrow\n                    ref={arrowRef}\n                    context={context}\n                    width={ARROW_WIDTH}\n                    height={ARROW_HEIGHT}\n                  />\n                </div>\n              </div>\n            )}\n          {isOpen &&\n            isOverlayHovered &&\n            isMounted &&\n            activeSummaryCard &&\n            !isAnySubActionsOpened && (\n              <div ref={refs.setFloating} style={floatingStyles} {...getFloatingProps()}>\n                <div style={styles} className=\"floating\">\n                  {renderPopoverContent()}\n                  <S.StyledFloatingArrow\n                    ref={arrowRef}\n                    context={context}\n                    width={ARROW_WIDTH}\n                    height={ARROW_HEIGHT}\n                  />\n                </div>\n              </div>\n            )}\n        </S.Overlay>\n\n        {asset.overlay && <S.ConsumerDefinedOverlay>{asset.overlay}</S.ConsumerDefinedOverlay>}\n      </S.AssetGalleryCompactCard>\n    </S.AssetGalleryWrapper>\n  );\n};\n\nAssetGalleryCompactCard.propTypes = {\n  /**\n   * An array of assets to display in the gallery.\n   */\n  asset: PropTypes.shape(assetShapeWithLayout).isRequired,\n\n  /**\n   * Tells the asset card that the asset height and width was known\n   */\n  hasHeightAndWidth: PropTypes.bool,\n\n  /**\n   * Whether or not the asset gallery should have selectable asset cards\n   */\n  selectable: PropTypes.bool,\n\n  /**\n   * Is the asset selected\n   */\n  selected: PropTypes.bool,\n\n  /**\n   * Whether or not the asset gallery should have custom borders on selected asset\n   */\n  customSelectedBorder: PropTypes.arrayOf(PropTypes.string),\n\n  /**\n   * Makes the whole asset card into a selectable area\n   */\n  extendedSelectMode: PropTypes.bool,\n\n  /**\n   * The callback function when an asset is selected - returns the selected asset key\n   */\n  onAssetSelected: PropTypes.func.isRequired,\n\n  /**\n   * The callback function when an asset is unselected - returns the unselected asset key\n   */\n  onAssetUnselected: PropTypes.func.isRequired,\n\n  /**\n   * Is the asset soft selected\n   */\n  softSelected: PropTypes.bool,\n\n  /**\n   * A function that returns a custom component to use for the card in the gallery - The function provides\n   * `asset` as its first argument\n   */\n  component: PropTypes.func,\n\n  /**\n   * Internal prop used by the gallery to determine if the card is in the viewport - This prop is\n   * not intended to be used by consumers\n   */\n  scrollPosition: PropTypes.number,\n\n  /**\n   * If the width of the card is too small to render all the badges\n   */\n  collapseExtraInfo: PropTypes.bool,\n\n  /**\n   * Display a tooltip on hover with a summary of info about the asset\n   */\n  activeSummaryCard: PropTypes.bool,\n  /**\n   * * Display an icon on the card\n   */\n  displayIcon: PropTypes.oneOf(['dynamic', 'versions', 'verifications', ''])\n};\n\nexport default trackWindowScroll(\n  React.memo(AssetGalleryCompactCard, (prevProps, nextProps) => {\n    // The asset card will only re-render if any of the following props change.\n    const reactiveProps = [\n      'selectable',\n      'selected',\n      'extendedSelectMode',\n      'softSelected',\n      'asset.previewUrl',\n      'asset.overlay',\n      'hasHeightAndWidth',\n      'collapseExtraInfo'\n    ];\n\n    return reactiveProps.every(propKey => get(prevProps, propKey) === get(nextProps, propKey));\n  })\n);\n"],"names":["ComputedRootComponent","component","asset","props","newProps","mapKeys","omit","_","key","isFunction","Error","React","isValidElement","children","cloneElement","createElement","S","_extends","ref","AssetGalleryCompactCard","activeSummaryCard","displayIcon","selectable","hasHeightAndWidth","selected","customSelectedBorder","extendedSelectMode","onAssetSelected","onAssetUnselected","softSelected","scrollPosition","collapseExtraInfo","ARROW_WIDTH","ARROW_HEIGHT","GAP","arrowRef","useRef","isOpen","setIsOpen","useState","placement","isOverlayHovered","setIsOverlayHovered","openedSubActions","updateOpenedSubActions","refs","floatingStyles","context","useFloating","open","onOpenChange","whileElementsMounted","autoUpdate","middleware","offset","flip","padding","shift","arrow","element","isMounted","styles","useTransitionStyles","initial","transform","opacity","duration","close","hover","useHover","restMs","dismiss","useDismiss","referencePress","ancestorScroll","windowScroll","windowBlur","getReferenceProps","getFloatingProps","useInteractions","useEffect","newOpenedSubActions","actions","map","length","mouseHasEnteredOverlay","useCallback","mouseHasLeftOverlay","isAnySubActionsOpened","useMemo","some","isOpened","onClick","event","onSelectClick","preventDefault","stopPropagation","onContextMenu","cardRef","current","addEventListener","removeEventListener","onDragstart","dragRef","videoPlayerRef","overlayCompactRef","useMergeRefs","setReference","onMouseEnter","playPromise","play","undefined","then","catch","onMouseLeave","pause","renderPreview","previewContent","fileType","toLowerCase","LazyLoadComponent","loop","muted","src","previewUrl","type","className","HeadsetIcon","LazyLoadImage","alt","title","height","width","delayMethod","delayTime","threshold","scrollIntoView","behavior","block","renderVersionsBadge","versions","Badge","badgeIcon","LayersIcon","badgeContent","backgroundColors","colors","fontSize","fontWeight","lineHeight","verticalPadding","horizontalPadding","renderVerificationBadge","verifications","renderdynamicBadge","renderBadge","renderMediaBadge","PlayIcon","convertMsToHMS","minWidth","renderSummaryCardHeaderLeft","Fragment","renderPopoverContent","SummaryCard","description","instructions","imageRights","instructionsType","headerRight","summary","headerLeft","footerLeft","footerRight","view","disabled","as","draggable","innerRef","style","$softSelected","$isOverlayHovered","AssetActionsBase","$collapseExtraInfo","note","WarningCircleIcon","CheckRectangleIcon","completed","hasError","$customSelectedBorder","setFloating","overlay","propTypes","process","env","NODE_ENV","PropTypes","shape","assetShapeWithLayout","isRequired","bool","arrayOf","string","func","number","oneOf","trackWindowScroll","memo","prevProps","nextProps","reactiveProps","every","propKey","get"],"mappings":"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"}
+{"version":3,"file":"AssetGalleryCompactCard.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js"],"sourcesContent":["import { get, isFunction, mapKeys, omit } from 'lodash';\nimport PropTypes from 'prop-types';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  LazyLoadComponent,\n  LazyLoadImage,\n  trackWindowScroll\n} from 'react-lazy-load-image-component';\nimport 'react-lazy-load-image-component/src/effects/opacity.css';\nimport {\n  CheckRectangleIcon,\n  HeadsetIcon,\n  LayersIcon,\n  PlayIcon,\n  WarningCircleIcon\n} from '../../../../../icons';\nimport { convertMsToHMS } from '../../../../../utils/dateTime';\nimport { Badge } from '../../../../data';\n\nimport SummaryCard from '../../../SummaryCard/SummaryCard';\nimport { assetShapeWithLayout } from '../../asset.propType';\nimport * as S from './AssetGalleryCompactCard.styled';\n\nimport {\n  useFloating,\n  useHover,\n  useInteractions,\n  useTransitionStyles,\n  flip,\n  shift,\n  arrow,\n  autoUpdate,\n  offset,\n  useDismiss,\n  useMergeRefs\n} from '@floating-ui/react';\nimport AssetActionsBase from '../../../AssetActionsBase/AssetActionsBase';\n\n// eslint-disable-next-line react/prop-types\nconst ComputedRootComponent = ({ component, asset, ...props }) => {\n  // Omit props we don't need\n  const newProps = mapKeys(omit(props, ['theme', 'extendedSelectMode']), (_, key) =>\n    key === 'innerRef' ? 'ref' : key\n  );\n\n  if (component) {\n    if (!isFunction(component)) throw Error('Expected a function in component-prop');\n\n    if (React.isValidElement(component(asset, newProps.children))) {\n      return React.cloneElement(component(asset, newProps.children), omit(newProps, ['children']));\n    }\n  }\n\n  return <S.AssetGalleryCompactCard ref={newProps.ref} {...newProps} />;\n};\n\nconst AssetGalleryCompactCard = props => {\n  const {\n    asset,\n    activeSummaryCard,\n    displayIcon,\n    selectable,\n    hasHeightAndWidth,\n    selected,\n    customSelectedBorder,\n    extendedSelectMode,\n    onAssetSelected,\n    onAssetUnselected,\n    softSelected,\n    component,\n    scrollPosition,\n    collapseExtraInfo\n  } = props;\n\n  const ARROW_WIDTH = 30;\n  const ARROW_HEIGHT = 15;\n  const GAP = 8;\n\n  const arrowRef = useRef(null);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [placement] = useState('bottom');\n\n  const [isOverlayHovered, setIsOverlayHovered] = useState(false);\n  const [openedSubActions, updateOpenedSubActions] = useState([]);\n\n  const { refs, floatingStyles, context } = useFloating({\n    placement,\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    whileElementsMounted: autoUpdate,\n    middleware: [\n      offset(ARROW_HEIGHT + GAP),\n      flip({ padding: 5 }),\n      shift({ padding: 5 }),\n      arrow({\n        element: arrowRef\n      })\n    ]\n  });\n\n  const { isMounted, styles } = useTransitionStyles(context, {\n    initial: {\n      transform: 'translateY(-8px)',\n      opacity: 0\n    },\n    duration: {\n      open: 200,\n      close: 100\n    }\n  });\n\n  const hover = useHover(context, {\n    restMs: 100\n  });\n  const dismiss = useDismiss(context, {\n    referencePress: true,\n    ancestorScroll: true,\n    windowScroll: true,\n    windowBlur: true\n  });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, hover]);\n\n  useEffect(() => {\n    const newOpenedSubActions = (asset?.actions ?? []).map(() => false);\n    updateOpenedSubActions(newOpenedSubActions);\n  }, [asset]);\n\n  useEffect(() => {\n    if (!isOverlayHovered && openedSubActions?.length) {\n      updateOpenedSubActions(openedSubActions.map(() => false));\n    }\n  }, [isOverlayHovered]);\n\n  const mouseHasEnteredOverlay = useCallback(() => {\n    setIsOverlayHovered(true);\n  }, []);\n\n  const mouseHasLeftOverlay = useCallback(() => {\n    setIsOverlayHovered(false);\n  }, []);\n\n  const isAnySubActionsOpened = useMemo(() => {\n    return openedSubActions.some(isOpened => isOpened);\n  }, [openedSubActions]);\n\n  function onClick(event) {\n    if (extendedSelectMode) {\n      return onSelectClick(event);\n    }\n\n    if (isFunction(asset.onClick)) {\n      asset.onClick(event, asset);\n    }\n  }\n\n  function onSelectClick(event) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (selected) {\n      return onAssetUnselected(asset.key);\n    }\n\n    if (selectable) {\n      return onAssetSelected(asset.key);\n    }\n  }\n\n  function onContextMenu(event) {\n    event.preventDefault();\n    asset.onContextMenu(event);\n  }\n\n  useEffect(() => {\n    if (isFunction(asset.onContextMenu)) {\n      if (cardRef.current) {\n        cardRef.current.addEventListener('contextmenu', onContextMenu);\n      }\n      return () => {\n        if (cardRef.current) {\n          cardRef.current.removeEventListener('contextmenu', onContextMenu);\n        }\n      };\n    }\n  }, []);\n\n  function onDragstart(event) {\n    asset.onDragstart(event);\n  }\n\n  useEffect(() => {\n    if (isFunction(asset.onDragstart)) {\n      if (dragRef.current) {\n        dragRef.current.addEventListener('dragstart', onDragstart);\n      }\n      return () => {\n        if (dragRef.current) {\n          dragRef.current.removeEventListener('dragstart', onDragstart);\n        }\n      };\n    }\n  }, []);\n\n  const videoPlayerRef = useRef();\n  const cardRef = useRef();\n  const dragRef = useRef(null);\n\n  const overlayCompactRef = useMergeRefs([cardRef, refs.setReference]);\n\n  function onMouseEnter(event) {\n    if (videoPlayerRef.current) {\n      const playPromise = videoPlayerRef.current.play();\n      if (playPromise !== undefined) {\n        playPromise\n          .then(() => {\n            // Playback started!\n          })\n          .catch(() => {\n            // Play was prevented - silently swallow play errors\n          });\n      }\n    }\n\n    if (isFunction(asset.onMouseEnter)) {\n      asset.onMouseEnter(event, asset);\n    }\n  }\n\n  function onMouseLeave() {\n    if (videoPlayerRef.current) {\n      videoPlayerRef.current.pause();\n    }\n  }\n\n  const renderPreview = asset => {\n    let previewContent = null;\n    if (asset?.fileType?.toLowerCase() === 'video') {\n      previewContent = (\n        <LazyLoadComponent scrollPosition={scrollPosition}>\n          <video\n            ref={videoPlayerRef}\n            loop\n            muted\n            // style={{ maxHeight: maxHeight }}\n          >\n            <source src={asset.previewUrl} type=\"video/mp4\" />\n          </video>\n        </LazyLoadComponent>\n      );\n    } else if (asset?.fileType?.toLowerCase() === 'audio') {\n      previewContent = (\n        <LazyLoadComponent scrollPosition={scrollPosition}>\n          <div className=\"audio\">\n            <HeadsetIcon />\n          </div>\n        </LazyLoadComponent>\n      );\n    } else {\n      previewContent = (\n        <LazyLoadImage\n          alt={asset?.title}\n          src={asset?.previewUrl}\n          height=\"100%\"\n          width=\"100%\"\n          delayMethod=\"debounce\"\n          delayTime={0}\n          threshold={1500}\n          scrollPosition={scrollPosition}\n        />\n      );\n    }\n\n    return (\n      <S.Figure hasHeightAndWidth={hasHeightAndWidth}>\n        {previewContent}\n        <S.FigureOverlayBackdrop selected={selected} />\n      </S.Figure>\n    );\n  };\n\n  // If this asset is soft selected we will scroll it into the viewport if it's outside\n  useEffect(() => {\n    if (softSelected) {\n      cardRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n    }\n  }, [softSelected]);\n\n  const renderVersionsBadge = useCallback(() => {\n    if (!asset?.versions) return null;\n\n    return (\n      <Badge\n        badgeIcon={<LayersIcon />}\n        badgeContent={asset.versions}\n        backgroundColors={['black', 'black']}\n        colors={['#f7f8f9', '#f7f8f9']}\n        fontSize={12}\n        fontWeight={500}\n        lineHeight={16}\n        verticalPadding={4}\n        horizontalPadding={8}\n      />\n    );\n  }, [asset]);\n\n  const renderVerificationBadge = useCallback(() => {\n    if (!asset?.verifications) return null;\n    return asset?.verifications;\n  }, [asset]);\n\n  const renderdynamicBadge = useCallback(() => {\n    if (asset?.verifications) return renderVerificationBadge();\n    if (asset?.versions) return renderVersionsBadge();\n    return null;\n  });\n\n  const renderBadge = () => {\n    switch (displayIcon) {\n      case 'versions':\n        return renderVersionsBadge();\n      case 'verifications':\n        return renderVerificationBadge();\n      case 'dynamic':\n        return renderdynamicBadge();\n      default:\n        return null;\n    }\n  };\n\n  const renderMediaBadge = useCallback(() => {\n    let badgeIcon = null;\n    let badgeContent = null;\n\n    if (asset?.fileType === 'video') {\n      badgeIcon = <PlayIcon />;\n    }\n\n    if (asset?.duration) {\n      badgeContent = convertMsToHMS(asset.duration);\n    }\n\n    if (!badgeIcon && !badgeContent) return null;\n    return (\n      <Badge\n        badgeIcon={badgeIcon}\n        badgeContent={badgeContent}\n        backgroundColors={['black', 'black']}\n        colors={['#f7f8f9', '#f7f8f9']}\n        fontSize={12}\n        fontWeight={500}\n        lineHeight={16}\n        verticalPadding={4}\n        horizontalPadding={8}\n        minWidth={32}\n        height={24}\n      />\n    );\n  }, [asset]);\n\n  const renderSummaryCardHeaderLeft = useCallback(() => {\n    return (\n      <>\n        {renderVersionsBadge()}\n        {renderMediaBadge()}\n      </>\n    );\n  }, [asset]);\n\n  const renderPopoverContent = useCallback(() => {\n    return (\n      <SummaryCard\n        activeSummaryCard={activeSummaryCard}\n        title={asset?.title || ''}\n        description={asset?.description || ''}\n        instructions={asset?.imageRights || ''}\n        instructionsType={'warning'}\n        headerRight={asset?.summary?.headerRight || ''}\n        headerLeft={\n          <>\n            {renderSummaryCardHeaderLeft()}\n            {asset?.summary?.headerLeft || ''}\n          </>\n        }\n        footerLeft={asset?.summary?.footerLeft || ''}\n        footerRight={asset?.summary?.footerRight || ''}\n        width={375}\n        view={'compact'}\n      />\n    );\n  }, [asset]);\n\n  return (\n    <S.AssetGalleryWrapper disabled={asset.disabled}>\n      <S.AssetGalleryCompactCard\n        as={ComputedRootComponent}\n        component={component}\n        disabled={asset.disabled}\n        asset={asset}\n        onClick={onClick}\n        extendedSelectMode={extendedSelectMode}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        draggable={asset.draggable}\n        innerRef={dragRef}\n        selected={selected}\n        // ref={refs.setReference}\n        {...getReferenceProps()}\n      >\n        <S.Reference ref={refs.setReference}>\n          {asset.previewUrl && renderPreview(asset)}\n        </S.Reference>\n\n        <S.Overlay\n          ref={overlayCompactRef}\n          onMouseEnter={mouseHasEnteredOverlay}\n          onMouseLeave={mouseHasLeftOverlay}\n          style={{ height: '100%' }}\n          {...getReferenceProps()}\n        >\n          <S.OverlayBackdrop softSelected={softSelected} selected={selected} />\n          {asset?.actions && (\n            <S.OverlayInfoTopActions $isOverlayHovered={isOverlayHovered}>\n              <AssetActionsBase actions={asset.actions} asset={asset} />\n            </S.OverlayInfoTopActions>\n          )}\n          <S.OverlayInfo>\n            {isOverlayHovered && <span>{asset.title}</span>}\n            <S.OverlayInfoTop>\n              <S.OverlayInfoTopLeft collapseExtraInfo={collapseExtraInfo}>\n                {renderBadge()}\n              </S.OverlayInfoTopLeft>\n              {asset?.note?.title && (\n                <S.OverlayInfoTopWarning type={asset?.note?.type}>\n                  <WarningCircleIcon />\n                </S.OverlayInfoTopWarning>\n              )}\n            </S.OverlayInfoTop>\n            <S.OverlayInfoBottom>\n              {selectable && (\n                <S.OverlayInfoBottomSelectButton selected={selected}>\n                  <CheckRectangleIcon onClick={onSelectClick} />\n                </S.OverlayInfoBottomSelectButton>\n              )}\n              <S.OverlayInfoBottomMediaIcon>{renderMediaBadge()}</S.OverlayInfoBottomMediaIcon>\n            </S.OverlayInfoBottom>\n          </S.OverlayInfo>\n          {asset.completed && <S.OverlayCompleted softSelected={softSelected} />}\n          {asset.hasError && <S.OverlayHasError softSelected={softSelected} />}\n          {selectable && (\n            <S.OverlaySelected\n              selected={selected}\n              softSelected={softSelected}\n              customSelectedBorder={customSelectedBorder}\n            />\n          )}\n          {isOpen && isOverlayHovered && isMounted && activeSummaryCard && !isAnySubActionsOpened && (\n            <div ref={refs.setFloating} style={floatingStyles} {...getFloatingProps()}>\n              <div style={styles} className=\"floating\">\n                {renderPopoverContent()}\n                <S.StyledFloatingArrow\n                  ref={arrowRef}\n                  context={context}\n                  width={ARROW_WIDTH}\n                  height={ARROW_HEIGHT}\n                />\n              </div>\n            </div>\n          )}\n          {isOpen &&\n            isOverlayHovered &&\n            isMounted &&\n            activeSummaryCard &&\n            !isAnySubActionsOpened && (\n              <div ref={refs.setFloating} style={floatingStyles} {...getFloatingProps()}>\n                <div style={styles} className=\"floating\">\n                  {renderPopoverContent()}\n                  <S.StyledFloatingArrow\n                    ref={arrowRef}\n                    context={context}\n                    width={ARROW_WIDTH}\n                    height={ARROW_HEIGHT}\n                  />\n                </div>\n              </div>\n            )}\n        </S.Overlay>\n\n        {asset.overlay && <S.ConsumerDefinedOverlay>{asset.overlay}</S.ConsumerDefinedOverlay>}\n      </S.AssetGalleryCompactCard>\n    </S.AssetGalleryWrapper>\n  );\n};\n\nAssetGalleryCompactCard.propTypes = {\n  /**\n   * An array of assets to display in the gallery.\n   */\n  asset: PropTypes.shape(assetShapeWithLayout).isRequired,\n\n  /**\n   * Tells the asset card that the asset height and width was known\n   */\n  hasHeightAndWidth: PropTypes.bool,\n\n  /**\n   * Whether or not the asset gallery should have selectable asset cards\n   */\n  selectable: PropTypes.bool,\n\n  /**\n   * Is the asset selected\n   */\n  selected: PropTypes.bool,\n\n  /**\n   * Whether or not the asset gallery should have custom borders on selected asset\n   */\n  customSelectedBorder: PropTypes.arrayOf(PropTypes.string),\n\n  /**\n   * Makes the whole asset card into a selectable area\n   */\n  extendedSelectMode: PropTypes.bool,\n\n  /**\n   * The callback function when an asset is selected - returns the selected asset key\n   */\n  onAssetSelected: PropTypes.func.isRequired,\n\n  /**\n   * The callback function when an asset is unselected - returns the unselected asset key\n   */\n  onAssetUnselected: PropTypes.func.isRequired,\n\n  /**\n   * Is the asset soft selected\n   */\n  softSelected: PropTypes.bool.isRequired,\n\n  /**\n   * A function that returns a custom component to use for the card in the gallery - The function provides\n   * `asset` as its first argument\n   */\n  component: PropTypes.func,\n\n  /**\n   * Internal prop used by the gallery to determine if the card is in the viewport - This prop is\n   * not intended to be used by consumers\n   */\n  scrollPosition: PropTypes.number,\n\n  /**\n   * If the width of the card is too small to render all the badges\n   */\n  collapseExtraInfo: PropTypes.bool,\n\n  /**\n   * Display a tooltip on hover with a summary of info about the asset\n   */\n  activeSummaryCard: PropTypes.bool,\n  /**\n   * * Display an icon on the card\n   */\n  displayIcon: PropTypes.oneOf(['dynamic', 'versions', 'verifications', ''])\n};\n\nexport default trackWindowScroll(\n  React.memo(AssetGalleryCompactCard, (prevProps, nextProps) => {\n    // The asset card will only re-render if any of the following props change.\n    const reactiveProps = [\n      'selectable',\n      'selected',\n      'extendedSelectMode',\n      'softSelected',\n      'asset.previewUrl',\n      'asset.overlay',\n      'hasHeightAndWidth',\n      'collapseExtraInfo'\n    ];\n\n    return reactiveProps.every(propKey => get(prevProps, propKey) === get(nextProps, propKey));\n  })\n);\n"],"names":["ComputedRootComponent","component","asset","props","newProps","mapKeys","omit","_","key","isFunction","Error","React","isValidElement","children","cloneElement","createElement","S","_extends","ref","AssetGalleryCompactCard","activeSummaryCard","displayIcon","selectable","hasHeightAndWidth","selected","customSelectedBorder","extendedSelectMode","onAssetSelected","onAssetUnselected","softSelected","scrollPosition","collapseExtraInfo","ARROW_WIDTH","ARROW_HEIGHT","GAP","arrowRef","useRef","isOpen","setIsOpen","useState","placement","isOverlayHovered","setIsOverlayHovered","openedSubActions","updateOpenedSubActions","refs","floatingStyles","context","useFloating","open","onOpenChange","whileElementsMounted","autoUpdate","middleware","offset","flip","padding","shift","arrow","element","isMounted","styles","useTransitionStyles","initial","transform","opacity","duration","close","hover","useHover","restMs","dismiss","useDismiss","referencePress","ancestorScroll","windowScroll","windowBlur","getReferenceProps","getFloatingProps","useInteractions","useEffect","newOpenedSubActions","actions","map","length","mouseHasEnteredOverlay","useCallback","mouseHasLeftOverlay","isAnySubActionsOpened","useMemo","some","isOpened","onClick","event","onSelectClick","preventDefault","stopPropagation","onContextMenu","cardRef","current","addEventListener","removeEventListener","onDragstart","dragRef","videoPlayerRef","overlayCompactRef","useMergeRefs","setReference","onMouseEnter","playPromise","play","undefined","then","catch","onMouseLeave","pause","renderPreview","previewContent","fileType","toLowerCase","LazyLoadComponent","loop","muted","src","previewUrl","type","className","HeadsetIcon","LazyLoadImage","alt","title","height","width","delayMethod","delayTime","threshold","scrollIntoView","behavior","block","renderVersionsBadge","versions","Badge","badgeIcon","LayersIcon","badgeContent","backgroundColors","colors","fontSize","fontWeight","lineHeight","verticalPadding","horizontalPadding","renderVerificationBadge","verifications","renderdynamicBadge","renderBadge","renderMediaBadge","PlayIcon","convertMsToHMS","minWidth","renderSummaryCardHeaderLeft","Fragment","renderPopoverContent","SummaryCard","description","instructions","imageRights","instructionsType","headerRight","summary","headerLeft","footerLeft","footerRight","view","disabled","as","draggable","innerRef","style","$isOverlayHovered","AssetActionsBase","note","WarningCircleIcon","CheckRectangleIcon","completed","hasError","setFloating","overlay","propTypes","process","env","NODE_ENV","PropTypes","shape","assetShapeWithLayout","isRequired","bool","arrayOf","string","func","number","oneOf","trackWindowScroll","memo","prevProps","nextProps","reactiveProps","every","propKey","get"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAMA,qBAAqB,GAAGA,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC,KAAAA;AAAM,CAAC,KAAK;EAEhE,MAAMC,QAAQ,GAAGC,OAAO,CAACC,IAAI,CAACH,KAAK,EAAE,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC,EAAE,CAACI,CAAC,EAAEC,GAAG,KAC5EA,GAAG,KAAK,UAAU,GAAG,KAAK,GAAGA,GAC/B,CAAC,CAAA;AAED,EAAA,IAAIP,SAAS,EAAE;IACb,IAAI,CAACQ,UAAU,CAACR,SAAS,CAAC,EAAE,MAAMS,KAAK,CAAC,uCAAuC,CAAC,CAAA;AAEhF,IAAA,IAAIC,cAAK,CAACC,cAAc,CAACX,SAAS,CAACC,KAAK,EAAEE,QAAQ,CAACS,QAAQ,CAAC,CAAC,EAAE;MAC7D,OAAOF,cAAK,CAACG,YAAY,CAACb,SAAS,CAACC,KAAK,EAAEE,QAAQ,CAACS,QAAQ,CAAC,EAAEP,IAAI,CAACF,QAAQ,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;AAC9F,KAAA;AACF,GAAA;EAEA,OAAOO,cAAA,CAAAI,aAAA,CAACC,yBAAyB,EAAAC,QAAA,CAAA;IAACC,GAAG,EAAEd,QAAQ,CAACc,GAAAA;GAASd,EAAAA,QAAQ,CAAG,CAAC,CAAA;AACvE,CAAC,CAAA;AAED,MAAMe,uBAAuB,GAAGhB,KAAK,IAAI;EACvC,MAAM;IACJD,KAAK;IACLkB,iBAAiB;IACjBC,WAAW;IACXC,UAAU;IACVC,iBAAiB;IACjBC,QAAQ;IACRC,oBAAoB;IACpBC,kBAAkB;IAClBC,eAAe;IACfC,iBAAiB;IACjBC,YAAY;IACZ5B,SAAS;IACT6B,cAAc;AACdC,IAAAA,iBAAAA;AACF,GAAC,GAAG5B,KAAK,CAAA;EAET,MAAM6B,WAAW,GAAG,EAAE,CAAA;EACtB,MAAMC,YAAY,GAAG,EAAE,CAAA;EACvB,MAAMC,GAAG,GAAG,CAAC,CAAA;AAEb,EAAA,MAAMC,QAAQ,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAA;EAE7B,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAC3C,EAAA,MAAM,CAACC,SAAS,CAAC,GAAGD,QAAQ,CAAC,QAAQ,CAAC,CAAA;EAEtC,MAAM,CAACE,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGH,QAAQ,CAAC,KAAK,CAAC,CAAA;EAC/D,MAAM,CAACI,gBAAgB,EAAEC,sBAAsB,CAAC,GAAGL,QAAQ,CAAC,EAAE,CAAC,CAAA;EAE/D,MAAM;IAAEM,IAAI;IAAEC,cAAc;AAAEC,IAAAA,OAAAA;GAAS,GAAGC,WAAW,CAAC;IACpDR,SAAS;AACTS,IAAAA,IAAI,EAAEZ,MAAM;AACZa,IAAAA,YAAY,EAAEZ,SAAS;AACvBa,IAAAA,oBAAoB,EAAEC,UAAU;IAChCC,UAAU,EAAE,CACVC,MAAM,CAACrB,YAAY,GAAGC,GAAG,CAAC,EAC1BqB,IAAI,CAAC;AAAEC,MAAAA,OAAO,EAAE,CAAA;KAAG,CAAC,EACpBC,KAAK,CAAC;AAAED,MAAAA,OAAO,EAAE,CAAA;KAAG,CAAC,EACrBE,KAAK,CAAC;AACJC,MAAAA,OAAO,EAAExB,QAAAA;AACX,KAAC,CAAC,CAAA;AAEN,GAAC,CAAC,CAAA;EAEF,MAAM;IAAEyB,SAAS;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAGC,mBAAmB,CAACf,OAAO,EAAE;AACzDgB,IAAAA,OAAO,EAAE;AACPC,MAAAA,SAAS,EAAE,kBAAkB;AAC7BC,MAAAA,OAAO,EAAE,CAAA;KACV;AACDC,IAAAA,QAAQ,EAAE;AACRjB,MAAAA,IAAI,EAAE,GAAG;AACTkB,MAAAA,KAAK,EAAE,GAAA;AACT,KAAA;AACF,GAAC,CAAC,CAAA;AAEF,EAAA,MAAMC,KAAK,GAAGC,QAAQ,CAACtB,OAAO,EAAE;AAC9BuB,IAAAA,MAAM,EAAE,GAAA;AACV,GAAC,CAAC,CAAA;AACF,EAAA,MAAMC,OAAO,GAAGC,UAAU,CAACzB,OAAO,EAAE;AAClC0B,IAAAA,cAAc,EAAE,IAAI;AACpBC,IAAAA,cAAc,EAAE,IAAI;AACpBC,IAAAA,YAAY,EAAE,IAAI;AAClBC,IAAAA,UAAU,EAAE,IAAA;AACd,GAAC,CAAC,CAAA;EAEF,MAAM;IAAEC,iBAAiB;AAAEC,IAAAA,gBAAAA;GAAkB,GAAGC,eAAe,CAAC,CAACR,OAAO,EAAEH,KAAK,CAAC,CAAC,CAAA;AAEjFY,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,MAAMC,mBAAmB,GAAG,CAAC/E,KAAK,EAAEgF,OAAO,IAAI,EAAE,EAAEC,GAAG,CAAC,MAAM,KAAK,CAAC,CAAA;IACnEvC,sBAAsB,CAACqC,mBAAmB,CAAC,CAAA;AAC7C,GAAC,EAAE,CAAC/E,KAAK,CAAC,CAAC,CAAA;AAEX8E,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAACvC,gBAAgB,IAAIE,gBAAgB,EAAEyC,MAAM,EAAE;MACjDxC,sBAAsB,CAACD,gBAAgB,CAACwC,GAAG,CAAC,MAAM,KAAK,CAAC,CAAC,CAAA;AAC3D,KAAA;AACF,GAAC,EAAE,CAAC1C,gBAAgB,CAAC,CAAC,CAAA;AAEtB,EAAA,MAAM4C,sBAAsB,GAAGC,WAAW,CAAC,MAAM;IAC/C5C,mBAAmB,CAAC,IAAI,CAAC,CAAA;GAC1B,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,MAAM6C,mBAAmB,GAAGD,WAAW,CAAC,MAAM;IAC5C5C,mBAAmB,CAAC,KAAK,CAAC,CAAA;GAC3B,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,MAAM8C,qBAAqB,GAAGC,OAAO,CAAC,MAAM;AAC1C,IAAA,OAAO9C,gBAAgB,CAAC+C,IAAI,CAACC,QAAQ,IAAIA,QAAQ,CAAC,CAAA;AACpD,GAAC,EAAE,CAAChD,gBAAgB,CAAC,CAAC,CAAA;EAEtB,SAASiD,OAAOA,CAACC,KAAK,EAAE;AACtB,IAAA,IAAInE,kBAAkB,EAAE;MACtB,OAAOoE,aAAa,CAACD,KAAK,CAAC,CAAA;AAC7B,KAAA;AAEA,IAAA,IAAIpF,UAAU,CAACP,KAAK,CAAC0F,OAAO,CAAC,EAAE;AAC7B1F,MAAAA,KAAK,CAAC0F,OAAO,CAACC,KAAK,EAAE3F,KAAK,CAAC,CAAA;AAC7B,KAAA;AACF,GAAA;EAEA,SAAS4F,aAAaA,CAACD,KAAK,EAAE;IAC5BA,KAAK,CAACE,cAAc,EAAE,CAAA;IACtBF,KAAK,CAACG,eAAe,EAAE,CAAA;AAEvB,IAAA,IAAIxE,QAAQ,EAAE;AACZ,MAAA,OAAOI,iBAAiB,CAAC1B,KAAK,CAACM,GAAG,CAAC,CAAA;AACrC,KAAA;AAEA,IAAA,IAAIc,UAAU,EAAE;AACd,MAAA,OAAOK,eAAe,CAACzB,KAAK,CAACM,GAAG,CAAC,CAAA;AACnC,KAAA;AACF,GAAA;EAEA,SAASyF,aAAaA,CAACJ,KAAK,EAAE;IAC5BA,KAAK,CAACE,cAAc,EAAE,CAAA;AACtB7F,IAAAA,KAAK,CAAC+F,aAAa,CAACJ,KAAK,CAAC,CAAA;AAC5B,GAAA;AAEAb,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIvE,UAAU,CAACP,KAAK,CAAC+F,aAAa,CAAC,EAAE;MACnC,IAAIC,OAAO,CAACC,OAAO,EAAE;QACnBD,OAAO,CAACC,OAAO,CAACC,gBAAgB,CAAC,aAAa,EAAEH,aAAa,CAAC,CAAA;AAChE,OAAA;AACA,MAAA,OAAO,MAAM;QACX,IAAIC,OAAO,CAACC,OAAO,EAAE;UACnBD,OAAO,CAACC,OAAO,CAACE,mBAAmB,CAAC,aAAa,EAAEJ,aAAa,CAAC,CAAA;AACnE,SAAA;OACD,CAAA;AACH,KAAA;GACD,EAAE,EAAE,CAAC,CAAA;EAEN,SAASK,WAAWA,CAACT,KAAK,EAAE;AAC1B3F,IAAAA,KAAK,CAACoG,WAAW,CAACT,KAAK,CAAC,CAAA;AAC1B,GAAA;AAEAb,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIvE,UAAU,CAACP,KAAK,CAACoG,WAAW,CAAC,EAAE;MACjC,IAAIC,OAAO,CAACJ,OAAO,EAAE;QACnBI,OAAO,CAACJ,OAAO,CAACC,gBAAgB,CAAC,WAAW,EAAEE,WAAW,CAAC,CAAA;AAC5D,OAAA;AACA,MAAA,OAAO,MAAM;QACX,IAAIC,OAAO,CAACJ,OAAO,EAAE;UACnBI,OAAO,CAACJ,OAAO,CAACE,mBAAmB,CAAC,WAAW,EAAEC,WAAW,CAAC,CAAA;AAC/D,SAAA;OACD,CAAA;AACH,KAAA;GACD,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,MAAME,cAAc,GAAGpE,MAAM,EAAE,CAAA;AAC/B,EAAA,MAAM8D,OAAO,GAAG9D,MAAM,EAAE,CAAA;AACxB,EAAA,MAAMmE,OAAO,GAAGnE,MAAM,CAAC,IAAI,CAAC,CAAA;EAE5B,MAAMqE,iBAAiB,GAAGC,YAAY,CAAC,CAACR,OAAO,EAAErD,IAAI,CAAC8D,YAAY,CAAC,CAAC,CAAA;EAEpE,SAASC,YAAYA,CAACf,KAAK,EAAE;IAC3B,IAAIW,cAAc,CAACL,OAAO,EAAE;MAC1B,MAAMU,WAAW,GAAGL,cAAc,CAACL,OAAO,CAACW,IAAI,EAAE,CAAA;MACjD,IAAID,WAAW,KAAKE,SAAS,EAAE;AAC7BF,QAAAA,WAAW,CACRG,IAAI,CAAC,MAAM,EAEX,CAAC,CACDC,KAAK,CAAC,MAAM,EAEZ,CAAC,CAAA;AACN,OAAA;AACF,KAAA;AAEA,IAAA,IAAIxG,UAAU,CAACP,KAAK,CAAC0G,YAAY,CAAC,EAAE;AAClC1G,MAAAA,KAAK,CAAC0G,YAAY,CAACf,KAAK,EAAE3F,KAAK,CAAC,CAAA;AAClC,KAAA;AACF,GAAA;EAEA,SAASgH,YAAYA,GAAG;IACtB,IAAIV,cAAc,CAACL,OAAO,EAAE;AAC1BK,MAAAA,cAAc,CAACL,OAAO,CAACgB,KAAK,EAAE,CAAA;AAChC,KAAA;AACF,GAAA;EAEA,MAAMC,aAAa,GAAGlH,KAAK,IAAI;IAC7B,IAAImH,cAAc,GAAG,IAAI,CAAA;IACzB,IAAInH,KAAK,EAAEoH,QAAQ,EAAEC,WAAW,EAAE,KAAK,OAAO,EAAE;AAC9CF,MAAAA,cAAc,GACZ1G,cAAA,CAAAI,aAAA,CAACyG,iBAAiB,EAAA;AAAC1F,QAAAA,cAAc,EAAEA,cAAAA;OACjCnB,EAAAA,cAAA,CAAAI,aAAA,CAAA,OAAA,EAAA;AACEG,QAAAA,GAAG,EAAEsF,cAAe;QACpBiB,IAAI,EAAA,IAAA;QACJC,KAAK,EAAA,IAAA;OAGL/G,EAAAA,cAAA,CAAAI,aAAA,CAAA,QAAA,EAAA;QAAQ4G,GAAG,EAAEzH,KAAK,CAAC0H,UAAW;AAACC,QAAAA,IAAI,EAAC,WAAA;OAAa,CAC5C,CACU,CACpB,CAAA;KACF,MAAM,IAAI3H,KAAK,EAAEoH,QAAQ,EAAEC,WAAW,EAAE,KAAK,OAAO,EAAE;AACrDF,MAAAA,cAAc,GACZ1G,cAAA,CAAAI,aAAA,CAACyG,iBAAiB,EAAA;AAAC1F,QAAAA,cAAc,EAAEA,cAAAA;OACjCnB,EAAAA,cAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;AAAK+G,QAAAA,SAAS,EAAC,OAAA;OACbnH,EAAAA,cAAA,CAAAI,aAAA,CAACgH,UAAW,EAAE,IAAA,CACX,CACY,CACpB,CAAA;AACH,KAAC,MAAM;AACLV,MAAAA,cAAc,GACZ1G,cAAA,CAAAI,aAAA,CAACiH,aAAa,EAAA;QACZC,GAAG,EAAE/H,KAAK,EAAEgI,KAAM;QAClBP,GAAG,EAAEzH,KAAK,EAAE0H,UAAW;AACvBO,QAAAA,MAAM,EAAC,MAAM;AACbC,QAAAA,KAAK,EAAC,MAAM;AACZC,QAAAA,WAAW,EAAC,UAAU;AACtBC,QAAAA,SAAS,EAAE,CAAE;AACbC,QAAAA,SAAS,EAAE,IAAK;AAChBzG,QAAAA,cAAc,EAAEA,cAAAA;AAAe,OAChC,CACF,CAAA;AACH,KAAA;AAEA,IAAA,OACEnB,cAAA,CAAAI,aAAA,CAACC,MAAQ,EAAA;AAACO,MAAAA,iBAAiB,EAAEA,iBAAAA;KAC1B8F,EAAAA,cAAc,EACf1G,cAAA,CAAAI,aAAA,CAACC,qBAAuB,EAAA;AAACQ,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAE,CACtC,CAAC,CAAA;GAEd,CAAA;AAGDwD,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAInD,YAAY,EAAE;AAChBqE,MAAAA,OAAO,CAACC,OAAO,CAACqC,cAAc,CAAC;AAAEC,QAAAA,QAAQ,EAAE,QAAQ;AAAEC,QAAAA,KAAK,EAAE,SAAA;AAAU,OAAC,CAAC,CAAA;AAC1E,KAAA;AACF,GAAC,EAAE,CAAC7G,YAAY,CAAC,CAAC,CAAA;AAElB,EAAA,MAAM8G,mBAAmB,GAAGrD,WAAW,CAAC,MAAM;AAC5C,IAAA,IAAI,CAACpF,KAAK,EAAE0I,QAAQ,EAAE,OAAO,IAAI,CAAA;AAEjC,IAAA,OACEjI,cAAA,CAAAI,aAAA,CAAC8H,KAAK,EAAA;AACJC,MAAAA,SAAS,EAAEnI,cAAA,CAAAI,aAAA,CAACgI,SAAU,MAAE,CAAE;MAC1BC,YAAY,EAAE9I,KAAK,CAAC0I,QAAS;AAC7BK,MAAAA,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAE;AACrCC,MAAAA,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAE;AAC/BC,MAAAA,QAAQ,EAAE,EAAG;AACbC,MAAAA,UAAU,EAAE,GAAI;AAChBC,MAAAA,UAAU,EAAE,EAAG;AACfC,MAAAA,eAAe,EAAE,CAAE;AACnBC,MAAAA,iBAAiB,EAAE,CAAA;AAAE,KACtB,CAAC,CAAA;AAEN,GAAC,EAAE,CAACrJ,KAAK,CAAC,CAAC,CAAA;AAEX,EAAA,MAAMsJ,uBAAuB,GAAGlE,WAAW,CAAC,MAAM;AAChD,IAAA,IAAI,CAACpF,KAAK,EAAEuJ,aAAa,EAAE,OAAO,IAAI,CAAA;IACtC,OAAOvJ,KAAK,EAAEuJ,aAAa,CAAA;AAC7B,GAAC,EAAE,CAACvJ,KAAK,CAAC,CAAC,CAAA;AAEX,EAAA,MAAMwJ,kBAAkB,GAAGpE,WAAW,CAAC,MAAM;AAC3C,IAAA,IAAIpF,KAAK,EAAEuJ,aAAa,EAAE,OAAOD,uBAAuB,EAAE,CAAA;AAC1D,IAAA,IAAItJ,KAAK,EAAE0I,QAAQ,EAAE,OAAOD,mBAAmB,EAAE,CAAA;AACjD,IAAA,OAAO,IAAI,CAAA;AACb,GAAC,CAAC,CAAA;EAEF,MAAMgB,WAAW,GAAGA,MAAM;AACxB,IAAA,QAAQtI,WAAW;AACjB,MAAA,KAAK,UAAU;QACb,OAAOsH,mBAAmB,EAAE,CAAA;AAC9B,MAAA,KAAK,eAAe;QAClB,OAAOa,uBAAuB,EAAE,CAAA;AAClC,MAAA,KAAK,SAAS;QACZ,OAAOE,kBAAkB,EAAE,CAAA;AAC7B,MAAA;AACE,QAAA,OAAO,IAAI,CAAA;AACf,KAAA;GACD,CAAA;AAED,EAAA,MAAME,gBAAgB,GAAGtE,WAAW,CAAC,MAAM;IACzC,IAAIwD,SAAS,GAAG,IAAI,CAAA;IACpB,IAAIE,YAAY,GAAG,IAAI,CAAA;AAEvB,IAAA,IAAI9I,KAAK,EAAEoH,QAAQ,KAAK,OAAO,EAAE;AAC/BwB,MAAAA,SAAS,GAAGnI,cAAA,CAAAI,aAAA,CAAC8I,OAAQ,MAAE,CAAC,CAAA;AAC1B,KAAA;IAEA,IAAI3J,KAAK,EAAEgE,QAAQ,EAAE;AACnB8E,MAAAA,YAAY,GAAGc,cAAc,CAAC5J,KAAK,CAACgE,QAAQ,CAAC,CAAA;AAC/C,KAAA;AAEA,IAAA,IAAI,CAAC4E,SAAS,IAAI,CAACE,YAAY,EAAE,OAAO,IAAI,CAAA;AAC5C,IAAA,OACErI,cAAA,CAAAI,aAAA,CAAC8H,KAAK,EAAA;AACJC,MAAAA,SAAS,EAAEA,SAAU;AACrBE,MAAAA,YAAY,EAAEA,YAAa;AAC3BC,MAAAA,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAE;AACrCC,MAAAA,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAE;AAC/BC,MAAAA,QAAQ,EAAE,EAAG;AACbC,MAAAA,UAAU,EAAE,GAAI;AAChBC,MAAAA,UAAU,EAAE,EAAG;AACfC,MAAAA,eAAe,EAAE,CAAE;AACnBC,MAAAA,iBAAiB,EAAE,CAAE;AACrBQ,MAAAA,QAAQ,EAAE,EAAG;AACb5B,MAAAA,MAAM,EAAE,EAAA;AAAG,KACZ,CAAC,CAAA;AAEN,GAAC,EAAE,CAACjI,KAAK,CAAC,CAAC,CAAA;AAEX,EAAA,MAAM8J,2BAA2B,GAAG1E,WAAW,CAAC,MAAM;AACpD,IAAA,OACE3E,cAAA,CAAAI,aAAA,CAAAJ,cAAA,CAAAsJ,QAAA,EACGtB,IAAAA,EAAAA,mBAAmB,EAAE,EACrBiB,gBAAgB,EACjB,CAAC,CAAA;AAEP,GAAC,EAAE,CAAC1J,KAAK,CAAC,CAAC,CAAA;AAEX,EAAA,MAAMgK,oBAAoB,GAAG5E,WAAW,CAAC,MAAM;AAC7C,IAAA,OACE3E,cAAA,CAAAI,aAAA,CAACoJ,WAAW,EAAA;AACV/I,MAAAA,iBAAiB,EAAEA,iBAAkB;AACrC8G,MAAAA,KAAK,EAAEhI,KAAK,EAAEgI,KAAK,IAAI,EAAG;AAC1BkC,MAAAA,WAAW,EAAElK,KAAK,EAAEkK,WAAW,IAAI,EAAG;AACtCC,MAAAA,YAAY,EAAEnK,KAAK,EAAEoK,WAAW,IAAI,EAAG;AACvCC,MAAAA,gBAAgB,EAAE,SAAU;AAC5BC,MAAAA,WAAW,EAAEtK,KAAK,EAAEuK,OAAO,EAAED,WAAW,IAAI,EAAG;MAC/CE,UAAU,EACR/J,cAAA,CAAAI,aAAA,CAAAJ,cAAA,CAAAsJ,QAAA,EACGD,IAAAA,EAAAA,2BAA2B,EAAE,EAC7B9J,KAAK,EAAEuK,OAAO,EAAEC,UAAU,IAAI,EAC/B,CACH;AACDC,MAAAA,UAAU,EAAEzK,KAAK,EAAEuK,OAAO,EAAEE,UAAU,IAAI,EAAG;AAC7CC,MAAAA,WAAW,EAAE1K,KAAK,EAAEuK,OAAO,EAAEG,WAAW,IAAI,EAAG;AAC/CxC,MAAAA,KAAK,EAAE,GAAI;AACXyC,MAAAA,IAAI,EAAE,SAAA;AAAU,KACjB,CAAC,CAAA;AAEN,GAAC,EAAE,CAAC3K,KAAK,CAAC,CAAC,CAAA;AAEX,EAAA,OACES,cAAA,CAAAI,aAAA,CAACC,mBAAqB,EAAA;IAAC8J,QAAQ,EAAE5K,KAAK,CAAC4K,QAAAA;GACrCnK,EAAAA,cAAA,CAAAI,aAAA,CAACC,yBAAyB,EAAAC,QAAA,CAAA;AACxB8J,IAAAA,EAAE,EAAE/K,qBAAsB;AAC1BC,IAAAA,SAAS,EAAEA,SAAU;IACrB6K,QAAQ,EAAE5K,KAAK,CAAC4K,QAAS;AACzB5K,IAAAA,KAAK,EAAEA,KAAM;AACb0F,IAAAA,OAAO,EAAEA,OAAQ;AACjBlE,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCkF,IAAAA,YAAY,EAAEA,YAAa;AAC3BM,IAAAA,YAAY,EAAEA,YAAa;IAC3B8D,SAAS,EAAE9K,KAAK,CAAC8K,SAAU;AAC3BC,IAAAA,QAAQ,EAAE1E,OAAQ;AAClB/E,IAAAA,QAAQ,EAAEA,QAAAA;GAENqD,EAAAA,iBAAiB,EAAE,CAEvBlE,EAAAA,cAAA,CAAAI,aAAA,CAACC,SAAW,EAAA;IAACE,GAAG,EAAE2B,IAAI,CAAC8D,YAAAA;AAAa,GAAA,EACjCzG,KAAK,CAAC0H,UAAU,IAAIR,aAAa,CAAClH,KAAK,CAC7B,CAAC,EAEdS,cAAA,CAAAI,aAAA,CAACC,OAAS,EAAAC,QAAA,CAAA;AACRC,IAAAA,GAAG,EAAEuF,iBAAkB;AACvBG,IAAAA,YAAY,EAAEvB,sBAAuB;AACrC6B,IAAAA,YAAY,EAAE3B,mBAAoB;AAClC2F,IAAAA,KAAK,EAAE;AAAE/C,MAAAA,MAAM,EAAE,MAAA;AAAO,KAAA;GACpBtD,EAAAA,iBAAiB,EAAE,CAEvBlE,EAAAA,cAAA,CAAAI,aAAA,CAACC,eAAiB,EAAA;AAACa,IAAAA,YAAY,EAAEA,YAAa;AAACL,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAE,CAAC,EACpEtB,KAAK,EAAEgF,OAAO,IACbvE,cAAA,CAAAI,aAAA,CAACC,qBAAuB,EAAA;AAACmK,IAAAA,iBAAiB,EAAE1I,gBAAAA;AAAiB,GAAA,EAC3D9B,cAAA,CAAAI,aAAA,CAACqK,gBAAgB,EAAA;IAAClG,OAAO,EAAEhF,KAAK,CAACgF,OAAQ;AAAChF,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAE,CAClC,CAC1B,EACDS,cAAA,CAAAI,aAAA,CAACC,WAAa,QACXyB,gBAAgB,IAAI9B,cAAA,CAAAI,aAAA,CAAOb,MAAAA,EAAAA,IAAAA,EAAAA,KAAK,CAACgI,KAAY,CAAC,EAC/CvH,cAAA,CAAAI,aAAA,CAACC,cAAgB,EAAA,IAAA,EACfL,cAAA,CAAAI,aAAA,CAACC,kBAAoB,EAAA;AAACe,IAAAA,iBAAiB,EAAEA,iBAAAA;AAAkB,GAAA,EACxD4H,WAAW,EACQ,CAAC,EACtBzJ,KAAK,EAAEmL,IAAI,EAAEnD,KAAK,IACjBvH,cAAA,CAAAI,aAAA,CAACC,qBAAuB,EAAA;AAAC6G,IAAAA,IAAI,EAAE3H,KAAK,EAAEmL,IAAI,EAAExD,IAAAA;GAC1ClH,EAAAA,cAAA,CAAAI,aAAA,CAACuK,gBAAiB,EAAE,IAAA,CACG,CAEX,CAAC,EACnB3K,cAAA,CAAAI,aAAA,CAACC,iBAAmB,EAAA,IAAA,EACjBM,UAAU,IACTX,cAAA,CAAAI,aAAA,CAACC,6BAA+B,EAAA;AAACQ,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EAClDb,cAAA,CAAAI,aAAA,CAACwK,uBAAkB,EAAA;AAAC3F,IAAAA,OAAO,EAAEE,aAAAA;AAAc,GAAE,CACd,CAClC,EACDnF,cAAA,CAAAI,aAAA,CAACC,0BAA4B,EAAE4I,IAAAA,EAAAA,gBAAgB,EAAiC,CAC7D,CACR,CAAC,EACf1J,KAAK,CAACsL,SAAS,IAAI7K,cAAA,CAAAI,aAAA,CAACC,gBAAkB,EAAA;AAACa,IAAAA,YAAY,EAAEA,YAAAA;AAAa,GAAE,CAAC,EACrE3B,KAAK,CAACuL,QAAQ,IAAI9K,cAAA,CAAAI,aAAA,CAACC,eAAiB,EAAA;AAACa,IAAAA,YAAY,EAAEA,YAAAA;GAAe,CAAC,EACnEP,UAAU,IACTX,cAAA,CAAAI,aAAA,CAACC,eAAiB,EAAA;AAChBQ,IAAAA,QAAQ,EAAEA,QAAS;AACnBK,IAAAA,YAAY,EAAEA,YAAa;AAC3BJ,IAAAA,oBAAoB,EAAEA,oBAAAA;AAAqB,GAC5C,CACF,EACAY,MAAM,IAAII,gBAAgB,IAAImB,SAAS,IAAIxC,iBAAiB,IAAI,CAACoE,qBAAqB,IACrF7E,cAAA,CAAAI,aAAA,QAAAE,QAAA,CAAA;IAAKC,GAAG,EAAE2B,IAAI,CAAC6I,WAAY;AAACR,IAAAA,KAAK,EAAEpI,cAAAA;AAAe,GAAA,EAAKgC,gBAAgB,EAAE,CACvEnE,EAAAA,cAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;AAAKmK,IAAAA,KAAK,EAAErH,MAAO;AAACiE,IAAAA,SAAS,EAAC,UAAA;GAC3BoC,EAAAA,oBAAoB,EAAE,EACvBvJ,cAAA,CAAAI,aAAA,CAACC,mBAAqB,EAAA;AACpBE,IAAAA,GAAG,EAAEiB,QAAS;AACdY,IAAAA,OAAO,EAAEA,OAAQ;AACjBqF,IAAAA,KAAK,EAAEpG,WAAY;AACnBmG,IAAAA,MAAM,EAAElG,YAAAA;AAAa,GACtB,CACE,CACF,CACN,EACAI,MAAM,IACLI,gBAAgB,IAChBmB,SAAS,IACTxC,iBAAiB,IACjB,CAACoE,qBAAqB,IACpB7E,cAAA,CAAAI,aAAA,QAAAE,QAAA,CAAA;IAAKC,GAAG,EAAE2B,IAAI,CAAC6I,WAAY;AAACR,IAAAA,KAAK,EAAEpI,cAAAA;AAAe,GAAA,EAAKgC,gBAAgB,EAAE,CACvEnE,EAAAA,cAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;AAAKmK,IAAAA,KAAK,EAAErH,MAAO;AAACiE,IAAAA,SAAS,EAAC,UAAA;GAC3BoC,EAAAA,oBAAoB,EAAE,EACvBvJ,cAAA,CAAAI,aAAA,CAACC,mBAAqB,EAAA;AACpBE,IAAAA,GAAG,EAAEiB,QAAS;AACdY,IAAAA,OAAO,EAAEA,OAAQ;AACjBqF,IAAAA,KAAK,EAAEpG,WAAY;AACnBmG,IAAAA,MAAM,EAAElG,YAAAA;GACT,CACE,CACF,CAEA,CAAC,EAEX/B,KAAK,CAACyL,OAAO,IAAIhL,cAAA,CAAAI,aAAA,CAACC,sBAAwB,EAAA,IAAA,EAAEd,KAAK,CAACyL,OAAkC,CAC5D,CACN,CAAC,CAAA;AAE5B,CAAC,CAAA;AAEDxK,uBAAuB,CAACyK,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;EAIlC7L,KAAK,EAAE8L,SAAS,CAACC,KAAK,CAACC,oBAAoB,CAAC,CAACC,UAAU;EAKvD5K,iBAAiB,EAAEyK,SAAS,CAACI,IAAI;EAKjC9K,UAAU,EAAE0K,SAAS,CAACI,IAAI;EAK1B5K,QAAQ,EAAEwK,SAAS,CAACI,IAAI;EAKxB3K,oBAAoB,EAAEuK,SAAS,CAACK,OAAO,CAACL,SAAS,CAACM,MAAM,CAAC;EAKzD5K,kBAAkB,EAAEsK,SAAS,CAACI,IAAI;AAKlCzK,EAAAA,eAAe,EAAEqK,SAAS,CAACO,IAAI,CAACJ,UAAU;AAK1CvK,EAAAA,iBAAiB,EAAEoK,SAAS,CAACO,IAAI,CAACJ,UAAU;AAK5CtK,EAAAA,YAAY,EAAEmK,SAAS,CAACI,IAAI,CAACD,UAAU;EAMvClM,SAAS,EAAE+L,SAAS,CAACO,IAAI;EAMzBzK,cAAc,EAAEkK,SAAS,CAACQ,MAAM;EAKhCzK,iBAAiB,EAAEiK,SAAS,CAACI,IAAI;EAKjChL,iBAAiB,EAAE4K,SAAS,CAACI,IAAI;AAIjC/K,EAAAA,WAAW,EAAE2K,SAAS,CAACS,KAAK,CAAC,CAAC,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,EAAE,CAAC,CAAA;AAC3E,CAAC,GAAA,EAAA,CAAA;AAED,gCAAeC,iBAAiB,CAC9B/L,cAAK,CAACgM,IAAI,CAACxL,uBAAuB,EAAE,CAACyL,SAAS,EAAEC,SAAS,KAAK;AAE5D,EAAA,MAAMC,aAAa,GAAG,CACpB,YAAY,EACZ,UAAU,EACV,oBAAoB,EACpB,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,mBAAmB,CACpB,CAAA;AAED,EAAA,OAAOA,aAAa,CAACC,KAAK,CAACC,OAAO,IAAIC,GAAG,CAACL,SAAS,EAAEI,OAAO,CAAC,KAAKC,GAAG,CAACJ,SAAS,EAAEG,OAAO,CAAC,CAAC,CAAA;AAC5F,CAAC,CACH,CAAC;;;;"}

package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js

@@ -193,8 +193,8 @@ const OverlaySelected = styled.div.withConfig({
     return props.theme.themeProp('border-color', rgba(props.theme.getColor('gray-100'), 0.5), rgba(props.theme.getColor('gray-700'), 0.5));
   }
   if (props.selected) {
-    if (props.$customSelectedBorder) {
-      return props.theme.themeProp('border-color', props.$customSelectedBorder[0], props.$customSelectedBorder[1]);
+    if (props.customSelectedBorder) {
+      return props.theme.themeProp('border-color', props.customSelectedBorder[0], props.customSelectedBorder[1]);
     } else {
       return props.theme.themeProp('border-color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
     }