@hhgtech/hhg-components 1.29.0 → 1.29.2

package/build/{index-7006256c.js → index-f4c2f1a3.js}

@@ -2,18 +2,19 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-2531ee99.js');
-var index_styles = require('./index.styles-51873031.js');
-var index = require('./index-d0f305cc.js');
-var useScrollbarSize = require('./useScrollbarSize-79d114eb.js');
+var utils = require('./utils-726a5692.js');
+var index_styles = require('./index.styles-43b3a1f8.js');
+var index = require('./index-66aadbb1.js');
+var useScrollbarSize = require('./useScrollbarSize-dfec98dc.js');
 var ReactDOM = require('react-dom');
 var styled = require('@emotion/styled');
-var theme = require('./theme-8f3eba82.js');
+var utils$1 = require('./utils-52b8391a.js');
+var theme = require('./theme-8adadf4c.js');
 var other = require('@hhgtech/icons/other');
-var useTranslations = require('./useTranslations-cd50ad36.js');
-var Subot = require('./Subot-ee808a83.js');
-var index$1 = require('./index-7541115a.js');
-var index$2 = require('./index-f772c6e6.js');
+var useTranslations = require('./useTranslations-cfc713b5.js');
+var Subot = require('./Subot-cc5d9dd3.js');
+var index$1 = require('./index-1dfaf865.js');
+var index$2 = require('./index-fbff95a8.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -83,38 +84,36 @@ const RadioImageGroup = ({ value, options, className, direction = 'horizontal',
                     : theme.theme.mbColors.midGray }, option.label)) : (React__default["default"].createElement(index$2.Text, { type: "bold", color: (value || check) === option.value ? '#2D87F3' : 'black', className: "radio-group-item-heading", size: "label1" }, option.label))))))))));
 };
 
-const _StyledModal = styled__default["default"].div `
-  position: relative;
-  z-index: 200;
-  background-color: ${theme.theme.colors.white};
-  border-radius: ${theme.theme.borderRadius};
-  box-shadow: 0px 4px 8px ${theme.theme.colors.gray200};
-  &[data-site-type='marryBaby'] {
-    border-radius: 16px;
+const StyledModal = utils$1.setDefaultClass(styled__default["default"].div `
+    position: relative;
+    z-index: 200;
+    background-color: ${theme.theme.colors.white};
+    border-radius: ${theme.theme.borderRadius};
+    box-shadow: 0px 4px 8px ${theme.theme.colors.gray200};
+    &[data-site-type='marryBaby'] {
+      border-radius: 16px;
+      .hhg-modal__content {
+        position: relative;
+        z-index: 111;
+        height: 100%;
+
+        padding: 24px;
+      }
+    }
     .hhg-modal__content {
       position: relative;
       z-index: 111;
       height: 100%;
-
-      padding: 24px;
+      padding: 16px;
     }
