@hhgtech/hhg-components 1.23.39 → 1.23.41

package/build/{index-3f64fdbf.js → index-5636b34c.js}

@@ -1 +1 @@
-"use strict";var n=require("react"),e=require("./FullScreen-4c083912.js"),t=require("./useTranslations-2f4ca55a.js"),a=require("./tslib.es6-61b38c74.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="U9NRDG6",g={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},h=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})),m=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})),v=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})),w=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"]))),k=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 e=n.role,a=n.title,o=t.useTranslations().t,r=e?function(n){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(e){return e===n}))}(e):"";return r&&g[r]?c.default.createElement("div",{className:b,"data-label-type":r},a||o(g[r])):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,u=n.siteType;return c.default.createElement(e.StyledCheckbox,{className:r,"data-disabled":i||void 0,"data-is-rectangle":s||void 0,"data-label-text":t,"data-theme":u},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,g=n.disabled,y=n.dropdownLabelTrackingAttributes,E=void 0===y?{}:y,C=n.isNativeSelect,z=void 0!==C&&C,j=c.default.useState(!1),_=j[0],A=j[1],T=function(){return!g&&A(!_)};return z?c.default.createElement(h,{as:"select","data-is-native":"true",value:(null==t?void 0:t.value)||void 0,disabled:g,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(h,{className:e,"data-dropdown-open":_||void 0,"data-size":x,id:d,"data-has-icons":!!l,style:p,onBlur:function(){return A(!1)},tabIndex:0,"data-disabled":g},!!b&&c.default.createElement(k,null,b),c.default.createElement(m,a.__assign({onClick:T,className:b&&"with-label"},E),l," ",c.default.createElement("span",null,t&&t.value?t.label:s)),_&&c.default.createElement(f,{onClick:T,"data-has-icons":!!l},o.map((function(n){return c.default.createElement(v,{key:"".concat(d,"-").concat(n.value),"data-selected":t&&t.value===n.value||void 0,onClick:function(){return!n.disabled&&!g&&(null==i?void 0:i(n))},"data-disabled":!!n.disabled&&n.disabled},n.icon&&c.default.createElement(w,null,n.icon),n.label)}))))};
+"use strict";var n=require("react"),e=require("./FullScreen-79d466b5.js"),t=require("./useTranslations-5a9a35d7.js"),a=require("./tslib.es6-c3475d03.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="U9NRDG6",g={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},h=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})),m=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})),v=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})),w=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"]))),k=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 e=n.role,a=n.title,o=t.useTranslations().t,r=e?function(n){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(e){return e===n}))}(e):"";return r&&g[r]?c.default.createElement("div",{className:b,"data-label-type":r},a||o(g[r])):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,u=n.siteType;return c.default.createElement(e.StyledCheckbox,{className:r,"data-disabled":i||void 0,"data-is-rectangle":s||void 0,"data-label-text":t,"data-theme":u},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,g=n.disabled,y=n.dropdownLabelTrackingAttributes,E=void 0===y?{}:y,C=n.isNativeSelect,z=void 0!==C&&C,j=c.default.useState(!1),_=j[0],A=j[1],T=function(){return!g&&A(!_)};return z?c.default.createElement(h,{as:"select","data-is-native":"true",value:(null==t?void 0:t.value)||void 0,disabled:g,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(h,{className:e,"data-dropdown-open":_||void 0,"data-size":x,id:d,"data-has-icons":!!l,style:p,onBlur:function(){return A(!1)},tabIndex:0,"data-disabled":g},!!b&&c.default.createElement(k,null,b),c.default.createElement(m,a.__assign({onClick:T,className:b&&"with-label"},E),l," ",c.default.createElement("span",null,t&&t.value?t.label:s)),_&&c.default.createElement(v,{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&&!g&&(null==i?void 0:i(n))},"data-disabled":!!n.disabled&&n.disabled},n.icon&&c.default.createElement(w,null,n.icon),n.label)}))))};

