@hhgtech/hhg-components 1.23.12 → 1.23.13

package/build/{index-7e379fb7.js → index-55994b6a.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-559b6463.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-7db96a99.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-4a804b3b.js → index-5b845e0d.js}

@@ -1 +1 @@
-"use strict";var n=require("react"),e=require("./index.styled-87934f03.js"),t=require("./useTranslations-c437c784.js"),a=require("./tslib.es6-559b6463.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-9500d47d.js"),t=require("./useTranslations-7bad81fe.js"),a=require("./tslib.es6-7db96a99.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)}))))};

package/build/{index-62bc67b0.js → index-5f4ecdc3.js}

@@ -1 +1 @@
-"use strict";var a=require("./tslib.es6-559b6463.js");function t(a){return a&&"object"==typeof a&&"default"in a?a:{default:a}}var e=t(require("react")),d="style-module_loader__P03rc",o="style-module_spinner__Lsvyk",r="style-module_buttonText__S2kaD",n="style-module_buttonInner__fAwTd",c="style-module_button__ITgol",l="style-module_buttonIcon__cD-HM",s="style-module_loaderPath__oAG2-",i="style-module_spinnerCircle__Y9fGC";exports.Button=function(t){var u=t.size,C=t.color,m=void 0===C?"primary":C,p=t.theme,v=void 0===p?"helloSites":p,_=t.isDisabled,h=t.isBlock,g=t.title,y=t.className,f=t.onClick,k=t.icon,P=t.children,b=t.isLoading,E=void 0!==b&&b,N=t.loadingText,w=t.dataEventCategory,L=t.dataEventAction,x=t.dataEventLabel,A=t.dataProductChannel,B=t.dataProductSku,T=t.dataProductBrand,D=t.dataProductName,S=t.dataProductPrice,z=t.dataProductCategory,I=t.dataProductPosition,M=t.isAmp,j=t.on,q=t.dataVarsTracking,F=t.type,G=a.__rest(t,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","isAmp","on","dataVarsTracking","type"]),V=M?{"data-vars-event-category":w,"data-vars-event-action":L,"data-vars-event-label":x,"data-vars-product-channel":A,"data-vars-product-sku":B,"data-vars-product-brand":T,"data-vars-product-name":D,"data-vars-product-price":S,"data-vars-product-category":z,"data-vars-product-position":I,"data-vars-tracking":q,on:j}:{"data-event-category":w,"data-event-action":L,"data-event-label":x,"data-product-channel":A,"data-product-sku":B,"data-product-brand":T,"data-product-name":D,"data-product-price":S,"data-product-category":z,"data-product-position":I},W=e.default.createElement("span",{className:o},e.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.default.createElement("circle",{className:i,cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),e.default.createElement("svg",{className:d,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e.default.createElement("mask",{id:"path-1-inside-1",fill:"white"},e.default.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),e.default.createElement("path",{className:s,d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"})));return e.default.createElement("button",a.__assign({},V,{className:"".concat(c," ").concat(y||""),"data-size":u,"data-color":m,"data-block":h,"data-has-icon":!!k||void 0,"data-theme":v,disabled:_,onClick:function(a){!E&&!_&&f&&f(a)},title:g,"data-is-loading":E,type:F},G),e.default.createElement("span",{className:n},(k||E)&&e.default.createElement("span",{className:l},E?W:k," "),P&&e.default.createElement("span",{className:r},E&&N||P)))};
+"use strict";var a=require("./tslib.es6-7db96a99.js");function t(a){return a&&"object"==typeof a&&"default"in a?a:{default:a}}var e=t(require("react")),d="style-module_loader__P03rc",o="style-module_spinner__Lsvyk",r="style-module_buttonText__S2kaD",n="style-module_buttonInner__fAwTd",c="style-module_button__ITgol",l="style-module_buttonIcon__cD-HM",s="style-module_loaderPath__oAG2-",i="style-module_spinnerCircle__Y9fGC";exports.Button=function(t){var u=t.size,C=t.color,m=void 0===C?"primary":C,p=t.theme,v=void 0===p?"helloSites":p,_=t.isDisabled,h=t.isBlock,g=t.title,y=t.className,f=t.onClick,k=t.icon,P=t.children,b=t.isLoading,E=void 0!==b&&b,N=t.loadingText,w=t.dataEventCategory,L=t.dataEventAction,x=t.dataEventLabel,A=t.dataProductChannel,B=t.dataProductSku,T=t.dataProductBrand,D=t.dataProductName,S=t.dataProductPrice,z=t.dataProductCategory,I=t.dataProductPosition,M=t.isAmp,j=t.on,q=t.dataVarsTracking,F=t.type,G=a.__rest(t,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","isAmp","on","dataVarsTracking","type"]),V=M?{"data-vars-event-category":w,"data-vars-event-action":L,"data-vars-event-label":x,"data-vars-product-channel":A,"data-vars-product-sku":B,"data-vars-product-brand":T,"data-vars-product-name":D,"data-vars-product-price":S,"data-vars-product-category":z,"data-vars-product-position":I,"data-vars-tracking":q,on:j}:{"data-event-category":w,"data-event-action":L,"data-event-label":x,"data-product-channel":A,"data-product-sku":B,"data-product-brand":T,"data-product-name":D,"data-product-price":S,"data-product-category":z,"data-product-position":I},W=e.default.createElement("span",{className:o},e.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.default.createElement("circle",{className:i,cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),e.default.createElement("svg",{className:d,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e.default.createElement("mask",{id:"path-1-inside-1",fill:"white"},e.default.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),e.default.createElement("path",{className:s,d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"})));return e.default.createElement("button",a.__assign({},V,{className:"".concat(c," ").concat(y||""),"data-size":u,"data-color":m,"data-block":h,"data-has-icon":!!k||void 0,"data-theme":v,disabled:_,onClick:function(a){!E&&!_&&f&&f(a)},title:g,"data-is-loading":E,type:F},G),e.default.createElement("span",{className:n},(k||E)&&e.default.createElement("span",{className:l},E?W:k," "),P&&e.default.createElement("span",{className:r},E&&N||P)))};

