@hhgtech/hhg-components 1.22.41 → 1.22.43

package/build/{index-935fa49e.js → index-9b252048.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-7722b28a.js"),t=require("react");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t),n=t.forwardRef((function(t,r){return a.default.createElement("circle",e.__assign({},t,{ref:r}),a.default.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))}));exports.CustomReferenceDot=n;
+"use strict";var e=require("./tslib.es6-99ec8021.js"),t=require("react");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t),n=t.forwardRef((function(t,r){return a.default.createElement("circle",e.__assign({},t,{ref:r}),a.default.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))}));exports.CustomReferenceDot=n;

package/build/{index-dec72313.js → index-aa0e276f.js}

@@ -1 +1 @@
-"use strict";var n=require("./tslib.es6-7722b28a.js"),e=require("react"),t=require("./index-ae64fce4.js"),i=require("./utils-8d6fe4b7.js"),a=require("styled-components");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r=o(e),s=o(a),l=s.default.div(p||(p=n.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    &.focused {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      line-height: 22px;\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      line-height: 20px;\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    &.focused {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      line-height: 22px;\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      line-height: 20px;\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.sizes.fwRegular}),i.MediaQueries.mbDown,i.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),i.MediaQueries.mbDown,i.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),i.MediaQueries.mbDown,i.MediaQueries.mbUp);s.default.label(d||(d=n.__makeTemplateObject(["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"],["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold}));var p,d,u,c,h,f=s.default.label(u||(u=n.__makeTemplateObject(["\n  color: ",";\n  font-weight: ",";\n"],["\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.sizes.fwRegular})),m=s.default.div(c||(c=n.__makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  cursor: pointer;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  cursor: pointer;\n  transform: translateY(-50%);\n"]))),x=s.default.div(h||(h=n.__makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"])));exports.Input=function(i){var a=i.name,o=i.value,s=i.errorMessage,p=i.isNumerousKeyboard,d=void 0!==p&&p,u=i.actionIcon,c=i.displayIcon,h=i.onActionClick,g=i.label,b=i.className,y=i.onChange,v=i.isDisabled,z=i.CustomInput,w=i.size,k=i.style,C=i.autoComplete,_=void 0===C?"off":C,N=i.type,E=void 0===N?"text":N,M=i.inputClassName,j=i.trackingAttributes,I=i.enterKeyHint,Q=n.__rest(i,["name","value","errorMessage","isNumerousKeyboard","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]),q=e.useMemo((function(){return j?{"data-event-category":j.dataEventCategory,"data-event-action":j.dataEventAction,"data-event-label":j.dataEventLabel}:{}}),[j]);return r.default.createElement(l,{"data-size":w,className:b,"data-has-action-icon":!!u||void 0,"data-has-display-icon":!!c||void 0,"data-has-error":s&&s.length>0||void 0,style:k},g&&r.default.createElement(t.Label,{size:"label2",htmlFor:a,className:"inputLabel"},g),r.default.createElement("div",{style:{position:"relative"}},z||r.default.createElement("input",n.__assign({id:a,name:a,onChange:function(n){return y&&y(n.target.value)},type:E,"aria-label":E,value:o,disabled:v,autoComplete:_,inputMode:d||"number"===E?"numeric":E,pattern:d?"[0-9]*":".*",className:M,enterKeyHint:I},q,Q)),c&&r.default.createElement(x,{className:"displayIcon"},c),u&&r.default.createElement(m,{className:"actionIcon",onClick:h},u)),s&&s.length>0&&r.default.createElement(f,{className:"errorLabel"},s))};
+"use strict";var n=require("./tslib.es6-99ec8021.js"),e=require("react"),t=require("./index-eeb0b097.js"),i=require("./utils-37bbdb6b.js"),a=require("styled-components");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r=o(e),s=o(a),l=s.default.div(p||(p=n.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    &.focused {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      line-height: 22px;\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      line-height: 20px;\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    &.focused {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      line-height: 22px;\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      line-height: 20px;\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.sizes.fwRegular}),i.MediaQueries.mbDown,i.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),i.MediaQueries.mbDown,i.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),i.MediaQueries.mbDown,i.MediaQueries.mbUp);s.default.label(d||(d=n.__makeTemplateObject(["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"],["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold}));var p,d,u,c,h,f=s.default.label(u||(u=n.__makeTemplateObject(["\n  color: ",";\n  font-weight: ",";\n"],["\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.sizes.fwRegular})),m=s.default.div(c||(c=n.__makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  cursor: pointer;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  cursor: pointer;\n  transform: translateY(-50%);\n"]))),x=s.default.div(h||(h=n.__makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"])));exports.Input=function(i){var a=i.name,o=i.value,s=i.errorMessage,p=i.isNumerousKeyboard,d=void 0!==p&&p,u=i.actionIcon,c=i.displayIcon,h=i.onActionClick,g=i.label,b=i.className,y=i.onChange,v=i.isDisabled,z=i.CustomInput,w=i.size,k=i.style,C=i.autoComplete,_=void 0===C?"off":C,N=i.type,E=void 0===N?"text":N,M=i.inputClassName,j=i.trackingAttributes,I=i.enterKeyHint,Q=n.__rest(i,["name","value","errorMessage","isNumerousKeyboard","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]),q=e.useMemo((function(){return j?{"data-event-category":j.dataEventCategory,"data-event-action":j.dataEventAction,"data-event-label":j.dataEventLabel}:{}}),[j]);return r.default.createElement(l,{"data-size":w,className:b,"data-has-action-icon":!!u||void 0,"data-has-display-icon":!!c||void 0,"data-has-error":s&&s.length>0||void 0,style:k},g&&r.default.createElement(t.Label,{size:"label2",htmlFor:a,className:"inputLabel"},g),r.default.createElement("div",{style:{position:"relative"}},z||r.default.createElement("input",n.__assign({id:a,name:a,onChange:function(n){return y&&y(n.target.value)},type:E,"aria-label":E,value:o,disabled:v,autoComplete:_,inputMode:d||"number"===E?"numeric":E,pattern:d?"[0-9]*":".*",className:M,enterKeyHint:I},q,Q)),c&&r.default.createElement(x,{className:"displayIcon"},c),u&&r.default.createElement(m,{className:"actionIcon",onClick:h},u)),s&&s.length>0&&r.default.createElement(f,{className:"errorLabel"},s))};

package/build/{index-fa766c95.js → index-aa671cb6.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-7722b28a.js"),t=require("react"),a=require("@mantine/core"),r=require("@mantine/hooks"),n=require("./Locale-7ff7e781.js"),o=require("./gAssets.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i,u=s(t),l="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var d=a.createEmotionCache({key:"mantine",prepend:!1}),f=((i={})[n.LOCALE.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},i[n.LOCALE.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},i[n.LOCALE.India]={dateFormat:"DD/MM/YYYY",separator:"."},i[n.LOCALE.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},i[n.LOCALE.Malaysia]={dateFormat:"DD/MM/YYYY",separator:"."},i[n.LOCALE.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},i[n.LOCALE.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},i[n.LOCALE.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},i[n.LOCALE.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},i[n.LOCALE.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},i),m=o.CommonGAssets.getAssetPath("EyeVisible.svg"),c=o.CommonGAssets.getAssetPath("EyeHidden.svg"),Y=t.forwardRef((function(t,r){var n=t.size,o=void 0===n?"md":n,s=t.visibilityToggleIcon,i=t.styles,l=e.__rest(t,["size","visibilityToggleIcon","styles"]),d=s||function(e){var t=e.reveal,a=e.size;return t?u.default.createElement("img",{src:m,width:a}):u.default.createElement("img",{src:c,width:a})};return u.default.createElement(a.PasswordInput,e.__assign({ref:r,size:o,visibilityToggleIcon:d,styles:e.__assign({rightSection:{pointerEvents:"initial"}},i)},l))})),p=function(n){var o=n.value,s=n.onChange,i=e.__rest(n,["value","onChange"]),l=t.useState(o||""),d=l[0],f=l[1],m=r.useDebouncedValue(d,300)[0];return t.useEffect((function(){null==s||s(m)}),[m]),t.useEffect((function(){f(o)}),[o]),u.default.createElement(a.TextInput,e.__assign({size:"md",onChange:function(e){return f(e.currentTarget.value)},value:d},i))};p.File=function(t){return u.default.createElement(a.FileInput,e.__assign({size:"md"},t))},p.Password=Y,p.Number=function(n){var o=n.value,s=n.onChange,i=e.__rest(n,["value","onChange"]),l=t.useState(o||0),d=l[0],f=l[1],m=r.useDebouncedValue(d,300)[0];return t.useEffect((function(){null==s||s(m)}),[m]),t.useEffect((function(){f(o)}),[o]),u.default.createElement(a.NumberInput,e.__assign({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},onChange:f,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?"":e||""},removeTrailingZeros:!0,value:d},i))},exports.DEBOUNCED_TIME=300,exports.ISO_FORMAT=f,exports.Input=p,exports.commonjsGlobal=l,exports.createCommonjsModule=function(e){var t={exports:{}};return e(t,t.exports),t.exports},exports.emotionCache=d;
+"use strict";var e=require("./tslib.es6-99ec8021.js"),t=require("react"),a=require("@mantine/core"),r=require("@mantine/hooks"),n=require("./Locale-e64a2aab.js"),o=require("./gAssets.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i,u=s(t),l="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var d=a.createEmotionCache({key:"mantine",prepend:!1}),f=((i={})[n.LOCALE.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},i[n.LOCALE.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},i[n.LOCALE.India]={dateFormat:"DD/MM/YYYY",separator:"."},i[n.LOCALE.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},i[n.LOCALE.Malaysia]={dateFormat:"DD/MM/YYYY",separator:"."},i[n.LOCALE.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},i[n.LOCALE.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},i[n.LOCALE.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},i[n.LOCALE.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},i[n.LOCALE.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},i),m=o.CommonGAssets.getAssetPath("EyeVisible.svg"),c=o.CommonGAssets.getAssetPath("EyeHidden.svg"),Y=t.forwardRef((function(t,r){var n=t.size,o=void 0===n?"md":n,s=t.visibilityToggleIcon,i=t.styles,l=e.__rest(t,["size","visibilityToggleIcon","styles"]),d=s||function(e){var t=e.reveal,a=e.size;return t?u.default.createElement("img",{src:m,width:a}):u.default.createElement("img",{src:c,width:a})};return u.default.createElement(a.PasswordInput,e.__assign({ref:r,size:o,visibilityToggleIcon:d,styles:e.__assign({rightSection:{pointerEvents:"initial"}},i)},l))})),p=function(n){var o=n.value,s=n.onChange,i=e.__rest(n,["value","onChange"]),l=t.useState(o||""),d=l[0],f=l[1],m=r.useDebouncedValue(d,300)[0];return t.useEffect((function(){null==s||s(m)}),[m]),t.useEffect((function(){f(o)}),[o]),u.default.createElement(a.TextInput,e.__assign({size:"md",onChange:function(e){return f(e.currentTarget.value)},value:d},i))};p.File=function(t){return u.default.createElement(a.FileInput,e.__assign({size:"md"},t))},p.Password=Y,p.Number=function(n){var o=n.value,s=n.onChange,i=e.__rest(n,["value","onChange"]),l=t.useState(o||0),d=l[0],f=l[1],m=r.useDebouncedValue(d,300)[0];return t.useEffect((function(){null==s||s(m)}),[m]),t.useEffect((function(){f(o)}),[o]),u.default.createElement(a.NumberInput,e.__assign({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},onChange:f,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?"":e||""},removeTrailingZeros:!0,value:d},i))},exports.DEBOUNCED_TIME=300,exports.ISO_FORMAT=f,exports.Input=p,exports.commonjsGlobal=l,exports.createCommonjsModule=function(e){var t={exports:{}};return e(t,t.exports),t.exports},exports.emotionCache=d;

package/build/{index-e0ddc61a.js → index-b802ccbb.js}

@@ -1 +1 @@
-"use strict";var n=require("react"),e=require("./index.styled-e1174215.js"),t=require("./useTranslations-facda3d7.js"),a=require("./tslib.es6-7722b28a.js"),o=require("styled-components");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,d,l,s,p,u,c=r(n),x=r(o),b={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},g=x.default.div(i||(i=a.__makeTemplateObject(["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n  }\n"],["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.blue200})),h=x.default.div(d||(d=a.__makeTemplateObject(["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),m=x.default.ul(l||(l=a.__makeTemplateObject(["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"],["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),f=x.default.li(s||(s=a.__makeTemplateObject(["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"],["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),v=x.default.div(p||(p=a.__makeTemplateObject(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),w=x.default.div(u||(u=a.__makeTemplateObject(["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"],["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"])));exports.AuthorBadge=function(n){var a=n.role,o=n.title,r=t.useTranslations().t,i=a?function(n){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(e){return e===n}))}(a):"";return i&&b[i]?c.default.createElement(e.StyledAuthorBadge,{"data-label-type":i},o||r(b[i])):null},exports.Checkbox=function(n){var t=n.label,a=n.name,o=n.checked,r=n.className,i=n.isDisabled,d=n.onChange,l=n.value,s=n.isRectangle,p=n.inputDataTestId;return c.default.createElement(e.StyledCheckbox,{className:r,"data-disabled":i||void 0,"data-is-rectangle":s||void 0,"data-label-text":t},c.default.createElement("input",{type:"checkbox",checked:o,name:a,onChange:function(){return d(l,!o)},disabled:i,value:l,id:"".concat(a,"-").concat(l),"data-label-text":t,"data-testid":p}),!s&&c.default.createElement("label",{htmlFor:"".concat(a,"-").concat(l)},t))},exports.Divider=function(n){var t=n.type,a=void 0===t?"solid":t,o=n.className,r=n.style;return c.default.createElement(e.StyledDivider,{style:r,className:o,"data-diver-type":a,dividerType:a})},exports.Dropdown=function(n){var e=n.className,t=n.value,o=n.options,r=n.onChange,i=void 0===r?function(){}:r,d=n.id,l=n.placeholderIcon,s=n.placeholder,p=n.style,u=n.size,x=void 0===u?"lg":u,b=n.groupedWithLabel,k=n.disabled,y=n.dropdownLabelTrackingAttributes,E=void 0===y?{}:y,C=n.isNativeSelect,z=void 0!==C&&C,j=c.default.useState(!1),A=j[0],_=j[1],T=function(){return!k&&_(!A)};return z?c.default.createElement(g,{as:"select","data-is-native":"true",value:(null==t?void 0:t.value)||void 0,disabled:k,onChange:function(n){if("string"==typeof n.target.value){var e=o.find((function(e){return e.value===n.target.value}));e&&i(e)}}},s&&c.default.createElement("option",{value:s,disabled:!0,selected:!0},s),o.map((function(n){return c.default.createElement("option",{key:"".concat(d,"-").concat(n.value),value:n.value,disabled:!!n.disabled&&n.disabled},n.label)}))):c.default.createElement(g,{className:e,"data-dropdown-open":A||void 0,"data-size":x,id:d,"data-has-icons":!!l,style:p,onBlur:function(){return _(!1)},tabIndex:0,"data-disabled":k},!!b&&c.default.createElement(w,null,b),c.default.createElement(h,a.__assign({onClick:T,className:b&&"with-label"},E),l," ",c.default.createElement("span",null,t&&t.value?t.label:s)),A&&c.default.createElement(m,{onClick:T,"data-has-icons":!!l},o.map((function(n){return c.default.createElement(f,{key:"".concat(d,"-").concat(n.value),"data-selected":t&&t.value===n.value||void 0,onClick:function(){return!n.disabled&&!k&&(null==i?void 0:i(n))},"data-disabled":!!n.disabled&&n.disabled},n.icon&&c.default.createElement(v,null,n.icon),n.label)}))))};
+"use strict";var n=require("react"),e=require("./index.styled-f2d76359.js"),t=require("./useTranslations-5bf35aca.js"),a=require("./tslib.es6-99ec8021.js"),o=require("styled-components");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,d,l,s,p,u,c=r(n),x=r(o),b={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},g=x.default.div(i||(i=a.__makeTemplateObject(["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n  }\n"],["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.blue200})),h=x.default.div(d||(d=a.__makeTemplateObject(["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),f=x.default.ul(l||(l=a.__makeTemplateObject(["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"],["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),m=x.default.li(s||(s=a.__makeTemplateObject(["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"],["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),v=x.default.div(p||(p=a.__makeTemplateObject(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),w=x.default.div(u||(u=a.__makeTemplateObject(["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"],["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"])));exports.AuthorBadge=function(n){var a=n.role,o=n.title,r=t.useTranslations().t,i=a?function(n){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(e){return e===n}))}(a):"";return i&&b[i]?c.default.createElement(e.StyledAuthorBadge,{"data-label-type":i},o||r(b[i])):null},exports.Checkbox=function(n){var t=n.label,a=n.name,o=n.checked,r=n.className,i=n.isDisabled,d=n.onChange,l=n.value,s=n.isRectangle,p=n.inputDataTestId;return c.default.createElement(e.StyledCheckbox,{className:r,"data-disabled":i||void 0,"data-is-rectangle":s||void 0,"data-label-text":t},c.default.createElement("input",{type:"checkbox",checked:o,name:a,onChange:function(){return d(l,!o)},disabled:i,value:l,id:"".concat(a,"-").concat(l),"data-label-text":t,"data-testid":p}),!s&&c.default.createElement("label",{htmlFor:"".concat(a,"-").concat(l)},t))},exports.Divider=function(n){var t=n.type,a=void 0===t?"solid":t,o=n.className,r=n.style;return c.default.createElement(e.StyledDivider,{style:r,className:o,"data-diver-type":a,dividerType:a})},exports.Dropdown=function(n){var e=n.className,t=n.value,o=n.options,r=n.onChange,i=void 0===r?function(){}:r,d=n.id,l=n.placeholderIcon,s=n.placeholder,p=n.style,u=n.size,x=void 0===u?"lg":u,b=n.groupedWithLabel,k=n.disabled,y=n.dropdownLabelTrackingAttributes,E=void 0===y?{}:y,C=n.isNativeSelect,z=void 0!==C&&C,j=c.default.useState(!1),A=j[0],_=j[1],T=function(){return!k&&_(!A)};return z?c.default.createElement(g,{as:"select","data-is-native":"true",value:(null==t?void 0:t.value)||void 0,disabled:k,onChange:function(n){if("string"==typeof n.target.value){var e=o.find((function(e){return e.value===n.target.value}));e&&i(e)}}},s&&c.default.createElement("option",{value:s,disabled:!0,selected:!0},s),o.map((function(n){return c.default.createElement("option",{key:"".concat(d,"-").concat(n.value),value:n.value,disabled:!!n.disabled&&n.disabled},n.label)}))):c.default.createElement(g,{className:e,"data-dropdown-open":A||void 0,"data-size":x,id:d,"data-has-icons":!!l,style:p,onBlur:function(){return _(!1)},tabIndex:0,"data-disabled":k},!!b&&c.default.createElement(w,null,b),c.default.createElement(h,a.__assign({onClick:T,className:b&&"with-label"},E),l," ",c.default.createElement("span",null,t&&t.value?t.label:s)),A&&c.default.createElement(f,{onClick:T,"data-has-icons":!!l},o.map((function(n){return c.default.createElement(m,{key:"".concat(d,"-").concat(n.value),"data-selected":t&&t.value===n.value||void 0,onClick:function(){return!n.disabled&&!k&&(null==i?void 0:i(n))},"data-disabled":!!n.disabled&&n.disabled},n.icon&&c.default.createElement(v,null,n.icon),n.label)}))))};