-  }
-  .hhg-modal__content {
-    position: relative;
-    z-index: 111;
-    height: 100%;
-    padding: 16px;
-  }
-  .hhg-modal__video {
-    position: relative;
-    z-index: 111;
-    height: 100%;
-    background-color: none;
-    box-shadow: none;
-  }
-`;
-const StyledModalClass = 'hhgcomp-modal-modal';
-const StyledModal = index_styles.getDefaultClassWrapper(_StyledModal, StyledModalClass);
+    .hhg-modal__video {
+      position: relative;
+      z-index: 111;
+      height: 100%;
+      background-color: none;
+      box-shadow: none;
+    }
+  `, 'hhgcomp-modal-modal');
 const StyledModalWrapper = styled__default["default"].div `
   position: fixed;
   top: 0;
@@ -150,25 +149,25 @@ const StyledModalWrapper = styled__default["default"].div `
   }
 
   &.slideTop {
-    .${StyledModalClass} {
+    ${StyledModal.classSelector} {
       transform: translate(0, -100vh);
       transition: all 0.5s ease;
     }
 
     &[data-open='true'] {
-      .${StyledModalClass} {
+      ${StyledModal.classSelector} {
         transform: translate(0);
       }
     }
   }
 
   &.scaleUp {
-    .${StyledModalClass} {
+    ${StyledModal.classSelector} {
       transform: scale(0.9);
     }
 
     &[data-open='true'] {
-      .${StyledModalClass} {
+      ${StyledModal.classSelector} {
         transition: all 0.3s ease-out;
         transform: scale(1);
       }
@@ -177,7 +176,7 @@ const StyledModalWrapper = styled__default["default"].div `
 
   &[data-type='tail'] {
     justify-content: flex-end;
-    .${StyledModalClass} {
+    ${StyledModal.classSelector} {
       width: 420px;
       height: 100%;
       border-radius: 0;
@@ -185,7 +184,7 @@ const StyledModalWrapper = styled__default["default"].div `
     }
   }
   &[data-type='form'] {
-    .${StyledModalClass} {
+    ${StyledModal.classSelector} {
       width: 496px;
       height: 548px;
       max-height: 100%;
@@ -196,7 +195,7 @@ const StyledModalWrapper = styled__default["default"].div `
     }
   }
   &[data-type='video'] {
-    .${StyledModalClass} {
+    ${StyledModal.classSelector} {
       height: 100%;
       max-height: 539px;
       ${utils.MediaQueries.mbDown} {
@@ -209,7 +208,7 @@ const StyledModalWrapper = styled__default["default"].div `
     }
   }
   &[data-type='confirm'] {
-    .${StyledModalClass} {
+    ${StyledModal.classSelector} {
       width: 100%;
       max-width: 407px;
       ${utils.MediaQueries.mbDown} {

package/build/{index-f772c6e6.js → index-fbff95a8.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-abc4f50e.js');
+var tslib_es6 = require('./tslib.es6-f62e0a48.js');
 var React = require('react');
-require('./index-91363ba0.js');
+require('./index-258b7581.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-2522521c.js');
-require('./Subot-ee808a83.js');
-require('./index-f60d0cbf.js');
-require('./useMantineLocale-d09b55c5.js');
-var index = require('./index-d0f305cc.js');
-require('./theme-8f3eba82.js');
-require('./translationsContext-2fd3cf64.js');
+require('./index-77c5d1e5.js');
+require('./Subot-cc5d9dd3.js');
+require('./index-586b8cd8.js');
+require('./useMantineLocale-35ddc74b.js');
+var index = require('./index-66aadbb1.js');
+require('./theme-8adadf4c.js');
+require('./translationsContext-4671aeff.js');
 require('string-format');
 require('@mantine/hooks');
-require('./utils-2531ee99.js');
+require('./utils-726a5692.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/index.js

@@ -2,80 +2,80 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Subot = require('./Subot-ee808a83.js');
-var index$1 = require('./index-2522521c.js');
-var index$5 = require('./index-91363ba0.js');
+var Subot = require('./Subot-cc5d9dd3.js');
+var index$1 = require('./index-77c5d1e5.js');
+var index$5 = require('./index-258b7581.js');
 var React = require('react');
-var ChevronDown = require('./ChevronDown-8dceca24.js');
-var Close = require('./Close-29bae711.js');
-var Visible = require('./Visible-a87cd99c.js');
-var index$2 = require('./index-4024e4e0.js');
-var index$3 = require('./index-e4200206.js');
-var index$4 = require('./index-999afc56.js');
-var index$6 = require('./index-1c00b6e4.js');
-var index$7 = require('./index-7471b9a3.js');
-var constants = require('./constants-250b719a.js');
-var index$8 = require('./index-b789b363.js');
-var index_styles = require('./index.styles-51873031.js');
-var index$9 = require('./index-f772c6e6.js');
-var index$a = require('./index-31aefbbb.js');
-var index$b = require('./index-493eb2ad.js');
-var index$c = require('./index-7006256c.js');
-var index$d = require('./index-f9ec4525.js');
-var utils = require('./utils-070de1e1.js');
-var index$e = require('./index-5961db10.js');
-var index$f = require('./index-55bf7fbc.js');
-var index$g = require('./index-7a2ed315.js');
-var index$h = require('./index-ad43fdac.js');
-var index$i = require('./index-6a75ca05.js');
-var index$j = require('./index-da8a531c.js');
-var index$k = require('./index-604be5a9.js');
-var useTranslations = require('./useTranslations-cd50ad36.js');
-var useScrollbarSize = require('./useScrollbarSize-79d114eb.js');
-var useCategory = require('./useCategory-9069f277.js');
-var useHealthToolCache = require('./useHealthToolCache-c1c67c03.js');
-var useIsInit = require('./useIsInit-4956a637.js');
-var useOutsideClick = require('./useOutsideClick-f81b5339.js');
-var useUniqueId = require('./useUniqueId-e48ff5bb.js');
-var types = require('./types-42f720c6.js');
-var utils$1 = require('./utils-7bb4dfac.js');
-var types$1 = require('./types-e5f746a7.js');
-var localizeNumberFormat = require('./localizeNumberFormat-142b995a.js');
-var animation = require('./animation-31a5b706.js');
-var cookieHelper = require('./cookieHelper-fa491ff1.js');
-var number = require('./number-7ecb50e4.js');
-var routing = require('./routing-c51f0123.js');
-var theme = require('./theme-8f3eba82.js');
-var utils$2 = require('./utils-2531ee99.js');
-var getDynamicHealthTool = require('./getDynamicHealthTool-c9a18502.js');
-var getSocialList = require('./getSocialList-b3e86d47.js');
-var dataTransform = require('./dataTransform-b9c0d3e7.js');
+var ChevronDown = require('./ChevronDown-cba3bae4.js');
+var Close = require('./Close-ccf12111.js');
+var Visible = require('./Visible-03eb206d.js');
+var index$2 = require('./index-a0dcb4fb.js');
+var index$3 = require('./index-a5a9c899.js');
+var index$4 = require('./index-2347c9ed.js');
+var index$6 = require('./index-c6ff1cc3.js');
+var index$7 = require('./index-f0012779.js');
+var constants = require('./constants-666b3f99.js');
+var index$8 = require('./index-c78eda7d.js');
+var index_styles = require('./index.styles-43b3a1f8.js');
+var index$9 = require('./index-fbff95a8.js');
+var index$a = require('./index-63354fb6.js');
+var index$b = require('./index-8cac96e2.js');
+var index$c = require('./index-f4c2f1a3.js');
+var index$d = require('./index-3a8638d7.js');
+var utils = require('./utils-3d349a20.js');
+var index$e = require('./index-9dd6759f.js');
+var index$f = require('./index-91490eb8.js');
+var index$g = require('./index-704ae7e0.js');
+var index$h = require('./index-2f35aec5.js');
+var index$i = require('./index-46c3b27e.js');
+var index$j = require('./index-97030689.js');
+var index$k = require('./index-84f8a9ed.js');
+var useTranslations = require('./useTranslations-cfc713b5.js');
+var useScrollbarSize = require('./useScrollbarSize-dfec98dc.js');
+var useCategory = require('./useCategory-7df58353.js');
+var useHealthToolCache = require('./useHealthToolCache-5745c330.js');
+var useIsInit = require('./useIsInit-a653ee39.js');
+var useOutsideClick = require('./useOutsideClick-341d672c.js');
+var useUniqueId = require('./useUniqueId-e6c83257.js');
+var types = require('./types-163ecaee.js');
+var utils$1 = require('./utils-52b8391a.js');
+var types$1 = require('./types-e9a7f826.js');
+var localizeNumberFormat = require('./localizeNumberFormat-7c649975.js');
+var animation = require('./animation-2563af96.js');
+var cookieHelper = require('./cookieHelper-76df2c5f.js');
+var number = require('./number-2e084b25.js');
+var routing = require('./routing-2bbc6980.js');
+var theme = require('./theme-8adadf4c.js');
+var utils$2 = require('./utils-726a5692.js');
+var getDynamicHealthTool = require('./getDynamicHealthTool-f48619a2.js');
+var getSocialList = require('./getSocialList-122b86de.js');
+var dataTransform = require('./dataTransform-6f3d23e9.js');
 require('date-fns/locale');
-require('./isProduction-f02c8ad3.js');
-require('./tslib.es6-abc4f50e.js');
+require('./isProduction-0e49373c.js');
+require('./tslib.es6-f62e0a48.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
 require('@mantine/hooks');
-require('./index-f60d0cbf.js');
+require('./index-586b8cd8.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-d0f305cc.js');
-require('./useMantineLocale-d09b55c5.js');
+require('./index-66aadbb1.js');
+require('./useMantineLocale-35ddc74b.js');
 require('dayjs');
 require('classnames');
 require('@hhgtech/icons/core');
 require('innertext');
 require('@mantine/dates');
-require('./translationsContext-2fd3cf64.js');
+require('./translationsContext-4671aeff.js');
 require('string-format');
 require('lodash/throttle');
 require('@emotion/react');
 require('html-react-parser');
 require('date-fns');
-require('./types-d8ac36f2.js');
-require('./index-7541115a.js');
-require('./index.styled-25f0011d.js');
-require('./index-e8fbd7dc.js');
+require('./types-9d29f583.js');
+require('./index-1dfaf865.js');
+require('./index.styled-38e4b382.js');
+require('./index-8c480678.js');
 require('react-hook-form');
 require('@hookform/resolvers/yup');
 require('date-fns/locale/en-US');
@@ -84,21 +84,21 @@ require('date-fns/locale/vi');
 require('date-fns/locale/zh-TW');
 require('uuid');
 require('@mantine/form');
-require('./index-e934833c.js');
+require('./index-872314a2.js');
 require('js-cookie');
 require('lodash/flatten');
 require('lodash/uniqBy');
-require('./normalizeLink-7f105c39.js');
-require('./paths-6880b84e.js');
+require('./normalizeLink-3cda03aa.js');
+require('./paths-9ee023db.js');
 require('react-keyed-flatten-children');
 require('react-dom');
 require('react-day-picker/DayPickerInput');
-require('./constants-75bb62f1.js');
-require('./index-ce00c180.js');
+require('./constants-8c888561.js');
+require('./index-800f5d7b.js');
 require('dayjs/plugin/relativeTime');
 require('lodash/debounce');
-require('./core-460a3559.js');
-require('./utils-2831510f.js');
+require('./core-bdcc7242.js');
+require('./utils-a809e1f6.js');
 require('react-contenteditable');
 require('slugify');
 require('lodash/shuffle');

package/build/{index.styled-25f0011d.js → index.styled-38e4b382.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-abc4f50e.js');
+var tslib_es6 = require('./tslib.es6-f62e0a48.js');
 var React = require('react');
 var styled = require('@emotion/styled');
-var theme = require('./theme-8f3eba82.js');
+var theme = require('./theme-8adadf4c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index.styles-51873031.js → index.styles-43b3a1f8.js}

@@ -1,13 +1,14 @@
 'use strict';
 
 var styled = require('@emotion/styled');
-var theme = require('./theme-8f3eba82.js');
-var utils = require('./utils-2531ee99.js');
-var tslib_es6 = require('./tslib.es6-abc4f50e.js');
+var theme = require('./theme-8adadf4c.js');
+var utils = require('./utils-726a5692.js');
+var tslib_es6 = require('./tslib.es6-f62e0a48.js');
 var React = require('react');
-var constants = require('./constants-250b719a.js');
+var constants = require('./constants-666b3f99.js');
+var utils$1 = require('./utils-52b8391a.js');
 var react = require('@emotion/react');
-var animation = require('./animation-31a5b706.js');
+var animation = require('./animation-2563af96.js');
 var core = require('@mantine/core');
 var flattenChildren = require('react-keyed-flatten-children');
 
@@ -712,35 +713,28 @@ const StyledTag = styled__default["default"].div `
   }
 `;
 
-const getDefaultClassWrapper = (Comp, defaultClassName) => React.forwardRef((_a, _ref) => {
-    var { className } = _a, rest = tslib_es6.__rest(_a, ["className"]);
-    return (React__default["default"].createElement(Comp, Object.assign({ ref: _ref, className: `${defaultClassName} ${className || ''}` }, rest)));
-});
-
 const heightIcon = '24px';
-const _StyledToggleIcon = styled__default["default"].span `
-  position: relative;
-  display: block;
-  width: 40px;
-  height: ${heightIcon};
-  background: #c3cbd4;
-  border-radius: 100px;
-  cursor: pointer;
+const StyledToggleIcon = utils$1.setDefaultClass(styled__default["default"].span `
+    position: relative;
+    display: block;
+    width: 40px;
+    height: ${heightIcon};
+    background: #c3cbd4;
+    border-radius: 100px;
+    cursor: pointer;
 
-  &:after {
-    position: absolute;
-    top: 2px;
-    left: 2px;
-    width: 20px;
-    height: 20px;
-    background: #fff;
-    border-radius: 90px;
-    content: '';
-    transition: 0.3s;
-  }
-`;
-const StyledToggleIconClass = 'hhgcomp-toggle-icon';
-const StyledToggleIcon = getDefaultClassWrapper(_StyledToggleIcon, StyledToggleIconClass);
+    &:after {
+      position: absolute;
+      top: 2px;
+      left: 2px;
+      width: 20px;
+      height: 20px;
+      background: #fff;
+      border-radius: 90px;
+      content: '';
+      transition: 0.3s;
+    }
+  `, 'hhgcomp-toggle-icon');
 const StyledToggleLabel = styled__default["default"].span `
   padding-left: 15px;
 `;
@@ -759,7 +753,7 @@ const StyledToggle = styled__default["default"].div `
     color: ${theme.theme.colors.gray600};
   }
 
-  input:checked + label .${StyledToggleIconClass} {
+  input:checked + label ${StyledToggleIcon.classSelector} {
     background: ${theme.theme.colors.primaryBase};
     &:after {
       left: calc(100% - 2px);
@@ -1348,6 +1342,5 @@ exports.StyledToggle = StyledToggle;
 exports.StyledToggleIcon = StyledToggleIcon;
 exports.StyledToggleLabel = StyledToggleLabel;
 exports.TextArea = TextArea;
-exports.getDefaultClassWrapper = getDefaultClassWrapper;
 exports.useStyles = useStyles;
 exports.useStyles$1 = useStyles$1;

package/build/lead/index.d.ts

@@ -16,6 +16,11 @@ export type Props = {
     DEBUG_URL?: string;
     forceCampaign?: any;
     children?: ReactNode;
+    extraPayloadValues?: Array<{
+        key: string;
+        value: string;
+        control: string;
+    }>;
 };
 export interface CompoundedComponent extends React.ForwardRefExoticComponent<Props> {
     Heading: typeof Heading;