package/build/{index-a2c5c112.js → index-6dae9bd8.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-559b6463.js"),n=require("react"),r=require("./Locale-bc0eaa19.js"),t=require("./gAssets.js"),i=require("./theme-efc9e431.js"),l=require("./index-f519bb09.js"),o=require("styled-components"),a=require("./index-50e7288b.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,d,u,p,m,b=c(n),x=c(o),g=x.default.div(s||(s=e.__makeTemplateObject(["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"],["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"])),(function(e){return e.size}),(function(e){return e.size}),(function(e){return e.backgroundColor||i.theme.colors.white}),(function(e){return e.borderRadius||"50%"}),(function(e){return e.iconSize}),(function(e){return e.iconSize})),f=x.default.div(d||(d=e.__makeTemplateObject(["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"],["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.pink100})),h=[r.LOCALE.Myanmar,r.LOCALE.Taiwan],k=x.default((function(r){var o=r.icon,a=r.name,c=r.className,s=r.locale,d=void 0===s?"en-PH":s,u=r.onSelect,p=e.__rest(r,["icon","name","className","locale","onSelect"]),m=n.useMemo((function(){return null==c?void 0:c.includes("selected-week-pill")}),[c]);return b.default.createElement(f,e.__assign({onClick:u,className:c?"week-pill".concat(" non-pointer-event-child ",c):"week-pill non-pointer-event-child"},p),b.default.createElement(g,{size:64,iconSize:40,backgroundColor:i.theme.colors.white},b.default.createElement("img",{src:o||t.CommonGAssets.getAssetPath("week_default.png"),alt:""})),m?b.default.createElement(l.Text,e.__assign({type:"semiBold",size:"n1",color:i.theme.colors.gray800},h.includes(d)&&{style:{fontSize:"10px"}}),a):b.default.createElement(l.Text,e.__assign({size:"n1",color:i.theme.colors.gray600},h.includes(d)&&{style:{fontSize:"10px"}}),a))}))(u||(u=e.__makeTemplateObject(["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"],["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"]))),_=x.default(a.CentralCarousel.Slide)(p||(p=e.__makeTemplateObject([""],[""]))),w=x.default(a.CentralCarousel)(m||(m=e.__makeTemplateObject(["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"],["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"])));exports.PillCarousel=function(n){var t=n.data,i=n.isMobile,l=n.onSlideChange,o=n.pillProps,a=n.locale,c=void 0===a?r.LOCALE.Vietnam:a,s=n.blurFromIndex,d=n.blurLength,u=e.__rest(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),p={withControls:!i,slideGap:16,blurFromCenter:!0,blurFromIndex:s||(i?2:4),blurLength:d||(i?1:3),onSlideChange:l};return b.default.createElement(w,e.__assign({},p,u),(function(n){return t.map((function(r,t){return b.default.createElement(_,e.__assign({key:t,onClick:l},o),b.default.createElement("div",{className:"centerred-pill-wrapper"},b.default.createElement(k,{locale:c,name:r.name,icon:r.icon,className:t===n?"selected-week-pill":""})))}))}))};
+"use strict";var e=require("./tslib.es6-7db96a99.js"),n=require("react"),r=require("./Locale-a2e480e5.js"),t=require("./gAssets.js"),i=require("./theme-0a393e1f.js"),l=require("./index-ac80f5e2.js"),o=require("styled-components"),a=require("./index-cdf731ff.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,d,u,p,m,x=c(n),f=c(o),g=f.default.div(s||(s=e.__makeTemplateObject(["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"],["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"])),(function(e){return e.size}),(function(e){return e.size}),(function(e){return e.backgroundColor||i.theme.colors.white}),(function(e){return e.borderRadius||"50%"}),(function(e){return e.iconSize}),(function(e){return e.iconSize})),b=f.default.div(d||(d=e.__makeTemplateObject(["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"],["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.pink100})),h=[r.LOCALE.Myanmar,r.LOCALE.Taiwan],k=f.default((function(r){var o=r.icon,a=r.name,c=r.className,s=r.locale,d=void 0===s?"en-PH":s,u=r.onSelect,p=e.__rest(r,["icon","name","className","locale","onSelect"]),m=n.useMemo((function(){return null==c?void 0:c.includes("selected-week-pill")}),[c]);return x.default.createElement(b,e.__assign({onClick:u,className:c?"week-pill".concat(" non-pointer-event-child ",c):"week-pill non-pointer-event-child"},p),x.default.createElement(g,{size:64,iconSize:40,backgroundColor:i.theme.colors.white},x.default.createElement("img",{src:o||t.CommonGAssets.getAssetPath("week_default.png"),alt:""})),m?x.default.createElement(l.Text,e.__assign({type:"semiBold",size:"n1",color:i.theme.colors.gray800},h.includes(d)&&{style:{fontSize:"10px"}}),a):x.default.createElement(l.Text,e.__assign({size:"n1",color:i.theme.colors.gray600},h.includes(d)&&{style:{fontSize:"10px"}}),a))}))(u||(u=e.__makeTemplateObject(["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"],["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"]))),_=f.default(a.CentralCarousel.Slide)(p||(p=e.__makeTemplateObject([""],[""]))),w=f.default(a.CentralCarousel)(m||(m=e.__makeTemplateObject(["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"],["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"])));exports.PillCarousel=function(n){var t=n.data,i=n.isMobile,l=n.onSlideChange,o=n.pillProps,a=n.locale,c=void 0===a?r.LOCALE.Vietnam:a,s=n.blurFromIndex,d=n.blurLength,u=e.__rest(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),p={withControls:!i,slideGap:16,blurFromCenter:!0,blurFromIndex:s||(i?2:4),blurLength:d||(i?1:3),onSlideChange:l};return x.default.createElement(w,e.__assign({},p,u),(function(n){return t.map((function(r,t){return x.default.createElement(_,e.__assign({key:t,onClick:l},o),x.default.createElement("div",{className:"centerred-pill-wrapper"},x.default.createElement(k,{locale:c,name:r.name,icon:r.icon,className:t===n?"selected-week-pill":""})))}))}))};