package/build/{index-42c3e004.js → index-586b68c8.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-61b38c74.js"),n=require("react"),r=require("@mantine/carousel"),t=require("@mantine/hooks");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(n),u=r.Carousel.Slide,o=n.createContext({}),c=function(e,n){return e>=n?e-n:e},a=function(l){var u=l.children,a=l.blurFromCenter,d=l.blurFromIndex,s=l.blurLength,f=void 0===s?3:s,v=l.maxBlurOpacity,h=void 0===v?.5:v,p=l.onSlideChange,x=l.selectSlideWhenClick,S=e.__rest(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),g=t.useResizeObserver(),b=g[0],m=g[1],C=n.useRef(null),y=n.useState(0),k=y[0],E=y[1],_=function(){var e,n,r,t=null===(e=null==C?void 0:C.current)||void 0===e?void 0:e.selectedScrollSnap();E(t);var l=(null===(n=null==C?void 0:C.current)||void 0===n?void 0:n.slideNodes())||[],i=l.length,u=(null===(r=null==C?void 0:C.current)||void 0===r?void 0:r.slidesInView()).length,o=Math.floor(u/2),s=a?d+f-1:o,v=t+s,p=v===i?0:v>i?v-i:v,x=t-s,S=x<0?i+x:x>0?t-s:0,g=Array(2*s+1).fill("").map((function(e,n){return c(S+n,i)}));l.map((function(e,n){if(n===t?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==g.indexOf(n))for(var r=h/f,l=0;l<f;l++){if(n===c(S+l,i)||n===(o=i,(u=p-l)<0?o+u:u)){e.style.opacity=String((l+1)*r);break}e.style.opacity="1"}else e.style.opacity="0";var u,o}))},w={getEmblaApi:function(e){C.current=e},onSlideChange:function(e){_(),null==p||p(e)}};return n.useEffect((function(){(null==C?void 0:C.current)&&_()}),[m]),i.default.createElement(o.Provider,{value:{slider:null==C?void 0:C.current,centerSlide:k,selectSlideWhenClick:x}},i.default.createElement(r.Carousel,e.__assign({ref:b,slideSize:"auto",containScroll:"trimSnaps"},w,S,{loop:!0}),"function"==typeof u?u(k):u))};a.Slide=function(r){var t=r.children,l=r.onClick,c=e.__rest(r,["children","onClick"]),a=n.useContext(o),d=a.slider,s=a.selectSlideWhenClick,f=n.useRef(),v=n.useRef(""),h=n.useState(0),p=h[0],x=h[1];n.useEffect((function(){v.current=String(Math.round(1e4*Math.random()))}),[]),n.useEffect((function(){var e=(null==d?void 0:d.slideNodes())||[];x(e.findIndex((function(e){return e.dataset.key===v.current})))}),[d]);var S={ref:f,"data-key":v.current,"data-index":p,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return i.default.createElement(u,e.__assign({},S,c),i.default.createElement("div",{onClick:function(){s&&(null==d||d.scrollTo(p)),null==l||l(p)}},t))},exports.CentralCarousel=a;
+"use strict";var e=require("./tslib.es6-c3475d03.js"),n=require("react"),r=require("@mantine/carousel"),t=require("@mantine/hooks");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(n),u=r.Carousel.Slide,o=n.createContext({}),c=function(e,n){return e>=n?e-n:e},a=function(l){var u=l.children,a=l.blurFromCenter,d=l.blurFromIndex,s=l.blurLength,f=void 0===s?3:s,v=l.maxBlurOpacity,h=void 0===v?.5:v,p=l.onSlideChange,x=l.selectSlideWhenClick,S=e.__rest(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),g=t.useResizeObserver(),m=g[0],C=g[1],b=n.useRef(null),y=n.useState(0),k=y[0],E=y[1],_=function(){var e,n,r,t=null===(e=null==b?void 0:b.current)||void 0===e?void 0:e.selectedScrollSnap();E(t);var l=(null===(n=null==b?void 0:b.current)||void 0===n?void 0:n.slideNodes())||[],i=l.length,u=(null===(r=null==b?void 0:b.current)||void 0===r?void 0:r.slidesInView()).length,o=Math.floor(u/2),s=a?d+f-1:o,v=t+s,p=v===i?0:v>i?v-i:v,x=t-s,S=x<0?i+x:x>0?t-s:0,g=Array(2*s+1).fill("").map((function(e,n){return c(S+n,i)}));l.map((function(e,n){if(n===t?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==g.indexOf(n))for(var r=h/f,l=0;l<f;l++){if(n===c(S+l,i)||n===(o=i,(u=p-l)<0?o+u:u)){e.style.opacity=String((l+1)*r);break}e.style.opacity="1"}else e.style.opacity="0";var u,o}))},w={getEmblaApi:function(e){b.current=e},onSlideChange:function(e){_(),null==p||p(e)}};return n.useEffect((function(){(null==b?void 0:b.current)&&_()}),[C]),i.default.createElement(o.Provider,{value:{slider:null==b?void 0:b.current,centerSlide:k,selectSlideWhenClick:x}},i.default.createElement(r.Carousel,e.__assign({ref:m,slideSize:"auto",containScroll:"trimSnaps"},w,S,{loop:!0}),"function"==typeof u?u(k):u))};a.Slide=function(r){var t=r.children,l=r.onClick,c=e.__rest(r,["children","onClick"]),a=n.useContext(o),d=a.slider,s=a.selectSlideWhenClick,f=n.useRef(),v=n.useRef(""),h=n.useState(0),p=h[0],x=h[1];n.useEffect((function(){v.current=String(Math.round(1e4*Math.random()))}),[]),n.useEffect((function(){var e=(null==d?void 0:d.slideNodes())||[];x(e.findIndex((function(e){return e.dataset.key===v.current})))}),[d]);var S={ref:f,"data-key":v.current,"data-index":p,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return i.default.createElement(u,e.__assign({},S,c),i.default.createElement("div",{onClick:function(){s&&(null==d||d.scrollTo(p)),null==l||l(p)}},t))},exports.CentralCarousel=a;

package/build/{index-cfd17688.js → index-6a3cb1dd.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-61b38c74.js"),n=require("react"),t=require("@mantine/core"),r=require("./gAssets.js"),a=require("@mantine/dates"),o=require("styled-components");require("dayjs"),require("./screenSizeContext-aa9cb0a6.js");var i=require("./theme-61e2117e.js"),l=require("./index-67d97099.js");require("./utils-c516b7e5.js"),require("./isProduction-309d0953.js");var c=require("./Locale-57aefd51.js"),u=require("@mantine/carousel"),s=require("./defaultClassWrapper-65f1d84a.js"),d=require("./index-69acf93f.js"),f=require("./Vietnam-554cf5f4.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var g,h,v,b,C=m(n),x=m(o),y=x.default(a.DatePicker)(h||(h=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&o.css(g||(g=e.__makeTemplateObject(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),_=x.default(a.DateRangePicker)(b||(b=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&o.css(v||(v=e.__makeTemplateObject(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),k=function(n){return C.default.createElement(y,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};k.Range=function(n){return C.default.createElement(_,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var w,A,E,S=x.default(t.Textarea)(w||(w=e.__makeTemplateObject(["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"],["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"])),i.theme.colors.gray200),j=x.default(t.Modal)(A||(A=e.__makeTemplateObject(["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"],["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"])),i.theme.colors.neutral100),O=x.default(t.Accordion)(E||(E=e.__makeTemplateObject(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(e){return e.closeChevron||r.CommonGAssets.getAssetPath("plus-icon.svg")}),(function(e){return e.openChevron||r.CommonGAssets.getAssetPath("minus-icon.svg")})),I=function(n){var t=n.children,r=e.__rest(n,["children"]);return C.default.createElement(O,e.__assign({chevron:C.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),t)};I.Control=t.Accordion.Control,I.Item=t.Accordion.Item,I.Panel=t.Accordion.Panel;var P=r.CommonGAssets.getAssetPath("avatar.jpg"),L=function(n){var t=n.slidesToShow,r=void 0===t?1:t,a=n.children,o=e.__rest(n,["slidesToShow","children"]);return C.default.createElement(u.Carousel,e.__assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},o),a)};L.Slide=u.Carousel.Slide;var M=function(n){return C.default.createElement(t.Checkbox,e.__assign({},n))};M.Group=t.Checkbox.Group;var T,D,R,q,N=x.default(t.Slider)(T||(T=e.__makeTemplateObject(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(e){return e.color||e.theme.colors.primaryBase})),z="hhgcomp-mantine-slider-slider",F=s.getDefaultClassWrapper(N,z),G=x.default.div(D||(D=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),z),B=x.default(t.Radio)(R||(R=e.__makeTemplateObject(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(e){return e.color||i.theme.colors.primaryBase})),W=function(n){return C.default.createElement(B,e.__assign({size:"sm"},n))};W.Group=t.Radio.Group;var V=((q={})[c.LOCALE.Vietnam]="vi",q[c.LOCALE.Cambodia]="km",q[c.LOCALE.India]="hi",q[c.LOCALE.Indonesia]="id",q[c.LOCALE.Malaysia]="ms",q[c.LOCALE.Thailand]="th",q[c.LOCALE.Taiwan]="zh-tw",q[c.LOCALE.PhilippinesTagalog]="tl-ph",q[c.LOCALE.PhilippinesEnglish]="en",q[c.LOCALE.Myanmar]="my",q),H={"&:hover":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},U=d.createCommonjsModule((function(e){!function(){var n={}.hasOwnProperty;function t(){for(var e=[],r=0;r<arguments.length;r++){var a=arguments[r];if(a){var o=typeof a;if("string"===o||"number"===o)e.push(a);else if(Array.isArray(a)){if(a.length){var i=t.apply(null,a);i&&e.push(i)}}else if("object"===o){if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]")){e.push(a.toString());continue}for(var l in a)n.call(a,l)&&a[l]&&e.push(l)}}}return e.join(" ")}e.exports?(t.default=t,e.exports=t):window.classNames=t}()}));function Y(e,n){void 0===n&&(n=6);var t=new Array(n).fill("");if(e){var r=e.toString().split("");t.map((function(e,n){r[n]&&(t[n]=r[n]||"")}))}return t}function K(e){return e.join("")}var Q="_2iQs0sk",J="Ia6IojY",X=n.forwardRef((function(n,t){var r=n.maxLength,a=void 0===r?1:r,o=n.placeholder,i=n.className,l=e.__rest(n,["maxLength","placeholder","className"]);return C.default.createElement("input",e.__assign({maxLength:a,className:U(J,"otpInput",i),placeholder:o,type:"number"},l,{ref:t}))})),Z=n.forwardRef((function(e,r){var a=e.valueLength,o=void 0===a?6:a,i=e.type,l=void 0===i?"number":i,c=e.value,u=e.defaultValue,s=e.onChange,d=e.onBlur,f=n.useRef(new Array(o).fill(null)),m=n.useState(u||c),p=m[0],g=m[1],h=n.useState(-1),v=h[0],b=h[1],x=n.useState((function(){return Y(p,o)})),y=x[0],_=x[1],k=n.useCallback((function(){if(-1!==v){var e=f.current[v];if(e){e.value="";var n=y;n[v]="",_(n),g((function(){return K(n)})),null==s||s(K(n))}}}),[v,s,y]),w=n.useCallback((function(){if(0!==v){var e=f.current[v];e&&e.blur();var n=f.current[v-1];n&&n.focus()}}),[v]),A=n.useCallback((function(){if(v!==o-1){var e=f.current[v];e&&e.blur();var n=f.current[v+1];n&&n.focus()}}),[v,o]),E=n.useCallback((function(e){var n=e.target,t=n.value.toString().slice(0,1),r=f.current.findIndex((function(e){return e===n}));if(-1!==r){var a=y;a[r]=t,_(a),g((function(){return K(a)})),null==s||s(K(a))}A()}),[A,s,y]),S=n.useCallback((function(e){var n=e.target,t=f.current.findIndex((function(e){return e===n}));"number"===l?n.select():n.setSelectionRange(0,n.value.length,"backward"),-1!==t&&b(t)}),[]),j=n.useCallback((function(e){var n=Y(e.clipboardData.getData("text/plain"),o),t=K(n);_(n),g(t),null==s||s(t)}),[s,l,o]),O=n.useCallback((function(e){8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),k(),w()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),k()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),w()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),A()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[k,A,w]);return n.useImperativeHandle(r,(function(){return f.current[0]}),[]),n.useEffect((function(){_((function(){return Y(c,o)})),g(c)}),[o,c]),C.default.createElement(t.Flex,{justify:"center",columnGap:8,className:U(Q,"otpContainer")},y.map((function(e,n){return C.default.createElement(X,{ref:function(e){f.current[n]=e},key:""+n,value:e,type:l,onChange:E,onFocus:S,onKeyDown:O,onPaste:j,onBlur:d})})))})),$=Object.values(l.siteOptions).reduce((function(e,n){var t=n.phoneCountry;return e.includes(t)||e.push(t),e}),[]),ee={PH:f.Phillipines,KH:f.Cambodia,ID:f.India,IN:f.Indonesia,MM:f.Myanmar,MY:f.Malaysia,TH:f.Thailand,TW:f.Taiwan,VN:f.Vietnam},ne={phoneInput:"i-9Ibox",error:"YDWHh9b"},te=n.forwardRef((function(t,r){var a,o=t.isError,i=t.defaultCountry,l=t.countries,c=void 0===l?$:l,u=t.countryCallingCodeEditable,s=void 0!==u&&u,d=t.defaultValue,m=t.value,g=t.onChange,h=e.__rest(t,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange"]),v=n.useState(d||m),b=v[0],x=v[1],y=n.useState(null),_=y[0],k=y[1];return n.useEffect((function(){x(m)}),[m]),n.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,Promise.resolve().then((function(){return p(require("react-phone-number-input"))}))];case 1:return n=e.sent(),k(n),[2]}}))}))}),[]),_?C.default.createElement(_.default,e.__assign({ref:r,value:b,onChange:function(e){x(e),null==g||g(e)},countries:c,defaultCountry:i,countryCallingCodeEditable:s,className:U(ne.phoneInput,(a={isError:o},a[ne.error]=o,a)),flagUrl:void 0,flagComponent:function(n){var t=n.country,r=n.countryName;n.flagUrl;var a=e.__rest(n,["country","countryName","flagUrl"]),o=ee[t],i=t?"(+".concat(_.getCountryCallingCode(t),")"):"";return o?C.default.createElement(C.default.Fragment,null,C.default.createElement(o,e.__assign({title:r},a)),C.default.createElement("span",{className:U(ne.callingCode,"PhoneInputCountryIconCallingCode")},i)):C.default.createElement(C.default.Fragment,null)},countrySelectProps:{arrowComponent:function(){return C.default.createElement("div",{className:U(ne.arrowSelect,"PhoneInputArrowContainer")},C.default.createElement(f.CaretDown,null))}}},h)):null}));exports.Accordion=I,exports.Avatar=function(n){var r=n.withIndicator,a=void 0!==r&&r,o=n.indicatorConfig,i=void 0===o?null:o,l=n.size,c=void 0===l?56:l,u=n.children,s=e.__rest(n,["withIndicator","indicatorConfig","size","children"]),d=function(){return C.default.createElement(t.Avatar,e.__assign({size:c,radius:"xl"},s),u||C.default.createElement("img",{src:P,width:c}))};return a?C.default.createElement(t.Indicator,e.__assign({inline:!0,position:"bottom-end",offset:9},i,{styles:{indicator:{backgroundColor:C.default.isValidElement(i.label)&&"transparent",zIndex:1}}}),d()):d()},exports.Carousel=L,exports.Checkbox=M,exports.DatePicker=k,exports.MAPPED_LOCALE=V,exports.Modal=function(n){var t=n.title,a=e.__rest(n,["title"]);return C.default.createElement(C.default.Fragment,null,C.default.createElement(j,e.__assign({centered:!0},a,{withCloseButton:!1,title:a.withCloseButton&&C.default.createElement(C.default.Fragment,null,t,C.default.createElement("img",{className:"mantine-Modal-close",src:r.CommonGAssets.getAssetPath("CloseModal.svg"),onClick:function(){var e;return null===(e=a.onClose)||void 0===e?void 0:e.call(a)}}))})))},exports.OTP=Z,exports.Phone=te,exports.Radio=W,exports.StyledSlider=F,exports.StyledSliderWrapper=G,exports.StyledTextArea=S,exports.getMantineThemeOverride=function(n){return{datesLocale:V[n],dateFormat:d.ISO_FORMAT[n].dateFormat,fontFamily:n===c.LOCALE.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:d.ISO_FORMAT[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:H}},Radio:{styles:{radio:e.__assign(e.__assign({backgroundColor:"#ffffff"},H),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},exports.useMantineLocale=function(e){n.useEffect((function(){V[e]&&require("dayjs/locale/".concat(V[e],".js"))}),[e])};
+"use strict";var e=require("./tslib.es6-c3475d03.js"),n=require("react"),t=require("@mantine/core"),r=require("./gAssets.js"),a=require("@mantine/dates"),o=require("styled-components");require("dayjs"),require("./screenSizeContext-a85cb10e.js");var i=require("./theme-f39fec8d.js"),l=require("./index-8eb86cc8.js");require("./utils-928c2212.js"),require("./isProduction-26cc6d3e.js");var c=require("./Locale-243683ea.js"),u=require("@mantine/carousel"),s=require("./defaultClassWrapper-04de94c4.js"),d=require("./index-ddccea21.js"),f=require("./Vietnam-062b2c76.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var g,h,b,v,C=m(n),x=m(o),y=x.default(a.DatePicker)(h||(h=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&o.css(g||(g=e.__makeTemplateObject(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),k=x.default(a.DateRangePicker)(v||(v=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&o.css(b||(b=e.__makeTemplateObject(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),_=function(n){return C.default.createElement(y,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};_.Range=function(n){return C.default.createElement(k,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var w,A,E,S=x.default(t.Textarea)(w||(w=e.__makeTemplateObject(["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"],["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"])),i.theme.colors.gray200),j=x.default(t.Modal)(A||(A=e.__makeTemplateObject(["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"],["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"])),i.theme.colors.neutral100),O=x.default(t.Accordion)(E||(E=e.__makeTemplateObject(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(e){return e.closeChevron||r.CommonGAssets.getAssetPath("plus-icon.svg")}),(function(e){return e.openChevron||r.CommonGAssets.getAssetPath("minus-icon.svg")})),I=function(n){var t=n.children,r=e.__rest(n,["children"]);return C.default.createElement(O,e.__assign({chevron:C.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),t)};I.Control=t.Accordion.Control,I.Item=t.Accordion.Item,I.Panel=t.Accordion.Panel;var L=r.CommonGAssets.getAssetPath("avatar.jpg"),P=function(n){var t=n.slidesToShow,r=void 0===t?1:t,a=n.children,o=e.__rest(n,["slidesToShow","children"]);return C.default.createElement(u.Carousel,e.__assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},o),a)};P.Slide=u.Carousel.Slide;var M=function(n){return C.default.createElement(t.Checkbox,e.__assign({},n))};M.Group=t.Checkbox.Group;var T,D,R,q,N=x.default(t.Slider)(T||(T=e.__makeTemplateObject(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(e){return e.color||e.theme.colors.primaryBase})),z="hhgcomp-mantine-slider-slider",F=s.getDefaultClassWrapper(N,z),G=x.default.div(D||(D=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),z),W=x.default(t.Radio)(R||(R=e.__makeTemplateObject(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(e){return e.color||i.theme.colors.primaryBase})),B=function(n){return C.default.createElement(W,e.__assign({size:"sm"},n))};B.Group=t.Radio.Group;var V=((q={})[c.LOCALE.Vietnam]="vi",q[c.LOCALE.Cambodia]="km",q[c.LOCALE.India]="hi",q[c.LOCALE.Indonesia]="id",q[c.LOCALE.Malaysia]="ms",q[c.LOCALE.Thailand]="th",q[c.LOCALE.Taiwan]="zh-tw",q[c.LOCALE.PhilippinesTagalog]="tl-ph",q[c.LOCALE.PhilippinesEnglish]="en",q[c.LOCALE.Myanmar]="my",q),H={"&:hover":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},U=d.createCommonjsModule((function(e){!function(){var n={}.hasOwnProperty;function t(){for(var e=[],r=0;r<arguments.length;r++){var a=arguments[r];if(a){var o=typeof a;if("string"===o||"number"===o)e.push(a);else if(Array.isArray(a)){if(a.length){var i=t.apply(null,a);i&&e.push(i)}}else if("object"===o){if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]")){e.push(a.toString());continue}for(var l in a)n.call(a,l)&&a[l]&&e.push(l)}}}return e.join(" ")}e.exports?(t.default=t,e.exports=t):window.classNames=t}()}));function Y(e,n){void 0===n&&(n=6);var t=new Array(n).fill("");if(e){var r=e.toString().split("");t.map((function(e,n){r[n]&&(t[n]=r[n]||"")}))}return t}function K(e){return e.join("")}var Q="_2iQs0sk",J="Ia6IojY",X=n.forwardRef((function(n,t){var r=n.maxLength,a=void 0===r?1:r,o=n.placeholder,i=n.className,l=e.__rest(n,["maxLength","placeholder","className"]);return C.default.createElement("input",e.__assign({maxLength:a,className:U(J,"otpInput",i),placeholder:o,type:"number"},l,{ref:t}))})),Z=n.forwardRef((function(e,r){var a=e.valueLength,o=void 0===a?6:a,i=e.type,l=void 0===i?"number":i,c=e.value,u=e.defaultValue,s=e.onChange,d=e.onBlur,f=n.useRef(new Array(o).fill(null)),m=n.useState(u||c),p=m[0],g=m[1],h=n.useState(-1),b=h[0],v=h[1],x=n.useState((function(){return Y(p,o)})),y=x[0],k=x[1],_=n.useCallback((function(){if(-1!==b){var e=f.current[b];if(e){e.value="";var n=y;n[b]="",k(n),g((function(){return K(n)})),null==s||s(K(n))}}}),[b,s,y]),w=n.useCallback((function(){if(0!==b){var e=f.current[b];e&&e.blur();var n=f.current[b-1];n&&n.focus()}}),[b]),A=n.useCallback((function(){if(b!==o-1){var e=f.current[b];e&&e.blur();var n=f.current[b+1];n&&n.focus()}}),[b,o]),E=n.useCallback((function(e){var n=e.target,t=n.value.toString().slice(0,1),r=f.current.findIndex((function(e){return e===n}));if(-1!==r){var a=y;a[r]=t,k(a),g((function(){return K(a)})),null==s||s(K(a))}A()}),[A,s,y]),S=n.useCallback((function(e){var n=e.target,t=f.current.findIndex((function(e){return e===n}));"number"===l?n.select():n.setSelectionRange(0,n.value.length,"backward"),-1!==t&&v(t)}),[]),j=n.useCallback((function(e){var n=Y(e.clipboardData.getData("text/plain"),o),t=K(n);k(n),g(t),null==s||s(t)}),[s,l,o]),O=n.useCallback((function(e){8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),_(),w()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),_()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),w()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),A()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[_,A,w]);return n.useImperativeHandle(r,(function(){return f.current[0]}),[]),n.useEffect((function(){k((function(){return Y(c,o)})),g(c)}),[o,c]),C.default.createElement(t.Flex,{justify:"center",columnGap:8,className:U(Q,"otpContainer")},y.map((function(e,n){return C.default.createElement(X,{ref:function(e){f.current[n]=e},key:""+n,value:e,type:l,onChange:E,onFocus:S,onKeyDown:O,onPaste:j,onBlur:d})})))})),$=Object.values(l.siteOptions).reduce((function(e,n){var t=n.phoneCountry;return e.includes(t)||e.push(t),e}),[]),ee={PH:f.Phillipines,KH:f.Cambodia,ID:f.India,IN:f.Indonesia,MM:f.Myanmar,MY:f.Malaysia,TH:f.Thailand,TW:f.Taiwan,VN:f.Vietnam},ne={phoneInput:"i-9Ibox",error:"YDWHh9b"},te=n.forwardRef((function(t,r){var a,o=t.isError,i=t.defaultCountry,l=t.countries,c=void 0===l?$:l,u=t.countryCallingCodeEditable,s=void 0!==u&&u,d=t.defaultValue,m=t.value,g=t.onChange,h=e.__rest(t,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange"]),b=n.useState(d||m),v=b[0],x=b[1],y=n.useState(null),k=y[0],_=y[1];return n.useEffect((function(){x(m)}),[m]),n.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,Promise.resolve().then((function(){return p(require("react-phone-number-input"))}))];case 1:return n=e.sent(),_(n),[2]}}))}))}),[]),k?C.default.createElement(k.default,e.__assign({ref:r,value:v,onChange:function(e){x(e),null==g||g(e)},countries:c,defaultCountry:i,countryCallingCodeEditable:s,className:U(ne.phoneInput,(a={isError:o},a[ne.error]=o,a)),flagUrl:void 0,flagComponent:function(n){var t=n.country,r=n.countryName;n.flagUrl;var a=e.__rest(n,["country","countryName","flagUrl"]),o=ee[t],i=t?"(+".concat(k.getCountryCallingCode(t),")"):"";return o?C.default.createElement(C.default.Fragment,null,C.default.createElement(o,e.__assign({title:r},a)),C.default.createElement("span",{className:U(ne.callingCode,"PhoneInputCountryIconCallingCode")},i)):C.default.createElement(C.default.Fragment,null)},countrySelectProps:{arrowComponent:function(){return C.default.createElement("div",{className:U(ne.arrowSelect,"PhoneInputArrowContainer")},C.default.createElement(f.CaretDown,null))}}},h)):null}));exports.Accordion=I,exports.Avatar=function(n){var r=n.withIndicator,a=void 0!==r&&r,o=n.indicatorConfig,i=void 0===o?null:o,l=n.size,c=void 0===l?56:l,u=n.children,s=e.__rest(n,["withIndicator","indicatorConfig","size","children"]),d=function(){return C.default.createElement(t.Avatar,e.__assign({size:c,radius:"xl"},s),u||C.default.createElement("img",{src:L,width:c}))};return a?C.default.createElement(t.Indicator,e.__assign({inline:!0,position:"bottom-end",offset:9},i,{styles:{indicator:{backgroundColor:C.default.isValidElement(i.label)&&"transparent",zIndex:1}}}),d()):d()},exports.Carousel=P,exports.Checkbox=M,exports.DatePicker=_,exports.MAPPED_LOCALE=V,exports.OTP=Z,exports.Phone=te,exports.Radio=B,exports.StyledModal=j,exports.StyledSlider=F,exports.StyledSliderWrapper=G,exports.StyledTextArea=S,exports.getMantineThemeOverride=function(n){return{datesLocale:V[n],dateFormat:d.ISO_FORMAT[n].dateFormat,fontFamily:n===c.LOCALE.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:d.ISO_FORMAT[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:H}},Radio:{styles:{radio:e.__assign(e.__assign({backgroundColor:"#ffffff"},H),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},exports.useMantineLocale=function(e){n.useEffect((function(){V[e]&&require("dayjs/locale/".concat(V[e],".js"))}),[e])};

package/build/{index-a292fd67.js → index-6a5bd714.js}

@@ -1 +1 @@
-"use strict";var e=require("react"),a=require("./gAssets.js"),t=require("./index-1bf6d086.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(e);exports.Logo=function(s){var o=s.type,n=s.className,r=s.style,i=s.isLightLogo,m=s.customSize,g=s.badge,u=s.locale,c=s.dateForSeasonal,d=s.isPro,f=e.useMemo((function(){if(!c||isNaN(new Date(c).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};var e=new Date(c),a=t.isChristmas(e),s=t.LunarNewYearLocale.includes(u)&&t.isLunarNewYear(e);return{isChristmas:a,isLunarNewYear:s,isNewYear:!s&&t.isNewYear(e)}}),[u,new Date(c).getDate()]);return l.default.createElement(t.StyledLogo,{className:n,style:r,"data-logo-is-light":i||void 0,"data-has-badge":!!g,"data-christmas":f.isChristmas,"data-new-year":f.isNewYear,"data-lunar-new-year":f.isLunarNewYear},f.isChristmas?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):f.isNewYear?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):f.isLunarNewYear?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,l.default.createElement(t.LogoIcon,{type:o,width:null==m?void 0:m.width,height:null==m?void 0:m.height}),d?l.default.createElement(t.StyledProLogo,{src:a.CommonGAssets.getAssetPath("logo/pro-suffix.svg")}):null,g)};
+"use strict";var e=require("react"),a=require("./gAssets.js"),t=require("./index-04d2a533.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(e);exports.Logo=function(s){var o=s.type,n=s.className,r=s.style,i=s.isLightLogo,m=s.customSize,g=s.badge,u=s.locale,c=s.dateForSeasonal,d=s.isPro,f=e.useMemo((function(){if(!c||isNaN(new Date(c).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};var e=new Date(c),a=t.isChristmas(e),s=t.LunarNewYearLocale.includes(u)&&t.isLunarNewYear(e);return{isChristmas:a,isLunarNewYear:s,isNewYear:!s&&t.isNewYear(e)}}),[u,new Date(c).getDate()]);return l.default.createElement(t.StyledLogo,{className:n,style:r,"data-logo-is-light":i||void 0,"data-has-badge":!!g,"data-christmas":f.isChristmas,"data-new-year":f.isNewYear,"data-lunar-new-year":f.isLunarNewYear},f.isChristmas?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):f.isNewYear?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):f.isLunarNewYear?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,l.default.createElement(t.LogoIcon,{type:o,width:null==m?void 0:m.width,height:null==m?void 0:m.height}),d?l.default.createElement(t.StyledProLogo,{src:a.CommonGAssets.getAssetPath("logo/pro-suffix.svg")}):null,g)};