npm - @hhgtech/hhg-components - Versions diffs - 1.23.6 → 1.23.7 - Mend

@hhgtech/hhg-components 1.23.6 → 1.23.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (275) hide show

package/build/esm/index.styled-8754e988.js ADDED Viewed

@@ -0,0 +1 @@

+ import{b as n,c as e,_ as o}from"./tslib.es6-9e6a1336.js";import t,{css as r}from"styled-components";import{t as i}from"./theme-a9e4664d.js";import{M as a}from"./utils-bc6b0ac2.js";import s,{useState as l}from"react";import{L as c}from"./index.styled-6fbeeb9a.js";import{g as d}from"./defaultClassWrapper-3286ca52.js";import{C as p}from"./index-da857c6e.js";import{T as u}from"./index-52a95a39.js";import"dayjs";import{s as h,e as x,b as g,f,c as m,g as b,a as v,d as w,h as C}from"./screenSizeContext-0cbef62b.js";import"./lazyLoad-8acd8b6b.js";import"./index-63b272c4.js";import"./isProduction-ee4563aa.js";import"./Locale-f8f0a24a.js";import"./gAssets.js";var y,z,k,A,E,M,B,V,j,L,H,Z,P,R,I=t.div(y||(y=n(["\n display: flex;\n overflow: auto;\n width: 100%;\n box-sizing: border-box;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-left: 4px solid ",";\n background: ",";\n\n &[data-alert-type='danger'] {\n border-left-color: ",";\n background: ",";\n }\n\n &[data-alert-type='warning'] {\n border-left-color: ",";\n background: ",";\n }\n\n &[data-alert-type='blue'] {\n border-left-color: ",";\n background: ",";\n }\n"],["\n display: flex;\n overflow: auto;\n width: 100%;\n box-sizing: border-box;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-left: 4px solid ",";\n background: ",";\n\n &[data-alert-type='danger'] {\n border-left-color: ",";\n background: ",";\n }\n\n &[data-alert-type='warning'] {\n border-left-color: ",";\n background: ",";\n }\n\n &[data-alert-type='blue'] {\n border-left-color: ",";\n background: ",";\n }\n"])),(function(n){return n.theme.colors.success}),(function(n){return n.theme.colors.green50}),(function(n){return n.theme.colors.red500}),(function(n){return n.theme.colors.red50}),(function(n){return n.theme.colors.yellow500}),(function(n){return n.theme.colors.yellow50}),(function(n){return n.theme.colors.blue500}),(function(n){return n.theme.colors.blue50})),N=t.div(z||(z=n(["\n .icon-title {\n display: flex;\n align-items: center;\n }\n\n svg,\n img {\n margin-right: 8px;\n }\n"],["\n .icon-title {\n display: flex;\n align-items: center;\n }\n\n svg,\n img {\n margin-right: 8px;\n }\n"]))),S=t.div(k||(k=n(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"]))),D=t.div(A||(A=n(["\n position: relative;\n\n > div {\n width: max-content;\n position: relative;\n }\n\n span {\n font-weight: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n\n ","\n }\n\n ","\n"],["\n position: relative;\n\n > div {\n width: max-content;\n position: relative;\n }\n\n span {\n font-weight: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n\n ","\n }\n\n ","\n"])),(function(n){return n.theme.sizes.fwBold}),(function(n){return function(n,e,o,t){var r="";if("numeric"===n)switch(e){case"medium":r="\n height: 16px;\n font-size: 11px;\n padding: 1px 6px;\n ";case"large":r="\n height: 24px;\n font-size: 13px;\n padding: 1px 10px;\n "}var a,s="";o&&(s="\n position: absolute;\n top: 0;\n left: 75%;\n "),o&&(a="\n left: 70%;\n\n ".concat("large"===e?"\n top: -7px;\n ":"medium"===e?"\n top: -2px;\n width: 16px;\n height: 16px;\n ":"","\n "));var l="";switch(t){case"primary":l="\n background: ".concat(i.colors.blue50,";\n color: ").concat(i.colors.blue600,"; \n ");break;case"error":l="\n background: ".concat(i.colors.error,";\n color: white;\n ")}switch(n){case"dot":return"\n ".concat(s,"\n width: 8px;\n height: 8px;\n font-size: 0px;\n border-radius: 50%;\n ").concat(l,"\n ");case"numeric":return"\n ".concat(s,"\n width: max-content;\n border-radius: 32px;\n ").concat(r,"\n ").concat(a,"\n ").concat(l,"\n ")}}(n.notificationType,n.notificationSize,n.hasIcon,n.notificationColor)}),(function(n){return n.hasIcon&&"\n svg {\n width: 40px;\n height: 40px;\n }\n "})),O=t.h4(E||(E=n(["\n position: relative;\n line-height: 18px;\n\n &:after {\n position: absolute;\n top: 1px;\n left: 0;\n width: 4px;\n height: 18px;\n background-color: ",";\n content: '';\n }\n\n &[data-size='lg'] {\n font-size: 18px;\n padding-left: 12px;\n }\n\n &[data-size='sm'] {\n font-size: 14px;\n padding-left: 8px;\n\n &::after {\n width: 2px;\n height: 15px;\n }\n }\n\n &[data-type='bold'] {\n font-weight: ",";\n }\n &[data-type='semiBold'] {\n font-weight: ",";\n }\n\n &[data-uppercase] {\n text-transform: uppercase;\n }\n\n "," {\n &[data-size='lg'] {\n font-size: 16px;\n }\n }\n"],["\n position: relative;\n line-height: 18px;\n\n &:after {\n position: absolute;\n top: 1px;\n left: 0;\n width: 4px;\n height: 18px;\n background-color: ",";\n content: '';\n }\n\n &[data-size='lg'] {\n font-size: 18px;\n padding-left: 12px;\n }\n\n &[data-size='sm'] {\n font-size: 14px;\n padding-left: 8px;\n\n &::after {\n width: 2px;\n height: 15px;\n }\n }\n\n &[data-type='bold'] {\n font-weight: ",";\n }\n &[data-type='semiBold'] {\n font-weight: ",";\n }\n\n &[data-uppercase] {\n text-transform: uppercase;\n }\n\n "," {\n &[data-size='lg'] {\n font-size: 16px;\n }\n }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwSemiBold}),a.mbDown),F=t.div(M||(M=n(["\n position: relative;\n box-sizing: border-box;\n border: 1px solid ",";\n background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;\n background-position: right 16px center;\n border-radius: 6px;\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 vertical-align: middle;\n display: inline-block;\n }\n\n &:hover {\n box-shadow: none;\n }\n > div {\n position: relative;\n width: 100%;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n }\n > div::after {\n content: '';\n right: 12px;\n top: 50%;\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 width: 10px;\n height: 8px;\n position: absolute;\n background-repeat: no-repeat;\n transform: translateY(-50%);\n }\n }\n\n &:hover {\n box-shadow: 0 0 2px 2px ",";\n }\n"],["\n position: relative;\n box-sizing: border-box;\n border: 1px solid ",";\n background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;\n background-position: right 16px center;\n border-radius: 6px;\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 vertical-align: middle;\n display: inline-block;\n }\n\n &:hover {\n box-shadow: none;\n }\n > div {\n position: relative;\n width: 100%;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n }\n > div::after {\n content: '';\n right: 12px;\n top: 50%;\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 width: 10px;\n height: 8px;\n position: absolute;\n background-repeat: no-repeat;\n transform: translateY(-50%);\n }\n }\n\n &:hover {\n box-shadow: 0 0 2px 2px ",";\n }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.blue200})),K=t.div(B||(B=n(["\n padding: 12px 18px 12px 16px;\n cursor: pointer;\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 & > svg {\n height: 16px;\n width: 16px;\n }\n"],["\n padding: 12px 18px 12px 16px;\n cursor: pointer;\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 & > svg {\n height: 16px;\n width: 16px;\n }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),T=t.ul(V||(V=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 background: white;\n box-shadow: none;\n border: 1px solid ",";\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 background: white;\n box-shadow: none;\n border: 1px solid ",";\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})),Y=t.li(j||(j=n(["\n margin: 8px;\n padding: 12px 18px 12px 16px;\n border-radius: 6px;\n display: flex;\n &:hover,\n :active {\n background: ",";\n }\n"],["\n margin: 8px;\n padding: 12px 18px 12px 16px;\n border-radius: 6px;\n display: flex;\n &:hover,\n :active {\n background: ",";\n }\n"])),(function(n){return n.theme.colors.gray100})),U=t.div(L||(L=n(["\n display: flex;\n align-items: center;\n margin-right: 8px;\n\n & > svg {\n height: 16px;\n width: 16px;\n }\n"],["\n display: flex;\n align-items: center;\n margin-right: 8px;\n\n & > svg {\n height: 16px;\n width: 16px;\n }\n"]))),X=t.div(H||(H=n(["\n --columns-count: ",";\n --columns-count-desktop: ",";\n\n --grid-template-columns: ",";\n --grid-template-columns-desktop: ",";\n\n --columns: var(--grid-template-columns, repeat(var(--columns-count), 1fr));\n --columns-desktop: var(--grid-template-columns-desktop, repeat(var(--columns-count-desktop), 1fr));\n\n --justify-children: ",";\n --grid-gap: ",";\n --align-items: ",";\n\n display: grid;\n grid-template-columns: var(--columns);\n grid-gap: var(--grid-gap);\n align-items: var(--align-items);\n\n "," {\n grid-template-columns: var(--columns-desktop);\n }\n\n > * {\n justify-self: var(--justify-children);\n }\n"],["\n --columns-count: ",";\n --columns-count-desktop: ",";\n\n --grid-template-columns: ",";\n --grid-template-columns-desktop: ",";\n\n --columns: var(--grid-template-columns, repeat(var(--columns-count), 1fr));\n --columns-desktop: var(--grid-template-columns-desktop, repeat(var(--columns-count-desktop), 1fr));\n\n --justify-children: ",";\n --grid-gap: ",";\n --align-items: ",";\n\n display: grid;\n grid-template-columns: var(--columns);\n grid-gap: var(--grid-gap);\n align-items: var(--align-items);\n\n "," {\n grid-template-columns: var(--columns-desktop);\n }\n\n > * {\n justify-self: var(--justify-children);\n }\n"])),(function(n){return n.theme.columns}),(function(n){return n.theme.columnsDesktop}),(function(n){return n.theme.gridTemplateColumns}),(function(n){return n.theme.gridTemplateColumnsDesktop}),(function(n){return n.theme.justifyChildren}),(function(n){return n.theme.gap}),(function(n){return n.theme.alignItems}),a.tdUp),W=t.div(Z||(Z=n(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n user-select: none;\n li {\n transition: all 0.3s ease;\n }\n [data-page-active] {\n background: ",";\n color: ",";\n\n > a {\n color: ",";\n }\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n user-select: none;\n li {\n transition: all 0.3s ease;\n }\n [data-page-active] {\n background: ",";\n color: ",";\n\n > a {\n color: ",";\n }\n }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),q=t.div(P||(P=n(["\n display: flex;\n width: 32px;\n height: 32px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n border: 1px solid ",";\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n &[data-last-page] {\n border: none;\n background-color: ",";\n cursor: not-allowed;\n pointer-events: none;\n\n svg {\n path {\n stroke: ",";\n }\n }\n }\n"],["\n display: flex;\n width: 32px;\n height: 32px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n border: 1px solid ",";\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n &[data-last-page] {\n border: none;\n background-color: ",";\n cursor: not-allowed;\n pointer-events: none;\n\n svg {\n path {\n stroke: ",";\n }\n }\n }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray300})),_=t.li(R||(R=n(["\n display: flex;\n width: 32px;\n height: 32px;\n align-items: center;\n justify-content: center;\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n > a {\n color: ",";\n text-decoration: unset;\n display: block;\n width: 100%;\n height: 100%;\n line-height: 32px;\n text-align: center;\n }\n"],["\n display: flex;\n width: 32px;\n height: 32px;\n align-items: center;\n justify-content: center;\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n > a {\n color: ",";\n text-decoration: unset;\n display: block;\n width: 100%;\n height: 100%;\n line-height: 32px;\n text-align: center;\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray800})),G=t.div(J||(J=n(["\n position: relative;\n width: 100%;\n\n &[data-has-error] {\n input {\n border-color: ",";\n }\n }\n\n input {\n width: 100%;\n padding: 12px 16px;\n border: solid 1px ",";\n border-radius: 6px;\n\n &:active,\n &:focus,\n .focused & {\n border-color: ",";\n box-shadow: 0px 0px 2px 2px ",";\n }\n\n &:disabled {\n background-color: ",";\n cursor: not-allowed;\n }\n }\n\n &[data-has-action-icon] {\n input {\n padding: 12px 48px 12px 16px;\n }\n }\n &[data-has-display-icon] {\n input {\n padding: 12px 16px 12px 48px;\n }\n }\n\n &[data-has-action-icon][data-has-display-icon] {\n input {\n padding: 12px 48px;\n }\n }\n\n &[data-size='lg'] {\n input {\n font-size: 16px;\n font-weight: ",";\n "," {\n font-size: 22px;\n line-height: 1.2;\n }\n\n "," {\n font-size: 26px;\n line-height: 1.2;\n }\n }\n }\n &[data-size='md'] {\n input {\n font-weight: ",";\n "," {\n font-size: 14px;\n line-height: 1.2;\n }\n\n "," {\n font-size: 16px;\n line-height: 1.2;\n }\n }\n }\n &[data-size='sm'] {\n input {\n font-weight: ",";\n "," {\n font-size: 13px;\n line-height: 1.5;\n }\n\n "," {\n font-size: 13px;\n line-height: 1.5;\n }\n }\n }\n"],["\n position: relative;\n width: 100%;\n\n &[data-has-error] {\n input {\n border-color: ",";\n }\n }\n\n input {\n width: 100%;\n padding: 12px 16px;\n border: solid 1px ",";\n border-radius: 6px;\n\n &:active,\n &:focus,\n .focused & {\n border-color: ",";\n box-shadow: 0px 0px 2px 2px ",";\n }\n\n &:disabled {\n background-color: ",";\n cursor: not-allowed;\n }\n }\n\n &[data-has-action-icon] {\n input {\n padding: 12px 48px 12px 16px;\n }\n }\n &[data-has-display-icon] {\n input {\n padding: 12px 16px 12px 48px;\n }\n }\n\n &[data-has-action-icon][data-has-display-icon] {\n input {\n padding: 12px 48px;\n }\n }\n\n &[data-size='lg'] {\n input {\n font-size: 16px;\n font-weight: ",";\n "," {\n font-size: 22px;\n line-height: 1.2;\n }\n\n "," {\n font-size: 26px;\n line-height: 1.2;\n }\n }\n }\n &[data-size='md'] {\n input {\n font-weight: ",";\n "," {\n font-size: 14px;\n line-height: 1.2;\n }\n\n "," {\n font-size: 16px;\n line-height: 1.2;\n }\n }\n }\n &[data-size='sm'] {\n input {\n font-weight: ",";\n "," {\n font-size: 13px;\n line-height: 1.5;\n }\n\n "," {\n font-size: 13px;\n line-height: 1.5;\n }\n }\n }\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.sizes.fwRegular}),a.mbDown,a.mbUp,(function(n){return n.theme.sizes.fwRegular}),a.mbDown,a.mbUp,(function(n){return n.theme.sizes.fwRegular}),a.mbDown,a.mbUp);t.label(Q||(Q=n(["\n display: inline-block;\n margin-bottom: 4px;\n color: ",";\n font-weight: ",";\n"],["\n display: inline-block;\n margin-bottom: 4px;\n color: ",";\n font-weight: ",";\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold}));var J,Q,$,nn,en,on=t.label($||($=n(["\n color: ",";\n font-weight: ",";\n"],["\n color: ",";\n font-weight: ",";\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.sizes.fwRegular})),tn=t.div(nn||(nn=n(["\n position: absolute;\n top: 50%;\n right: 16px;\n display: inline-flex;\n cursor: pointer;\n transform: translateY(-50%);\n"],["\n position: absolute;\n top: 50%;\n right: 16px;\n display: inline-flex;\n cursor: pointer;\n transform: translateY(-50%);\n"]))),rn=t.div(en||(en=n(["\n position: absolute;\n top: 50%;\n left: 16px;\n display: inline-flex;\n cursor: default;\n transform: translateY(-50%);\n"],["\n position: absolute;\n top: 50%;\n left: 16px;\n display: inline-flex;\n cursor: default;\n transform: translateY(-50%);\n"]))),an=s.forwardRef((function(n,t){var r=n.name,i=n.errorMessage,a=n.autoComplete,d=void 0===a?"off":a,p=n.defaultValue,u=n.actionIcon,h=n.displayIcon,x=n.isDeleteAction,g=n.onActionClick,f=n.label,m=n.placeholder,b=n.className,v=n.onChange,w=n.onKeyPress,C=n.isDisabled,y=n.CustomInput,z=n.size,k=n.style,A=n.autoFocus,E=n.type,M=void 0===E?"text":E,B=n.isNumerousKeyboard,V=void 0!==B&&B,j=n.onFocus,L=n.enterKeyHint,H=n.nativeOnChange,Z=e(n,["name","errorMessage","autoComplete","defaultValue","actionIcon","displayIcon","isDeleteAction","onActionClick","label","placeholder","className","onChange","onKeyPress","isDisabled","CustomInput","size","style","autoFocus","type","isNumerousKeyboard","onFocus","enterKeyHint","nativeOnChange"]),P=l(p),R=P[0],I=P[1];return s.createElement(G,{"data-size":z,className:b,"data-has-action-icon":!!u||void 0,"data-has-display-icon":!!h||void 0,"data-has-error":i&&i.length>0||void 0,style:k},f&&s.createElement(c,{size:"label2",htmlFor:r,className:"inputLabel"},f),s.createElement("div",{style:{position:"relative"}},y||s.createElement("input",o({id:r,name:r,placeholder:m,onChange:null!=H?H:function(n){return e=n.target.value,I(e),void v(e);var e},onKeyPress:w,type:M,"aria-label":M,disabled:C,value:R,autoComplete:d,ref:t,autoFocus:A,inputMode:V||"number"===M?"numeric":M,pattern:V?"[0-9]*":".*",onFocus:j,enterKeyHint:L},Z)),h&&s.createElement(rn,{className:"displayIcon"},h),u&&s.createElement(tn,{className:"actionIcon",onClick:function(){var n;x&&(I(""),null===(n=t.current)||void 0===n||n.focus()),g&&g()}},u)),i&&i.length>0&&s.createElement(on,{className:"errorLabel"},i))}));an.displayName="PureInput";var sn,ln,cn,dn,pn,un,hn,xn,gn,fn,mn,bn,vn,wn,Cn,yn,zn,kn,An,En,Mn,Bn=t.div(sn||(sn=n(["\n &[data-type='circle'] {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n\n input {\n position: relative;\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n border: solid 1px ",";\n margin-right: 8px;\n border-radius: 100%;\n cursor: inherit;\n transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;\n\n &:hover,\n &:active {\n border-color: ",";\n box-shadow: 0 0 2px 2px ",";\n }\n\n &:checked {\n display: flex;\n align-items: center;\n justify-content: center;\n border-color: ",";\n &:after {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 14px;\n height: 14px;\n //left: 3px;\n //position: absolute;\n //top: 4px;\n background-color: ",";\n border-radius: 50%;\n content: '';\n transform: translate(-50%, -50%);\n }\n }\n }\n\n label {\n width: calc(100% - 24px);\n cursor: inherit;\n font-weight: ",";\n }\n\n &[data-disabled='true'] {\n color: ",";\n cursor: not-allowed;\n input {\n border-color: ",";\n\n &:hover {\n border-color: ",";\n box-shadow: none;\n }\n }\n }\n }\n\n &[data-type='rectangle'] {\n input {\n display: none;\n\n &:checked ~ label {\n border-color: ",";\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n }\n\n label {\n display: inline-block;\n width: auto;\n box-sizing: border-box;\n flex-shrink: 0;\n border: solid 1px ",";\n border-radius: 6px;\n color: ",";\n cursor: pointer;\n font-weight: ",";\n text-align: center;\n\n &:hover,\n &:active {\n border-color: ",";\n }\n }\n\n &[data-disabled='true'] {\n input {\n cursor: not-allowed;\n }\n\n label {\n color: ",";\n cursor: not-allowed;\n\n &:hover {\n border-color: ",";\n }\n }\n }\n\n &[data-size='small'] {\n label {\n height: 32px;\n padding: 6px 12px;\n font-size: 13px;\n }\n }\n\n &[data-size='large'] {\n label {\n height: 48px;\n padding: 13px 16px;\n font-size: 14px;\n }\n }\n }\n"],["\n &[data-type='circle'] {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n\n input {\n position: relative;\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n border: solid 1px ",";\n margin-right: 8px;\n border-radius: 100%;\n cursor: inherit;\n transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;\n\n &:hover,\n &:active {\n border-color: ",";\n box-shadow: 0 0 2px 2px ",";\n }\n\n &:checked {\n display: flex;\n align-items: center;\n justify-content: center;\n border-color: ",";\n &:after {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 14px;\n height: 14px;\n //left: 3px;\n //position: absolute;\n //top: 4px;\n background-color: ",";\n border-radius: 50%;\n content: '';\n transform: translate(-50%, -50%);\n }\n }\n }\n\n label {\n width: calc(100% - 24px);\n cursor: inherit;\n font-weight: ",";\n }\n\n &[data-disabled='true'] {\n color: ",";\n cursor: not-allowed;\n input {\n border-color: ",";\n\n &:hover {\n border-color: ",";\n box-shadow: none;\n }\n }\n }\n }\n\n &[data-type='rectangle'] {\n input {\n display: none;\n\n &:checked ~ label {\n border-color: ",";\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n }\n\n label {\n display: inline-block;\n width: auto;\n box-sizing: border-box;\n flex-shrink: 0;\n border: solid 1px ",";\n border-radius: 6px;\n color: ",";\n cursor: pointer;\n font-weight: ",";\n text-align: center;\n\n &:hover,\n &:active {\n border-color: ",";\n }\n }\n\n &[data-disabled='true'] {\n input {\n cursor: not-allowed;\n }\n\n label {\n color: ",";\n cursor: not-allowed;\n\n &:hover {\n border-color: ",";\n }\n }\n }\n\n &[data-size='small'] {\n label {\n height: 32px;\n padding: 6px 12px;\n font-size: 13px;\n }\n }\n\n &[data-size='large'] {\n label {\n height: 48px;\n padding: 13px 16px;\n font-size: 14px;\n }\n }\n }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300})),Vn=t.div(ln||(ln=n(["\n &[data-shadow-size='small'] {\n filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='normal'] {\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='medium'] {\n filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.06)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='large'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='soft'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n"],["\n &[data-shadow-size='small'] {\n filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='normal'] {\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='medium'] {\n filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.06)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='large'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='soft'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n"]))),jn="hhgcomp-slider-trackcontainer",Ln=d(t.div(cn||(cn=n(["\n display: flex;\n width: 100%;\n height: 36px;\n margin-top: 32px;\n &[data-theme='marryBaby'] {\n margin-top: 0;\n }\n"],["\n display: flex;\n width: 100%;\n height: 36px;\n margin-top: 32px;\n &[data-theme='marryBaby'] {\n margin-top: 0;\n }\n"]))),jn),Hn=t.div(dn||(dn=n(["\n margin: 0 12px;\n &[data-site='marryBaby'] {\n background: #ffffff;\n border-radius: 16px;\n padding: 16px;\n }\n ."," {\n .slider-track-icon {\n path {\n stroke: ",";\n }\n }\n\n .slider-track-button {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n .plus {\n margin-left: 1rem;\n }\n .minus {\n margin-right: 1rem;\n margin-bottom: 3px;\n }\n }\n }\n\n & div[role='slider'] {\n -webkit-text-size-adjust: none;\n -webkit-user-select: none;\n &:focus {\n outline: none;\n }\n }\n"],["\n margin: 0 12px;\n &[data-site='marryBaby'] {\n background: #ffffff;\n border-radius: 16px;\n padding: 16px;\n }\n ."," {\n .slider-track-icon {\n path {\n stroke: ",";\n }\n }\n\n .slider-track-button {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n .plus {\n margin-left: 1rem;\n }\n .minus {\n margin-right: 1rem;\n margin-bottom: 3px;\n }\n }\n }\n\n & div[role='slider'] {\n -webkit-text-size-adjust: none;\n -webkit-user-select: none;\n &:focus {\n outline: none;\n }\n }\n"])),jn,(function(n){return n.theme.colors.primaryBase})),Zn=t.div(pn||(pn=n(["\n display: flex;\n width: 24px;\n height: 24px;\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07), 0px 4px 7px rgba(0, 0, 0, 0.15);\n"],["\n display: flex;\n width: 24px;\n height: 24px;\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07), 0px 4px 7px rgba(0, 0, 0, 0.15);\n"])),(function(n){return n.theme.colors.white})),Pn=t.div(un||(un=n(["\n position: absolute;\n top: 50%;\n left: 50%;\n width: 16px;\n height: 16px;\n background: ",";\n border-radius: 50%;\n transform: translateY(-50%) translateX(-50%);\n &[data-theme='marryBaby'] {\n background: #2661ad;\n width: 20px;\n height: 20px;\n }\n"],["\n position: absolute;\n top: 50%;\n left: 50%;\n width: 16px;\n height: 16px;\n background: ",";\n border-radius: 50%;\n transform: translateY(-50%) translateX(-50%);\n &[data-theme='marryBaby'] {\n background: #2661ad;\n width: 20px;\n height: 20px;\n }\n"])),(function(n){return n.theme.colors.primaryBase})),Rn=t.div(hn||(hn=n(["\n width: 100%;\n height: 5px;\n align-self: center;\n border-radius: 4px;\n"],["\n width: 100%;\n height: 5px;\n align-self: center;\n border-radius: 4px;\n"]))),In=t.div(xn||(xn=n(["\n position: absolute;\n top: -28px;\n display: block;\n padding: 4px;\n /* background-color: ","; */\n border-radius: 4px;\n color: black;\n font-size: 14px;\n font-weight: bold;\n outline: none;\n white-space: nowrap;\n\n &:focus {\n outline: none;\n }\n"],["\n position: absolute;\n top: -28px;\n display: block;\n padding: 4px;\n /* background-color: ","; */\n border-radius: 4px;\n color: black;\n font-size: 14px;\n font-weight: bold;\n outline: none;\n white-space: nowrap;\n\n &:focus {\n outline: none;\n }\n"])),(function(n){return n.theme.colors.primaryBase})),Nn=t.div(gn||(gn=n(["\n font-weight: 600;\n font-size: 14px;\n line-height: 24px;\n letter-spacing: -0.2px;\n padding-right: 12px;\n\n color: #202135;\n display: flex;\n justify-content: center;\n align-items: center;\n &:focus {\n outline: none;\n }\n"],["\n font-weight: 600;\n font-size: 14px;\n line-height: 24px;\n letter-spacing: -0.2px;\n padding-right: 12px;\n\n color: #202135;\n display: flex;\n justify-content: center;\n align-items: center;\n &:focus {\n outline: none;\n }\n"]))),Sn=t.div(fn||(fn=n(["\n --padding-horizontal: 8px;\n --pading-vertical: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--pading-vertical) var(--padding-horizontal);\n border-radius: 24px;\n\n ","\n\n ","\n\n ","\n\n p {\n ","\n }\n\n ","\n\n ","\n\n "," \n\n &[data-is-selected],\n &:active {\n background: ",";\n }\n"],["\n --padding-horizontal: 8px;\n --pading-vertical: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--pading-vertical) var(--padding-horizontal);\n border-radius: 24px;\n\n ","\n\n ","\n\n ","\n\n p {\n ","\n }\n\n ","\n\n ","\n\n "," \n\n &[data-is-selected],\n &:active {\n background: ",";\n }\n"])),(function(n){return"sponsored"===n.tagType&&"\n --offset-size: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n position: relative;\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);\n border-radius: 0 4px 18px 0;\n height: 24px;\n width: 90px;\n border-left: var(--offset-size) solid ".concat(i.colors.accentLight,";\n padding: 0;\n margin-left: calc(var(--offset-size) * -1);\n\n p {\n font-weight: ").concat(i.sizes.fwBold,";\n color: var(\n --text-props-color,\n ").concat(i.colors.secondaryDark,"\n );\n font-size: 11px;\n margin-left: calc(var(--offset-size) * -1);\n }\n\n &::after {\n width: calc(var(--offset-size) * 2);\n height: var(--offset-size);\n background: ").concat(i.colors.accentMain,";\n position: absolute;\n left: calc(var(--offset-size) * -1);\n bottom: calc(var(--offset-size) * -1);\n clip-path: polygon(0 1%, 100% 0%, 100% 100%);\n content: '';\n }\n ")}),(function(n){return n.isInline&&"\n display: inline-block;\n "}),(function(n){return n.tagHasMorePadding&&"\n &[data-has-more-padding] {\n padding: calc(var(--pading-vertical) + 5px) var(--padding-horizontal);\n }\n "}),(function(n){return n.tagIsLight?"\n color: var(--text-props-color, #000);\n ":"\n color: var(--text-props-color, ".concat((function(n){return n.theme.colors.white}),");\n ")}),(function(n){return function(n,e){switch(n){case"yellow":var o=e?i.colors.yellow50:i.colors.yellow600;return"\n background: ".concat(o,";\n p {\n color: var(\n --text-props-color,\n ").concat(i.colors.gray800,"\n );\n }\n ");case"standard":return"\n background: ".concat(i.colors.white,";\n border: 1px solid ").concat(i.colors.gray200,";\n \n p {\n color: var(\n --text-props-color,\n ").concat(i.colors.gray800,"\n );\n }\n \n &:hover {\n background: ").concat(i.colors.gray100,";\n }\n ");case"red":return o=e?i.colors.red50:i.colors.red500,"\n background: ".concat(o,";\n ");case"green":return o=e?i.colors.green50:i.colors.green500,"\n background: ".concat(o,";\n ");case"blue":return o=e?i.colors.blue50:i.colors.primaryBase,"\n background: ".concat(o,";\n ");case"teal":return o=e?i.colors.teal100:i.colors.teal600,"\n background: ".concat(o,";\n ");case"pink":return o=e?i.colors.pink200:i.colors.pink800,"\n background: ".concat(o,";\n ");case"violet":return o=e?i.colors.violet100:i.colors.violet500,"\n background: ".concat(o,";\n ");case"grey":return o=e?i.colors.gray100:i.colors.gray600,"\n background: ".concat(o,";\n ")}}(n.tagType,n.tagIsLight)}),(function(n){return n.tagIsSquared&&"sponsored"!==n.tagType&&"\n border-radius: 4px;\n "}),(function(n){return n.tagIsALink&&"\n cursor: pointer;\n "}),(function(n){return n.theme.colors.blue50})),Dn="24px",On="hhgcomp-toggle-icon",Fn=d(t.span(mn||(mn=n(["\n position: relative;\n display: block;\n width: 40px;\n height: ",";\n background: #c3cbd4;\n border-radius: 100px;\n cursor: pointer;\n\n &:after {\n position: absolute;\n top: 2px;\n left: 2px;\n width: 20px;\n height: 20px;\n background: #fff;\n border-radius: 90px;\n content: '';\n transition: 0.3s;\n }\n"],["\n position: relative;\n display: block;\n width: 40px;\n height: ",";\n background: #c3cbd4;\n border-radius: 100px;\n cursor: pointer;\n\n &:after {\n position: absolute;\n top: 2px;\n left: 2px;\n width: 20px;\n height: 20px;\n background: #fff;\n border-radius: 90px;\n content: '';\n transition: 0.3s;\n }\n"])),Dn),On),Kn=t.span(bn||(bn=n(["\n padding-left: 15px;\n"],["\n padding-left: 15px;\n"]))),Tn=t.div(vn||(vn=n(["\n height: ",";\n\n input[type='checkbox'] {\n width: 0;\n height: 0;\n visibility: hidden;\n }\n\n label {\n cursor: pointer;\n display: inline-flex;\n color: ",";\n }\n\n input:checked + label ."," {\n background: ",";\n &:after {\n left: calc(100% - 2px);\n transform: translateX(-100%);\n }\n }\n"],["\n height: ",";\n\n input[type='checkbox'] {\n width: 0;\n height: 0;\n visibility: hidden;\n }\n\n label {\n cursor: pointer;\n display: inline-flex;\n color: ",";\n }\n\n input:checked + label ."," {\n background: ",";\n &:after {\n left: calc(100% - 2px);\n transform: translateX(-100%);\n }\n }\n"])),Dn,(function(n){return n.theme.colors.gray600}),On,(function(n){return n.theme.colors.primaryBase})),Yn=t.div(wn||(wn=n(["\n a {\n color: ",";\n cursor: pointer;\n text-decoration: underline;\n\n &:hover,\n &:focus {\n color: ",";\n outline: none;\n .arrowLeft,\n .arrowRight {\n stroke: ",";\n }\n }\n\n &:active {\n color: ",";\n }\n\n &:visited {\n color: ",";\n }\n }\n\n &[data-disabled] {\n & > a {\n color: ",";\n cursor: not-allowed;\n }\n }\n\n @include layout-sp {\n &[data-size='lg'] {\n & > a {\n font-size: 16px;\n font-weight: ",";\n line-height: 24px;\n }\n }\n &[data-size='md'] {\n & > a {\n font-size: 14px;\n font-weight: ",";\n line-height: 22px;\n }\n }\n &[data-size='sm'] {\n & > a {\n font-size: 13px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n &[data-size='xm'] {\n & > a {\n font-size: 11px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n }\n"],["\n a {\n color: ",";\n cursor: pointer;\n text-decoration: underline;\n\n &:hover,\n &:focus {\n color: ",";\n outline: none;\n .arrowLeft,\n .arrowRight {\n stroke: ",";\n }\n }\n\n &:active {\n color: ",";\n }\n\n &:visited {\n color: ",";\n }\n }\n\n &[data-disabled] {\n & > a {\n color: ",";\n cursor: not-allowed;\n }\n }\n\n @include layout-sp {\n &[data-size='lg'] {\n & > a {\n font-size: 16px;\n font-weight: ",";\n line-height: 24px;\n }\n }\n &[data-size='md'] {\n & > a {\n font-size: 14px;\n font-weight: ",";\n line-height: 22px;\n }\n }\n &[data-size='sm'] {\n & > a {\n font-size: 13px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n &[data-size='xm'] {\n & > a {\n font-size: 11px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryHover}),(function(n){return n.theme.colors.primaryHover}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryVisited}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.sizes.fwRegular})),Un=t.div(Cn||(Cn=n(["\n .default-button[data-color='secondary'] {\n border: solid 2px ",";\n color: ",";\n\n &:hover {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n\n & > svg {\n fill: ",";\n }\n }\n }\n"],["\n .default-button[data-color='secondary'] {\n border: solid 2px ",";\n color: ",";\n\n &:hover {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n\n & > svg {\n fill: ",";\n }\n }\n }\n"])),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),Xn=t.div(yn||(yn=n(["\n ","\n"],["\n ","\n"])),(function(n){return n["data-is-attached-to-element"]&&"display: inline-block;\n position: relative;"})),Wn=t.div(zn||(zn=n(["\n --icon-wrapper-size: 32px;\n display: flex;\n width: var(--icon-wrapper-size);\n height: var(--icon-wrapper-size);\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n\n ","\n\n & > svg {\n width: calc(var(--icon-wrapper-size) / 2);\n height: calc(var(--icon-wrapper-size) / 2);\n }\n"],["\n --icon-wrapper-size: 32px;\n display: flex;\n width: var(--icon-wrapper-size);\n height: var(--icon-wrapper-size);\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n\n ","\n\n & > svg {\n width: calc(var(--icon-wrapper-size) / 2);\n height: calc(var(--icon-wrapper-size) / 2);\n }\n"])),(function(n){return n.theme.colors.gray100}),(function(n){return n["data-is-attached-to-element"]&&"\n position: absolute;\n bottom: calc(calc(var(--icon-wrapper-size) / 2) * -1);\n right: calc(calc(var(--icon-wrapper-size) / 2) * -1);\n "})),qn=t.div(kn||(kn=n(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),_n=t.div(An||(An=n(["\n textarea {\n width: 100%;\n height: var(--textarea-height, 116px);\n padding: 1rem;\n border: 1px solid ",";\n border-radius: 6px;\n color: ",";\n font-size: 14px;\n resize: none;\n\n &:focus {\n box-shadow: 0px 0px 2px 2px #91caff;\n }\n\n &::placeholder {\n color: ",";\n }\n\n &:disabled {\n background-color: ",";\n cursor: not-allowed;\n }\n }\n"],["\n textarea {\n width: 100%;\n height: var(--textarea-height, 116px);\n padding: 1rem;\n border: 1px solid ",";\n border-radius: 6px;\n color: ",";\n font-size: 14px;\n resize: none;\n\n &:focus {\n box-shadow: 0px 0px 2px 2px #91caff;\n }\n\n &::placeholder {\n color: ",";\n }\n\n &:disabled {\n background-color: ",";\n cursor: not-allowed;\n }\n }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.neutral50})),Gn=s.forwardRef((function(n,e){var o,t=n.height,r=n.placeholder,i=n.labelText,a=n.labelColor,l=n.id,d=n.name,p=n.onChange,u=n.value,h=n.className,x=n.onKeyPress,g=n.disabled,f=void 0!==g&&g;return s.createElement(_n,{className:h,style:(o={},o["--textarea-height"]=t||"116px",o)},i&&s.createElement(c,{size:"label2",style:{color:a||"#595959"},htmlFor:l},i),s.createElement("textarea",{name:d,ref:e,placeholder:r,id:l,onChange:function(n){return p&&p(n.target.value)},onKeyPress:function(n){return x&&x(n)},value:u,disabled:f}))})),Jn=t.div(En||(En=n(["\n background-color: var(--neutral50);\n padding: 12px 0;\n box-shadow: inset 0px 1px 0px #e4e8ec;\n\n > * {\n display: grid;\n grid-template-columns: 32px 1fr;\n align-content: center;\n\n p {\n font-weight: 600;\n }\n }\n\n .icon-wrapper {\n display: flex;\n align-items: center;\n }\n"],["\n background-color: var(--neutral50);\n padding: 12px 0;\n box-shadow: inset 0px 1px 0px #e4e8ec;\n\n > * {\n display: grid;\n grid-template-columns: 32px 1fr;\n align-content: center;\n\n p {\n font-weight: 600;\n }\n }\n\n .icon-wrapper {\n display: flex;\n align-items: center;\n }\n"]))),Qn=function(n){var e=n.children,o=n.icon,t=n.className,r=n.style;return s.createElement(Jn,{style:r,className:t},s.createElement(p,null,s.createElement("div",{className:"icon-wrapper"},o),s.createElement(u,{size:"c1",color:"var(--neutral800)"},e)))},$n=t.div(Mn||(Mn=n(["\n display: inline-flex;\n\n gap: calc(var(--gap) * 1px);\n > svg {\n width: calc(var(--star-size) * 1px);\n height: calc(var(--star-size) * 1px);\n }\n\n &[data-selectable='true'] {\n > svg {\n cursor: pointer;\n }\n }\n"],["\n display: inline-flex;\n\n gap: calc(var(--gap) * 1px);\n > svg {\n width: calc(var(--star-size) * 1px);\n height: calc(var(--star-size) * 1px);\n }\n\n &[data-selectable='true'] {\n > svg {\n cursor: pointer;\n }\n }\n"]))),ne=function(n){var t=n.color,r=n.activeColor,i=n.isActive,a=e(n,["color","activeColor","isActive"]);return s.createElement("svg",o({width:"21",height:"20",viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),s.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.75 0C5.23 0 0.75 4.48 0.75 10C0.75 15.52 5.23 20 10.75 20C16.27 20 20.75 15.52 20.75 10C20.75 4.48 16.27 0 10.75 0ZM10.5438 4.5C10.3158 4.5 10.1167 4.65417 10.0597 4.87487L8.56116 10.6721L8.39613 10.0688C8.33668 9.85146 8.13919 9.70073 7.91385 9.70073H5.05C4.77386 9.70073 4.55 9.92459 4.55 10.2007V10.5C4.55 10.7761 4.77386 11 5.05 11H6.92351C7.14858 11 7.34591 11.1504 7.40561 11.3674L7.91894 13.2336C7.97863 13.4506 8.17596 13.601 8.40103 13.601H8.76137C8.98935 13.601 9.18847 13.4468 9.24548 13.226L10.5625 8.12723L11.73 15.1333C11.7701 15.3744 11.9787 15.5511 12.2232 15.5511H12.5362C12.772 15.5511 12.9757 15.3864 13.0251 15.1558L13.8308 11.3953C13.8802 11.1647 14.0839 11 14.3197 11H17.05C17.3261 11 17.55 10.7761 17.55 10.5V10.2007C17.55 9.92459 17.3261 9.70073 17.05 9.70073H13.2688C13.0331 9.70073 12.8295 9.86527 12.7799 10.0957L12.4577 11.5948L11.3451 4.91781C11.3049 4.67671 11.0963 4.5 10.8519 4.5H10.5438ZM2.75 10C2.75 14.41 6.34 18 10.75 18C15.16 18 18.75 14.41 18.75 10C18.75 5.59 15.16 2 10.75 2C6.34 2 2.75 5.59 2.75 10Z",fill:i?r:t}))};ne.defaultProps={color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var ee=function(n){var t=n.size,r=n.color,i=e(n,["size","color"]);return s.createElement("svg",o({width:t,height:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),s.createElement("path",{d:"M10.929 12.0002L14.75 8.17915C15.164 7.76515 15.164 7.09315 14.75 6.67915C14.336 6.26515 13.664 6.26515 13.25 6.67915L8.63605 11.2932C8.24505 11.6842 8.24505 12.3172 8.63605 12.7072L13.25 17.3212C13.664 17.7352 14.336 17.7352 14.75 17.3212C15.164 16.9072 15.164 16.2352 14.75 15.8212L10.929 12.0002Z",fill:r}))};ee.defaultProps={size:24,color:i.colors.gray600};var oe=function(n){var t=n.size,r=n.color,i=e(n,["size","color"]);return s.createElement("svg",o({width:t,height:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),s.createElement("path",{d:"M13.071 12.0002L9.24995 8.17915C8.83595 7.76515 8.83595 7.09315 9.24995 6.67915C9.66395 6.26515 10.336 6.26515 10.75 6.67915L15.364 11.2932C15.755 11.6842 15.755 12.3172 15.364 12.7072L10.75 17.3212C10.336 17.7352 9.66395 17.7352 9.24995 17.3212C8.83595 16.9072 8.83595 16.2352 9.24995 15.8212L13.071 12.0002Z",fill:r}))};oe.defaultProps={size:24,color:i.colors.gray600};var te=function(n){var t=n.size,r=n.color,i=n.activeColor,a=n.isActive,l=e(n,["size","color","activeColor","isActive"]);return s.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 24 24"},l),a?s.createElement("path",{fill:i,fillRule:"evenodd",d:"M2 11c0-4.96 4.484-9 10-9s10 4.04 10 9c0 .32-.02.64-.059.953-.593 5.524-6.27 9.426-7.402 10.152L14 22.45c-.878.484-.97-.235-.993-.411-.003-.025-.005-.039-.007-.038v-2.047C7.04 20.508 2 16.258 2 11zm10.5 5c.277 0 .5-.223.5-.5v-1c0-.277-.223-.5-.5-.5h-1c-.277 0-.5.223-.5.5v1c0 .277.223.5.5.5h1zM11 13h2c0-.447.412-1.02.863-1.645C14.404 10.603 15 9.776 15 9c0-1.477-1.121-3-3-3-2.047 0-3 1.79-3 3 0 .55.45 1 1 1s1-.45 1-1c0-.164.176-1 1-1 .988 0 1 .988 1 1 0 .537-.52 1.312-1.029 2.072-.49.732-.971 1.45-.971 1.928z",clipRule:"evenodd"}):s.createElement(s.Fragment,null,s.createElement("path",{fill:r,d:"M12.5 16c.277 0 .5-.223.5-.5v-1c0-.277-.223-.5-.5-.5h-1c-.277 0-.5.223-.5.5v1c0 .277.223.5.5.5h1zM11 13h2c0-.447.412-1.02.863-1.645C14.404 10.603 15 9.776 15 9c0-1.477-1.121-3-3-3-2.047 0-3 1.79-3 3 0 .55.45 1 1 1s1-.45 1-1c0-.164.176-1 1-1 .988 0 1 .988 1 1 0 .537-.52 1.312-1.029 2.072-.49.732-.971 1.45-.971 1.928z"}),s.createElement("path",{fill:r,fillRule:"evenodd",d:"M2 11c0-5.027 4.547-9 10-9s10 3.973 10 9c0 .324-.02.637-.059.945-.554 5.172-5.238 8.774-7.398 10.16L13 23.095v-3.196c-.12.012-.239.028-.356.044-.211.03-.421.058-.644.058-5.453 0-10-3.973-10-9zm18 0c0-3.809-3.508-7-8-7s-8 3.191-8 7 3.508 7 8 7c.617 0 1.219-.066 1.8-.188l1.2-.238v1.508c2.047-1.637 4.61-4.152 4.953-7.352l.004-.003v-.004c.027-.243.043-.48.043-.723z",clipRule:"evenodd"})))};te.defaultProps={size:24,color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var re=function(n){var t=n.size,r=n.color,i=n.activeColor,a=n.isActive,l=e(n,["size","color","activeColor","isActive"]);return s.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 24 24"},l),s.createElement("path",{fill:a?i:r,fillRule:"evenodd",d:"M12 4c.88 0 1.6.72 1.6 1.6v12.8c0 .88-.72 1.6-1.6 1.6-.88 0-1.6-.72-1.6-1.6V5.6c0-.88.72-1.6 1.6-1.6zM5.6 8.8h.229c.88 0 1.6.72 1.6 1.6v8c0 .88-.72 1.6-1.6 1.6H5.6c-.88 0-1.6-.72-1.6-1.6v-8c0-.88.72-1.6 1.6-1.6zM20 14.743c0-.88-.72-1.6-1.6-1.6-.88 0-1.6.72-1.6 1.6V18.4c0 .88.72 1.6 1.6 1.6.88 0 1.6-.72 1.6-1.6v-3.657z",clipRule:"evenodd"}))};re.defaultProps={size:24,color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var ie=function(n){var t=n.size,r=n.color,i=n.activeColor,a=n.isActive,l=e(n,["size","color","activeColor","isActive"]);return s.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 24 24"},l),s.createElement("path",{fill:a?i:r,d:"M6 0C2.7 0 0 2.7 0 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zm0 2c2.2 0 4 1.8 4 4s-1.8 4-4 4-4-1.8-4-4 1.8-4 4-4zm10 0v2h-2.262c.165.64.262 1.308.262 2h5v2h-5.262a7.92 7.92 0 01-.816 2H19l.002 10H5v-6.068a7.911 7.911 0 01-2-.52V20c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2h-1V2h-2zM6.9 3.2L5.2 6.1l2.2 2.2.9-1-1.5-1.4L8 3.8l-1.1-.6z"}))};ie.defaultProps={size:24,color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var ae=function(n){var t=n.size,r=n.color,i=n.activeColor,a=n.isActive,l=e(n,["size","color","activeColor","isActive"]);return s.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 24 24"},l),a?s.createElement("path",{fill:i,d:"M6 2c-1.156 0-2 .965-2 2v18.04l8-2.974 8 2.973V4c0-.523-.191-1.055-.566-1.43-.38-.379-.91-.57-1.434-.57H6z"}):s.createElement("path",{fill:r,d:"M6 2c-1.156 0-2 .965-2 2v18.04l8-2.974 8 2.973V4c0-.523-.191-1.055-.566-1.43-.38-.379-.91-.57-1.434-.57H6zm0 2h12v15.16l-6-2.226-6 2.226V4z"}))};ae.defaultProps={size:24,color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var se=function(n){var t=n.size;n.color,n.activeColor,n.isActive;var r=e(n,["size","color","activeColor","isActive"]);return s.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 24 24"},r),s.createElement("path",{d:"M3.35288 8.95043C4.00437 6.17301 6.17301 4.00437 8.95043 3.35288C10.9563 2.88237 13.0437 2.88237 15.0496 3.35288C17.827 4.00437 19.9956 6.17301 20.6471 8.95044C21.1176 10.9563 21.1176 13.0437 20.6471 15.0496C19.9956 17.827 17.827 19.9956 15.0496 20.6471C13.0437 21.1176 10.9563 21.1176 8.95044 20.6471C6.17301 19.9956 4.00437 17.827 3.35288 15.0496C2.88237 13.0437 2.88237 10.9563 3.35288 8.95043Z",fill:"#2661AD"}),s.createElement("path",{d:"M8.5 12L10.4545 14L15 9",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))};se.defaultProps={size:24,color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var le=function(n){var t=n.size,r=n.color,i=n.activeColor,a=n.isActive,l=e(n,["size","color","activeColor","isActive"]);return s.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 24 24"},l),s.createElement("path",{fill:a?i:r,d:"M3.1998 19.3002C2.9498 19.3002 2.73714 19.2169 2.5618 19.0502C2.38714 18.8835 2.2998 18.6669 2.2998 18.4002V17.0752C2.2998 16.5585 2.43314 16.1002 2.6998 15.7002C2.96647 15.3002 3.3248 14.9835 3.7748 14.7502C4.7248 14.3002 5.67914 13.9462 6.6378 13.6882C7.59581 13.4295 8.6498 13.3002 9.7998 13.3002C10.9498 13.3002 12.0041 13.4295 12.9628 13.6882C13.9208 13.9462 14.8748 14.3002 15.8248 14.7502C16.2748 14.9835 16.6331 15.3002 16.8998 15.7002C17.1665 16.1002 17.2998 16.5585 17.2998 17.0752V18.4002C17.2998 18.6669 17.2125 18.8835 17.0378 19.0502C16.8625 19.2169 16.6498 19.3002 16.3998 19.3002H3.1998ZM18.8998 19.3002C19.0331 19.2002 19.1331 19.0712 19.1998 18.9132C19.2665 18.7545 19.2998 18.5835 19.2998 18.4002V16.9502C19.2998 16.3002 19.1371 15.6792 18.8118 15.0872C18.4871 14.4959 18.0331 13.9835 17.4498 13.5502C18.1165 13.6502 18.7498 13.8042 19.3498 14.0122C19.9498 14.2209 20.5248 14.4669 21.0748 14.7502C21.5915 15.0335 21.9915 15.3629 22.2748 15.7382C22.5581 16.1129 22.6998 16.5169 22.6998 16.9502V18.4002C22.6998 18.6669 22.6125 18.8835 22.4378 19.0502C22.2625 19.2169 22.0498 19.3002 21.7998 19.3002H18.8998ZM9.7998 11.7002C8.83314 11.7002 8.00814 11.3542 7.3248 10.6622C6.64147 9.97086 6.2998 9.1502 6.2998 8.2002C6.2998 7.23353 6.64147 6.40853 7.3248 5.7252C8.00814 5.04186 8.83314 4.7002 9.7998 4.7002C10.7665 4.7002 11.5915 5.04186 12.2748 5.7252C12.9581 6.40853 13.2998 7.23353 13.2998 8.2002C13.2998 9.1502 12.9581 9.97086 12.2748 10.6622C11.5915 11.3542 10.7665 11.7002 9.7998 11.7002ZM18.4248 8.2002C18.4248 9.1502 18.0831 9.97086 17.3998 10.6622C16.7165 11.3542 15.8915 11.7002 14.9248 11.7002C14.8248 11.7002 14.6871 11.6875 14.5118 11.6622C14.3371 11.6375 14.1915 11.6085 14.0748 11.5752C14.4748 11.0919 14.7791 10.5629 14.9878 9.9882C15.1958 9.41286 15.2998 8.81686 15.2998 8.2002C15.2998 7.56686 15.1915 6.96686 14.9748 6.4002C14.7581 5.83353 14.4581 5.30853 14.0748 4.8252C14.2081 4.7752 14.3498 4.74186 14.4998 4.7252C14.6498 4.70853 14.7915 4.7002 14.9248 4.7002C15.8915 4.7002 16.7165 5.04186 17.3998 5.7252C18.0831 6.40853 18.4248 7.23353 18.4248 8.2002ZM3.7998 17.8002H15.7998V17.0752C15.7998 16.8752 15.7458 16.6919 15.6378 16.5252C15.5291 16.3585 15.3665 16.2169 15.1498 16.1002C14.3165 15.6835 13.4665 15.3625 12.5998 15.1372C11.7331 14.9125 10.7998 14.8002 9.7998 14.8002C8.7998 14.8002 7.86247 14.9125 6.9878 15.1372C6.11247 15.3625 5.26647 15.6835 4.4498 16.1002C4.21647 16.2169 4.0498 16.3585 3.9498 16.5252C3.8498 16.6919 3.7998 16.8752 3.7998 17.0752V17.8002ZM9.7998 10.2002C10.3498 10.2002 10.8208 10.0042 11.2128 9.6122C11.6041 9.22086 11.7998 8.7502 11.7998 8.2002C11.7998 7.6502 11.6041 7.1792 11.2128 6.7872C10.8208 6.39586 10.3498 6.2002 9.7998 6.2002C9.2498 6.2002 8.77914 6.39586 8.3878 6.7872C7.9958 7.1792 7.7998 7.6502 7.7998 8.2002C7.7998 8.7502 7.9958 9.22086 8.3878 9.6122C8.77914 10.0042 9.2498 10.2002 9.7998 10.2002Z"}))};le.defaultProps={size:24,color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var ce=function(n){var t=n.size,r=n.color,i=e(n,["size","color"]);return s.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 33 32"},i),s.createElement("circle",{cx:"16.5",cy:"16",r:"16",fill:r}),s.createElement("path",{fill:"#fff",d:"M22.477 7.667c-.604 0-1.207.23-1.667.69l-.977.976 3.334 3.334.976-.977a2.358 2.358 0 00-1.666-4.023zm-3.894 2.916L9 20.167V23.5h3.333l9.584-9.583-3.334-3.334z"}))};ce.defaultProps={size:32,color:i.colors.primaryBase};var de=function(n){var t=n.size,r=n.color,i=n.activeColor,a=n.isActive,l=e(n,["size","color","activeColor","isActive"]);return s.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 24 24"},l),s.createElement("path",{fill:a?i:r,d:"M8 3a3 3 0 100 6 3 3 0 000-6zm8 0a3 3 0 100 6 3 3 0 000-6zM8 5c.551 0 1 .449 1 1 0 .551-.449 1-1 1-.551 0-1-.449-1-1 0-.551.449-1 1-1zm8 0c.551 0 1 .449 1 1 0 .551-.449 1-1 1-.551 0-1-.449-1-1 0-.551.449-1 1-1zm-9 6a4 4 0 00-4 4v6h4v-2H5v-4c0-1.103.897-2 2-2h10c1.103 0 2 .897 2 2v4h-2v2h4v-6a4 4 0 00-4-4H7zm5 3a2 2 0 100 4 2 2 0 000-4zm-1 5a2 2 0 00-2 2h6a2 2 0 00-2-2h-2z"}))};de.defaultProps={size:24,color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var pe=function(n){var t=n.size,r=n.color,i=n.activeColor,a=n.isActive,l=e(n,["size","color","activeColor","isActive"]);return s.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 24 24"},l),s.createElement("path",{fill:a?i:r,d:"M9 5.5c0 .83.67 1.5 1.5 1.5H14v10.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V7h3.5c.83 0 1.5-.67 1.5-1.5S21.33 4 20.5 4h-10C9.67 4 9 4.67 9 5.5zM4.5 12H6v5.5c0 .83.67 1.5 1.5 1.5S9 18.33 9 17.5V12h1.5c.83 0 1.5-.67 1.5-1.5S11.33 9 10.5 9h-6C3.67 9 3 9.67 3 10.5S3.67 12 4.5 12z"}))};pe.defaultProps={size:24,color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var ue=function(n){n.size;var t=n.color,r=n.activeColor,i=n.isActive,a=e(n,["size","color","activeColor","isActive"]);return s.createElement("svg",o({width:"25",height:"12",viewBox:"0 0 25 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),i?s.createElement("path",{d:"M0.75 12C0.533333 12 0.354167 11.9292 0.2125 11.7875C0.0708333 11.6458 0 11.4667 0 11.25V10.675C0 10.025 0.345833 9.5 1.0375 9.1C1.72917 8.7 2.63333 8.5 3.75 8.5C3.95 8.5 4.14583 8.50417 4.3375 8.5125C4.52917 8.52083 4.71667 8.54167 4.9 8.575C4.76667 8.85833 4.66667 9.15 4.6 9.45C4.53333 9.75 4.5 10.0667 4.5 10.4V12H0.75ZM6.75 12C6.53333 12 6.35417 11.9292 6.2125 11.7875C6.07083 11.6458 6 11.4667 6 11.25V10.4C6 9.31667 6.55417 8.4375 7.6625 7.7625C8.77083 7.0875 10.2167 6.75 12 6.75C13.8 6.75 15.25 7.0875 16.35 7.7625C17.45 8.4375 18 9.31667 18 10.4V11.25C18 11.4667 17.9292 11.6458 17.7875 11.7875C17.6458 11.9292 17.4667 12 17.25 12H6.75ZM19.5 12V10.4C19.5 10.0667 19.4667 9.75 19.4 9.45C19.3333 9.15 19.2333 8.85833 19.1 8.575C19.2833 8.54167 19.4708 8.52083 19.6625 8.5125C19.8542 8.50417 20.05 8.5 20.25 8.5C21.3667 8.5 22.2708 8.7 22.9625 9.1C23.6542 9.5 24 10.025 24 10.675V11.25C24 11.4667 23.9292 11.6458 23.7875 11.7875C23.6458 11.9292 23.4667 12 23.25 12H19.5ZM3.75 7.75C3.26667 7.75 2.85417 7.57917 2.5125 7.2375C2.17083 6.89583 2 6.48333 2 6C2 5.51667 2.17083 5.10417 2.5125 4.7625C2.85417 4.42083 3.26667 4.25 3.75 4.25C4.23333 4.25 4.64583 4.42083 4.9875 4.7625C5.32917 5.10417 5.5 5.51667 5.5 6C5.5 6.48333 5.32917 6.89583 4.9875 7.2375C4.64583 7.57917 4.23333 7.75 3.75 7.75ZM20.25 7.75C19.7667 7.75 19.3542 7.57917 19.0125 7.2375C18.6708 6.89583 18.5 6.48333 18.5 6C18.5 5.51667 18.6708 5.10417 19.0125 4.7625C19.3542 4.42083 19.7667 4.25 20.25 4.25C20.7333 4.25 21.1458 4.42083 21.4875 4.7625C21.8292 5.10417 22 5.51667 22 6C22 6.48333 21.8292 6.89583 21.4875 7.2375C21.1458 7.57917 20.7333 7.75 20.25 7.75ZM12 6C11.1667 6 10.4583 5.70833 9.875 5.125C9.29167 4.54167 9 3.83333 9 3C9 2.16667 9.29167 1.45833 9.875 0.875C10.4583 0.291667 11.1667 0 12 0C12.8333 0 13.5417 0.291667 14.125 0.875C14.7083 1.45833 15 2.16667 15 3C15 3.83333 14.7083 4.54167 14.125 5.125C13.5417 5.70833 12.8333 6 12 6Z",fill:r}):s.createElement("path",{d:"M1.25 12C1.03333 12 0.854167 11.9292 0.7125 11.7875C0.570833 11.6458 0.5 11.4667 0.5 11.25V10.675C0.5 10.025 0.845833 9.5 1.5375 9.1C2.22917 8.7 3.13333 8.5 4.25 8.5C4.45 8.5 4.64583 8.50417 4.8375 8.5125C5.02917 8.52083 5.21667 8.54167 5.4 8.575C5.26667 8.85833 5.16667 9.15 5.1 9.45C5.03333 9.75 5 10.0667 5 10.4V12H1.25ZM7.25 12C7.03333 12 6.85417 11.9292 6.7125 11.7875C6.57083 11.6458 6.5 11.4667 6.5 11.25V10.4C6.5 9.31667 7.05417 8.4375 8.1625 7.7625C9.27083 7.0875 10.7167 6.75 12.5 6.75C14.3 6.75 15.75 7.0875 16.85 7.7625C17.95 8.4375 18.5 9.31667 18.5 10.4V11.25C18.5 11.4667 18.4292 11.6458 18.2875 11.7875C18.1458 11.9292 17.9667 12 17.75 12H7.25ZM20 12V10.4C20 10.0667 19.9667 9.75 19.9 9.45C19.8333 9.15 19.7333 8.85833 19.6 8.575C19.7833 8.54167 19.9708 8.52083 20.1625 8.5125C20.3542 8.50417 20.55 8.5 20.75 8.5C21.8667 8.5 22.7708 8.7 23.4625 9.1C24.1542 9.5 24.5 10.025 24.5 10.675V11.25C24.5 11.4667 24.4292 11.6458 24.2875 11.7875C24.1458 11.9292 23.9667 12 23.75 12H20ZM12.5 8.25C11.15 8.25 10.0625 8.45417 9.2375 8.8625C8.4125 9.27083 8 9.78333 8 10.4V10.5H17V10.375C17 9.775 16.5875 9.27083 15.7625 8.8625C14.9375 8.45417 13.85 8.25 12.5 8.25ZM4.25 7.75C3.76667 7.75 3.35417 7.57917 3.0125 7.2375C2.67083 6.89583 2.5 6.48333 2.5 6C2.5 5.51667 2.67083 5.10417 3.0125 4.7625C3.35417 4.42083 3.76667 4.25 4.25 4.25C4.73333 4.25 5.14583 4.42083 5.4875 4.7625C5.82917 5.10417 6 5.51667 6 6C6 6.48333 5.82917 6.89583 5.4875 7.2375C5.14583 7.57917 4.73333 7.75 4.25 7.75ZM20.75 7.75C20.2667 7.75 19.8542 7.57917 19.5125 7.2375C19.1708 6.89583 19 6.48333 19 6C19 5.51667 19.1708 5.10417 19.5125 4.7625C19.8542 4.42083 20.2667 4.25 20.75 4.25C21.2333 4.25 21.6458 4.42083 21.9875 4.7625C22.3292 5.10417 22.5 5.51667 22.5 6C22.5 6.48333 22.3292 6.89583 21.9875 7.2375C21.6458 7.57917 21.2333 7.75 20.75 7.75ZM12.5 6C11.6667 6 10.9583 5.70833 10.375 5.125C9.79167 4.54167 9.5 3.83333 9.5 3C9.5 2.16667 9.79167 1.45833 10.375 0.875C10.9583 0.291667 11.6667 0 12.5 0C13.3333 0 14.0417 0.291667 14.625 0.875C15.2083 1.45833 15.5 2.16667 15.5 3C15.5 3.83333 15.2083 4.54167 14.625 5.125C14.0417 5.70833 13.3333 6 12.5 6ZM12.5 1.5C12.0833 1.5 11.7292 1.64167 11.4375 1.925C11.1458 2.20833 11 2.56667 11 3C11 3.41667 11.1458 3.77083 11.4375 4.0625C11.7292 4.35417 12.0833 4.5 12.5 4.5C12.9333 4.5 13.2917 4.35417 13.575 4.0625C13.8583 3.77083 14 3.41667 14 3C14 2.56667 13.8583 2.20833 13.575 1.925C13.2917 1.64167 12.9333 1.5 12.5 1.5Z",fill:t}))};ue.defaultProps={size:24,color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var he=function(n){n.size;var t=n.color,r=n.activeColor,i=n.isActive,a=e(n,["size","color","activeColor","isActive"]);return s.createElement("svg",o({width:"24",height:"12",viewBox:"0 0 24 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),s.createElement("path",{d:"M0.75 12C0.533333 12 0.354167 11.9292 0.2125 11.7875C0.0708333 11.6458 0 11.4667 0 11.25V10.675C0 10.025 0.345833 9.5 1.0375 9.1C1.72917 8.7 2.63333 8.5 3.75 8.5C3.95 8.5 4.14583 8.50417 4.3375 8.5125C4.52917 8.52083 4.71667 8.54167 4.9 8.575C4.76667 8.85833 4.66667 9.15 4.6 9.45C4.53333 9.75 4.5 10.0667 4.5 10.4V12H0.75ZM6.75 12C6.53333 12 6.35417 11.9292 6.2125 11.7875C6.07083 11.6458 6 11.4667 6 11.25V10.4C6 9.31667 6.55417 8.4375 7.6625 7.7625C8.77083 7.0875 10.2167 6.75 12 6.75C13.8 6.75 15.25 7.0875 16.35 7.7625C17.45 8.4375 18 9.31667 18 10.4V11.25C18 11.4667 17.9292 11.6458 17.7875 11.7875C17.6458 11.9292 17.4667 12 17.25 12H6.75ZM19.5 12V10.4C19.5 10.0667 19.4667 9.75 19.4 9.45C19.3333 9.15 19.2333 8.85833 19.1 8.575C19.2833 8.54167 19.4708 8.52083 19.6625 8.5125C19.8542 8.50417 20.05 8.5 20.25 8.5C21.3667 8.5 22.2708 8.7 22.9625 9.1C23.6542 9.5 24 10.025 24 10.675V11.25C24 11.4667 23.9292 11.6458 23.7875 11.7875C23.6458 11.9292 23.4667 12 23.25 12H19.5ZM3.75 7.75C3.26667 7.75 2.85417 7.57917 2.5125 7.2375C2.17083 6.89583 2 6.48333 2 6C2 5.51667 2.17083 5.10417 2.5125 4.7625C2.85417 4.42083 3.26667 4.25 3.75 4.25C4.23333 4.25 4.64583 4.42083 4.9875 4.7625C5.32917 5.10417 5.5 5.51667 5.5 6C5.5 6.48333 5.32917 6.89583 4.9875 7.2375C4.64583 7.57917 4.23333 7.75 3.75 7.75ZM20.25 7.75C19.7667 7.75 19.3542 7.57917 19.0125 7.2375C18.6708 6.89583 18.5 6.48333 18.5 6C18.5 5.51667 18.6708 5.10417 19.0125 4.7625C19.3542 4.42083 19.7667 4.25 20.25 4.25C20.7333 4.25 21.1458 4.42083 21.4875 4.7625C21.8292 5.10417 22 5.51667 22 6C22 6.48333 21.8292 6.89583 21.4875 7.2375C21.1458 7.57917 20.7333 7.75 20.25 7.75ZM12 6C11.1667 6 10.4583 5.70833 9.875 5.125C9.29167 4.54167 9 3.83333 9 3C9 2.16667 9.29167 1.45833 9.875 0.875C10.4583 0.291667 11.1667 0 12 0C12.8333 0 13.5417 0.291667 14.125 0.875C14.7083 1.45833 15 2.16667 15 3C15 3.83333 14.7083 4.54167 14.125 5.125C13.5417 5.70833 12.8333 6 12 6Z",fill:i?r:t}))};he.defaultProps={size:24,color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var xe=function(n){var t=n.size,r=n.color,i=n.activeColor,a=n.isActive,l=e(n,["size","color","activeColor","isActive"]);return s.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 24 24"},l),s.createElement("path",{fill:a?i:r,d:"M16.5 3C13.605 3 12 5.09 12 5.09S10.395 3 7.5 3A5.5 5.5 0 002 8.5c0 4.171 4.912 8.213 6.281 9.49.77.719 1.677 1.538 2.401 2.187.751.673 1.885.673 2.636 0 .724-.65 1.63-1.468 2.401-2.187C17.088 16.713 22 12.671 22 8.5A5.5 5.5 0 0016.5 3zm-1.689 13.11c-.177.16-.331.299-.456.416-.751.7-1.639 1.503-2.355 2.145a175.713 175.713 0 01-2.355-2.145c-.126-.117-.28-.257-.456-.416C7.769 14.827 4 11.419 4 8.5 4 6.57 5.57 5 7.5 5c1.827 0 2.886 1.275 2.914 1.308L12 8l1.586-1.692C13.596 6.295 14.673 5 16.5 5 18.43 5 20 6.57 20 8.5c0 2.919-3.769 6.327-5.189 7.61z"}))};xe.defaultProps={size:24,color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var ge=function(n){var t=n.size,r=n.color,i=n.activeColor,a=n.isActive,l=e(n,["size","color","activeColor","isActive"]);return s.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 24 24"},l),s.createElement("path",{fill:a?i:r,d:"M9.3 10.625c-.35 0-.613-.158-.788-.475-.175-.317-.17-.625.013-.925L11.725 4c.183-.3.442-.45.775-.45s.592.15.775.45l3.2 5.225c.183.3.188.608.013.925-.175.317-.438.475-.788.475H9.3zm8.7 11c-1.15 0-2.125-.4-2.925-1.2-.8-.8-1.2-1.775-1.2-2.925s.4-2.125 1.2-2.925c.8-.8 1.775-1.2 2.925-1.2s2.125.4 2.925 1.2c.8.8 1.2 1.775 1.2 2.925s-.4 2.125-1.2 2.925c-.8.8-1.775 1.2-2.925 1.2zm-13.225-.5a.9.9 0 01-.9-.925v-5.425a.898.898 0 01.925-.9h5.425a.87.87 0 01.638.262.9.9 0 01.262.663v5.425a.87.87 0 01-.262.638.9.9 0 01-.663.262H4.775zm13.225-1c.733 0 1.354-.254 1.863-.762.508-.509.762-1.13.762-1.863 0-.733-.254-1.354-.762-1.863A2.536 2.536 0 0018 14.875c-.733 0-1.354.254-1.862.762a2.535 2.535 0 00-.763 1.863c0 .733.254 1.354.763 1.863.508.508 1.129.762 1.862.762zm-12.625-.5h4.25v-4.25h-4.25v4.25zm4.975-10.5h4.3L12.5 5.65l-2.15 3.475z"}))};ge.defaultProps={size:24,color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var fe=function(n){var t=n.size,r=n.color,i=n.activeColor,a=n.isActive,l=e(n,["size","color","activeColor","isActive"]);return s.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 24 24"},l),a?s.createElement("path",{fill:i,d:"M11.678.182a1.02 1.02 0 00-.899.79l-.554 2.446L7.514 6.43A1.997 1.997 0 007 7.768V17a2 2 0 002 2h8.031c.741 0 1.412-.436 1.713-1.113l3.002-6.756c.167-.374.254-.78.254-1.19V9c0-1.1-.9-2-2-2h-7s1-2.37 1-4.137C14 1.25 12.962.544 12.107.236a.991.991 0 00-.43-.054zM3.5 7A1.5 1.5 0 002 8.5v9a1.5 1.5 0 003 0v-9A1.5 1.5 0 003.5 7z"}):s.createElement(s.Fragment,null,s.createElement("path",{fill:r,fillRule:"evenodd",d:"M10.39 4.86l.801-3.887.84.027s.946.02 1.918.508A3.764 3.764 0 0116 4.898C16 6 15.715 7.125 15.434 8H20c.523 0 1.055.191 1.434.57.375.375.566.907.566 1.43v2.402c0 .29-.08.44-.219.672l-3.375 6.754c-.304.8-1.125 1.172-1.808 1.172H8c-.523 0-1.055-.191-1.43-.566-.379-.38-.57-.91-.57-1.434V9.5c0-.523.246-1.234.844-1.633L10.39 4.86zm2.494-1.617a.695.695 0 01-.114-.024l-.563 2.719L8 9.5V19h8.582l3.207-6.418a2 2 0 00.211-.894V10.2a.2.2 0 00-.2-.2h-7.3l.578-1.383S14 6.207 14 4.898c0-1.039-.418-1.34-.95-1.601a.427.427 0 00-.166-.054z",clipRule:"evenodd"}),s.createElement("path",{fill:r,d:"M2 10a1 1 0 012 0v10a1 1 0 11-2 0V10z"})))};fe.defaultProps={size:24,color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var me=function(n){var t=n.size,r=n.color,i=n.activeColor,a=n.isActive,l=e(n,["size","color","activeColor","isActive"]);return s.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 24 24"},l),s.createElement("path",{fill:a?i:r,d:"M17 3c-1.105 0-2 .895-2 2v7l2-2h4c1.105 0 2-.895 2-2V5c0-1.105-.895-2-2-2h-4zM9.5 5A3.514 3.514 0 006 8.5C6 10.422 7.578 12 9.5 12S13 10.422 13 8.5 11.422 5 9.5 5zM17 5h4v3h-4V5zM9.5 7c.84 0 1.5.66 1.5 1.5S10.34 10 9.5 10 8 9.34 8 8.5 8.66 7 9.5 7zm0 7c-1.488 0-3.2.422-4.648 1.125-.727.355-1.387.777-1.915 1.313C2.414 16.977 2 17.675 2 18.5V21h15v-2.5c0-.824-.414-1.523-.938-2.063-.527-.535-1.187-.957-1.91-1.312C12.7 14.422 10.988 14 9.5 14zm0 2c1.078 0 2.617.363 3.777.926.579.281 1.059.61 1.352.91.293.3.371.52.371.664v.5H4v-.5c0-.145.078-.363.371-.664.293-.3.774-.629 1.356-.91C6.883 16.363 8.422 16 9.5 16z"}))};me.defaultProps={size:24,color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var be=function(n){var t=n.size,r=n.color,i=n.activeColor,a=n.isActive,l=e(n,["size","color","activeColor","isActive"]);return s.createElement("svg",o({width:t,height:t,viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),s.createElement("path",{d:"M8 4.5C8.87467 4.5 9.70467 4.68067 10.49 5.042C11.2747 5.40267 11.9447 5.91633 12.5 6.583C13.0553 5.91633 13.7253 5.40267 14.51 5.042C15.2953 4.68067 16.1253 4.5 17 4.5C18.528 4.5 19.8267 5.03467 20.896 6.104C21.9653 7.17333 22.5 8.472 22.5 10C22.5 10.486 22.441 10.972 22.323 11.458C22.205 11.9447 22.028 12.431 21.792 12.917C21.6387 12.639 21.444 12.396 21.208 12.188C20.972 11.9793 20.7083 11.8127 20.417 11.688C20.5277 11.396 20.611 11.111 20.667 10.833C20.7223 10.5557 20.75 10.278 20.75 10C20.75 8.95867 20.3853 8.07333 19.656 7.344C18.9267 6.61467 18.0413 6.25 17 6.25C16.1667 6.25 15.3923 6.507 14.677 7.021C13.9617 7.535 13.236 8.25033 12.5 9.167C11.764 8.25033 11.0383 7.535 10.323 7.021C9.60767 6.507 8.83333 6.25 8 6.25C6.95867 6.25 6.07333 6.61467 5.344 7.344C4.61467 8.07333 4.25 8.95867 4.25 10C4.25 10.278 4.27767 10.5557 4.333 10.833C4.389 11.111 4.47233 11.396 4.583 11.688C4.30567 11.8267 4.04533 12 3.802 12.208C3.55933 12.4167 3.36133 12.66 3.208 12.938C2.972 12.4513 2.795 11.9617 2.677 11.469C2.559 10.9757 2.5 10.486 2.5 10C2.5 8.472 3.03467 7.17333 4.104 6.104C5.17333 5.03467 6.472 4.5 8 4.5ZM3.375 20.333C3.139 20.333 2.934 20.2463 2.76 20.073C2.58667 19.899 2.5 19.694 2.5 19.458V18.938C2.5 18.3127 2.816 17.8057 3.448 17.417C4.08 17.0277 4.903 16.833 5.917 16.833C6.06967 16.833 6.22233 16.8367 6.375 16.844C6.52767 16.8507 6.68033 16.868 6.833 16.896C6.611 17.2013 6.44433 17.531 6.333 17.885C6.22233 18.2397 6.167 18.6113 6.167 19V20.333H3.375ZM8.375 20.333C8.139 20.333 7.934 20.2463 7.76 20.073C7.58667 19.899 7.5 19.694 7.5 19.458V19C7.5 18.0973 7.96167 17.3647 8.885 16.802C9.809 16.2393 11.014 15.958 12.5 15.958C14 15.958 15.2083 16.2393 16.125 16.802C17.0417 17.3647 17.5 18.0973 17.5 19V19.458C17.5 19.694 17.4133 19.899 17.24 20.073C17.066 20.2463 16.861 20.333 16.625 20.333H8.375ZM18.833 20.333V19C18.833 18.5973 18.7777 18.2223 18.667 17.875C18.5557 17.5277 18.389 17.2013 18.167 16.896C18.3197 16.868 18.4723 16.8507 18.625 16.844C18.7777 16.8367 18.9303 16.833 19.083 16.833C20.097 16.833 20.92 17.0277 21.552 17.417C22.184 17.8057 22.5 18.3127 22.5 18.938V19.458C22.5 19.694 22.4133 19.899 22.24 20.073C22.066 20.2463 21.861 20.333 21.625 20.333H18.833ZM12.5 17.708C11.792 17.708 11.1497 17.795 10.573 17.969C9.99633 18.1423 9.611 18.347 9.417 18.583H15.583C15.389 18.347 15.0037 18.1423 14.427 17.969C13.8503 17.795 13.208 17.708 12.5 17.708ZM5.875 16.25C5.389 16.25 4.97567 16.08 4.635 15.74C4.295 15.3993 4.125 14.986 4.125 14.5C4.125 14.014 4.295 13.6007 4.635 13.26C4.97567 12.92 5.389 12.75 5.875 12.75C6.361 12.75 6.77433 12.92 7.115 13.26C7.455 13.6007 7.625 14.014 7.625 14.5C7.625 14.986 7.455 15.3993 7.115 15.74C6.77433 16.08 6.361 16.25 5.875 16.25ZM19.125 16.25C18.639 16.25 18.2257 16.08 17.885 15.74C17.545 15.3993 17.375 14.986 17.375 14.5C17.375 14.014 17.545 13.6007 17.885 13.26C18.2257 12.92 18.639 12.75 19.125 12.75C19.611 12.75 20.0243 12.92 20.365 13.26C20.705 13.6007 20.875 14.014 20.875 14.5C20.875 14.986 20.705 15.3993 20.365 15.74C20.0243 16.08 19.611 16.25 19.125 16.25ZM12.5 15.333C11.8053 15.333 11.215 15.09 10.729 14.604C10.243 14.118 10 13.5277 10 12.833C10 12.139 10.243 11.5487 10.729 11.062C11.215 10.576 11.8053 10.333 12.5 10.333C13.1947 10.333 13.785 10.576 14.271 11.062C14.757 11.5487 15 12.139 15 12.833C15 13.5277 14.757 14.118 14.271 14.604C13.785 15.09 13.1947 15.333 12.5 15.333ZM12.5 12.083C12.292 12.083 12.115 12.156 11.969 12.302C11.823 12.448 11.75 12.625 11.75 12.833C11.75 13.0417 11.823 13.219 11.969 13.365C12.115 13.5103 12.292 13.583 12.5 13.583C12.708 13.583 12.885 13.5103 13.031 13.365C13.177 13.219 13.25 13.0417 13.25 12.833C13.25 12.625 13.177 12.448 13.031 12.302C12.885 12.156 12.708 12.083 12.5 12.083Z",fill:a?i:r}))};be.defaultProps={size:24,color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var ve=function(n){var t=n.size;n.color;var r=e(n,["size","color"]);return s.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 24 24"},r),s.createElement("path",{fill:"#2D87F3",d:"M10.6 15.35c.35.35.808.517 1.375.5.567-.017.975-.217 1.225-.6l4-5.8c.15-.217.133-.412-.05-.587s-.383-.196-.6-.063l-5.8 4c-.383.25-.592.65-.625 1.2-.033.55.125 1 .475 1.35zM5.1 19.5c-.267 0-.517-.063-.75-.188a1.484 1.484 0 01-.575-.562 10.17 10.17 0 01-.925-2.175A8.99 8.99 0 012.5 14c0-1.3.25-2.525.75-3.675A9.933 9.933 0 015.275 7.3a9.373 9.373 0 013.013-2.05A9.263 9.263 0 0112 4.5c1.333 0 2.575.25 3.725.75a9.62 9.62 0 013 2.025 9.62 9.62 0 012.025 3c.5 1.15.75 2.375.75 3.675 0 .9-.104 1.742-.312 2.525a9.907 9.907 0 01-.963 2.325c-.133.217-.32.387-.562.512a1.637 1.637 0 01-.763.188H5.1z"}))};ve.defaultProps={size:24,color:i.colors.primaryBase};var we=function(n){var t=n.size,r=n.color,i=n.activeColor,a=n.isActive,l=e(n,["size","color","activeColor","isActive"]);return s.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 24 24"},l),s.createElement("path",{fill:a?i:r,d:"M12 2c-2.037 0-3.934.62-5.517 1.67l-1.5-1.5A.575.575 0 004 2.576v3.85c0 .317.257.574.574.574h3.85c.513 0 .77-.62.406-.982l-.9-.9A7.944 7.944 0 0112 4c4.43 0 8 3.57 8 8s-3.57 8-8 8-8-3.57-8-8a1 1 0 10-2 0c0 5.512 4.489 10 10 10s10-4.488 10-10C22 6.49 17.511 2 12 2z"}))};we.defaultProps={size:24,color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var Ce=function(n){var t=n.color,r=n.activeColor,i=n.isActive,a=e(n,["color","activeColor","isActive"]);return s.createElement("svg",o({width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),s.createElement("path",{d:"M6.66667 5.99998V3.33331L2 7.99998L6.66667 12.6666V9.93331C10 9.93331 12.3333 11 14 13.3333C13.3333 9.99998 11.3333 6.66665 6.66667 5.99998Z",fill:i?r:t}))};Ce.defaultProps={color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var ye=function(n){var t=n.size,r=n.color,i=n.activeColor,a=n.isActive,l=e(n,["size","color","activeColor","isActive"]);return s.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 24 24"},l),s.createElement("path",{fill:a?i:r,d:"M10.85 15.35c.35.35.808.517 1.375.5.567-.017.975-.217 1.225-.6l4-5.8c.15-.217.133-.412-.05-.587s-.383-.196-.6-.063l-5.8 4c-.383.25-.592.65-.625 1.2-.033.55.125 1 .475 1.35zm-5.5 4.15c-.267 0-.517-.063-.75-.188a1.484 1.484 0 01-.575-.562 10.17 10.17 0 01-.925-2.175A8.99 8.99 0 012.75 14c0-1.3.25-2.525.75-3.675A9.933 9.933 0 015.525 7.3a9.373 9.373 0 013.013-2.05 9.263 9.263 0 013.712-.75c.767 0 1.488.079 2.163.237a8.962 8.962 0 011.962.713c.283.15.446.346.488.587.041.242-.038.471-.238.688-.1.1-.237.158-.412.175-.175.017-.33 0-.463-.05a7.678 7.678 0 00-1.688-.637A7.53 7.53 0 0012.25 6c-2.217 0-4.104.779-5.662 2.337C5.029 9.896 4.25 11.783 4.25 14c0 .7.096 1.392.287 2.075.192.683.463 1.325.813 1.925h13.8a7.31 7.31 0 00.838-1.975 8.546 8.546 0 00.262-2.125 7.41 7.41 0 00-.212-1.75 7.66 7.66 0 00-.638-1.7.8.8 0 01-.088-.488.745.745 0 01.263-.437.695.695 0 01.663-.15c.241.067.42.225.537.475.317.667.554 1.325.713 1.975.158.65.245 1.333.262 2.05 0 .9-.104 1.754-.312 2.563a9.74 9.74 0 01-.963 2.362c-.133.217-.32.387-.562.512a1.637 1.637 0 01-.763.188H5.35z"}))};ye.defaultProps={size:24,color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var ze=function(n){var t=n.size,r=n.color,i=n.activeColor,a=n.isActive,l=e(n,["size","color","activeColor","isActive"]);return s.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 24 24"},l),s.createElement("path",{fill:a?i:r,d:"M19 3c-1.652 0-3 1.348-3 3 0 .46.113.895.3 1.285L12.587 11h-4.77A2.999 2.999 0 005 9c-1.652 0-3 1.348-3 3s1.348 3 3 3c1.3 0 2.402-.84 2.816-2h4.77l3.715 3.715c-.188.39-.301.824-.301 1.285 0 1.652 1.348 3 3 3s3-1.348 3-3-1.348-3-3-3c-.46 0-.895.113-1.285.3l-3.3-3.3 3.3-3.3c.39.187.824.3 1.285.3 1.652 0 3-1.348 3-3s-1.348-3-3-3z"}))};ze.defaultProps={size:24,color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var ke=function(n){var t=n.size,r=n.color,i=n.activeColor,a=n.isActive,l=e(n,["size","color","activeColor","isActive"]);return s.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 24 24"},l),s.createElement("path",{fill:a?i:r,d:"M13.475 21.5c-1.667 0-3.083-.583-4.25-1.75-1.167-1.167-1.75-2.583-1.75-4.25v-.55c-1.35-.167-2.479-.767-3.387-1.8-.909-1.033-1.363-2.25-1.363-3.65V4.65a.87.87 0 01.262-.638.87.87 0 01.638-.262h2.1V3.5a.728.728 0 01.75-.75c.217 0 .396.07.538.212a.731.731 0 01.212.538v2a.728.728 0 01-.75.75.726.726 0 01-.75-.75v-.25h-1.5V9.5c0 1.1.392 2.042 1.175 2.825.783.783 1.725 1.175 2.825 1.175s2.042-.392 2.825-1.175c.783-.783 1.175-1.725 1.175-2.825V5.25h-1.5v.25a.728.728 0 01-.75.75.726.726 0 01-.75-.75v-2a.728.728 0 01.75-.75c.217 0 .396.07.538.212a.731.731 0 01.212.538v.25h2.1a.87.87 0 01.638.262.87.87 0 01.262.638V9.5c0 1.4-.454 2.617-1.362 3.65-.909 1.033-2.038 1.633-3.388 1.8v.55c0 1.25.438 2.313 1.313 3.188S12.225 20 13.475 20c1.25 0 2.313-.437 3.188-1.312s1.312-1.938 1.312-3.188v-1.625a2.607 2.607 0 01-1.287-.913 2.402 2.402 0 01-.513-1.512c0-.717.25-1.325.75-1.825s1.1-.75 1.8-.75c.717 0 1.325.25 1.825.75s.75 1.108.75 1.825c0 .567-.17 1.07-.512 1.512-.342.442-.78.746-1.313.913V15.5c0 1.667-.583 3.083-1.75 4.25-1.167 1.167-2.583 1.75-4.25 1.75zm5.25-9c.3 0 .554-.104.763-.312.208-.209.312-.455.312-.738 0-.3-.104-.554-.312-.762a1.038 1.038 0 00-.763-.313c-.3 0-.55.104-.75.313-.2.208-.3.462-.3.762 0 .283.1.53.3.738.2.208.45.312.75.312z"}))};ke.defaultProps={size:24,color:i.colors.gray600,activeColor:i.colors.primaryBase,isActive:!1};var Ae,Ee,Me,Be,Ve,je,Le,He,Ze,Pe,Re,Ie,Ne,Se,De,Oe,Fe,Ke,Te=t.div(Ae||(Ae=n(["\n height: 4px;\n position: relative;\n\n &:before {\n content: '';\n border-radius: 2px;\n background-color: ",";\n opacity: 0.15;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &:after {\n content: '';\n border-radius: 2px;\n background-color: ",";\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: calc(var(--progress) * 1%);\n }\n"],["\n height: 4px;\n position: relative;\n\n &:before {\n content: '';\n border-radius: 2px;\n background-color: ",";\n opacity: 0.15;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &:after {\n content: '';\n border-radius: 2px;\n background-color: ",";\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: calc(var(--progress) * 1%);\n }\n"])),(function(n){return n.theme.colors.yellow400}),(function(n){return n.theme.colors.yellow400})),Ye=t.div(Ee||(Ee=n(["\n position: fixed;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n outline: 0;\n background-color: rgba(38, 38, 38, 0.3);\n z-index: 1;\n &[data-open='false'] {\n visibility: hidden;\n pointer-events: none;\n }\n &[data-open='true'] {\n visibility: visible;\n pointer-events: auto;\n }\n"],["\n position: fixed;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n outline: 0;\n background-color: rgba(38, 38, 38, 0.3);\n z-index: 1;\n &[data-open='false'] {\n visibility: hidden;\n pointer-events: none;\n }\n &[data-open='true'] {\n visibility: visible;\n pointer-events: auto;\n }\n"]))),Ue="600ms",Xe=t.div(Ne||(Ne=n(["\n position: fixed;\n inset: 0;\n z-index: ",";\n pointer-events: ",";\n"],["\n position: fixed;\n inset: 0;\n z-index: ",";\n pointer-events: ",";\n"])),i.zIndexes.drawer,(function(n){return n.open?"auto":"none"})),We=t.div(De||(De=n(["\n position: fixed;\n z-index: 300;\n background: #ffffff;\n visibility: ",";\n max-height: calc(100vh - 100px);\n display: flex;\n flex-direction: column;\n .title {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 16px;\n ","\n }\n\n .close-button {\n margin-left: auto;\n }\n\n ","\n"],["\n position: fixed;\n z-index: 300;\n background: #ffffff;\n visibility: ",";\n max-height: calc(100vh - 100px);\n display: flex;\n flex-direction: column;\n .title {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 16px;\n ","\n }\n\n .close-button {\n margin-left: auto;\n }\n\n ","\n"])),(function(n){return n.open?"visible":"hidden"}),(function(e){return e.hasTitle?r(Se||(Se=n(["\n border-bottom: 1px solid ",";\n "],["\n border-bottom: 1px solid ",";\n "])),i.colors.neutral100):null}),(function(e){return function(e,o){switch(e){case"top":return r(Be||(Be=n(["\n top: 0;\n width: 100%;\n border-radius: 0px 0px 6px 6px;\n ","\n\n &.slideOut {\n animation: "," "," ease-in-out forwards;\n }\n "],["\n top: 0;\n width: 100%;\n border-radius: 0px 0px 6px 6px;\n ","\n\n &.slideOut {\n animation: "," "," ease-in-out forwards;\n }\n "])),o?r(Me||(Me=n(["\n animation: "," "," ease-in-out forwards;\n "],["\n animation: "," "," ease-in-out forwards;\n "])),v,Ue):null,w,Ue);case"right":return r(je||(je=n(["\n right: 0;\n height: 100%;\n min-width: 300px;\n border-radius: 6px 0px 0px 6px;\n\n ","\n\n &.slideOut {\n animation: "," "," ease-in-out forwards;\n }\n "],["\n right: 0;\n height: 100%;\n min-width: 300px;\n border-radius: 6px 0px 0px 6px;\n\n ","\n\n &.slideOut {\n animation: "," "," ease-in-out forwards;\n }\n "])),o?r(Ve||(Ve=n(["\n animation: "," "," ease-in-out forwards;\n "],["\n animation: "," "," ease-in-out forwards;\n "])),m,Ue):null,b,Ue);case"bottom":return r(He||(He=n(["\n bottom: 0;\n width: 100%;\n border-radius: 6px 6px 0px 0px;\n ","\n\n &.slideOut {\n animation: "," "," ease-in-out forwards;\n }\n "],["\n bottom: 0;\n width: 100%;\n border-radius: 6px 6px 0px 0px;\n ","\n\n &.slideOut {\n animation: "," "," ease-in-out forwards;\n }\n "])),o?r(Le||(Le=n(["\n animation: "," "," ease-in-out forwards;\n "],["\n animation: "," "," ease-in-out forwards;\n "])),h,Ue):null,x,Ue);case"left":return r(Pe||(Pe=n(["\n left: 0;\n height: 100%;\n min-width: 300px;\n border-radius: 0px 6px 6px 0px;\n\n ","\n\n &.slideOut {\n animation: "," "," ease-in-out forwards;\n }\n "],["\n left: 0;\n height: 100%;\n min-width: 300px;\n border-radius: 0px 6px 6px 0px;\n\n ","\n\n &.slideOut {\n animation: "," "," ease-in-out forwards;\n }\n "])),o?r(Ze||(Ze=n(["\n animation: "," "," ease-in-out forwards;\n "],["\n animation: "," "," ease-in-out forwards;\n "])),g,Ue):null,f,Ue);default:return r(Ie||(Ie=n(["\n left: 0;\n height: 100%;\n min-width: 300px;\n border-radius: 0px 6px 6px 0px;\n\n ","\n\n &.slideOut {\n animation: "," "," ease-in-out forwards;\n }\n "],["\n left: 0;\n height: 100%;\n min-width: 300px;\n border-radius: 0px 6px 6px 0px;\n\n ","\n\n &.slideOut {\n animation: "," "," ease-in-out forwards;\n }\n "])),o?r(Re||(Re=n(["\n animation: "," "," ease-in-out forwards;\n "],["\n animation: "," "," ease-in-out forwards;\n "])),h,Ue):null,x,Ue)}}(e.placement,e.open)})),qe=t.div(Oe||(Oe=n(["\n min-height: 200px;\n padding: 16px;\n overflow-y: auto;\n"],["\n min-height: 200px;\n padding: 16px;\n overflow-y: auto;\n"]))),_e=t.div(Fe||(Fe=n(["\n min-width: 212px;\n width: ",";\n background-color: #ffffff;\n border-radius: 6px;\n overflow: hidden;\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n ul {\n list-style: none;\n }\n"],["\n min-width: 212px;\n width: ",";\n background-color: #ffffff;\n border-radius: 6px;\n overflow: hidden;\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n ul {\n list-style: none;\n }\n"])),(function(n){return n.width+"px"})),Ge=t.li(Ke||(Ke=n(["\n background-color: inherit;\n display: flex;\n align-items: center;\n justify-content: left;\n gap: 10px;\n padding: 10px 16px;\n cursor: pointer;\n transition: background-color 200ms ease-in-out;\n &:hover {\n background-color: ",";\n }\n .icon {\n width: 16px;\n height: 16px;\n }\n"],["\n background-color: inherit;\n display: flex;\n align-items: center;\n justify-content: left;\n gap: 10px;\n padding: 10px 16px;\n cursor: pointer;\n transition: background-color 200ms ease-in-out;\n &:hover {\n background-color: ",";\n }\n .icon {\n width: 16px;\n height: 16px;\n }\n"])),i.colors.neutral50),Je=function(n){var t=n.children,r=n.width,i=void 0===r?300:r,a=e(n,["children","width"]);return s.createElement(_e,o({},a,{width:i}),s.createElement("ul",null,t))};Je.Item=function(n){var t=n.icon,r=n.children,i=e(n,["icon","children"]);return s.createElement(Ge,o({},i),t&&s.createElement("div",{className:"icon"},t),r)};var Qe,$e,no,eo=t.div(Qe||(Qe=n(["\n display: flex;\n width: 100%;\n\n &[data-direction='vertical'] {\n flex-direction: column;\n }\n\n &[data-direction='horizontal'] {\n flex-wrap: wrap;\n }\n"],["\n display: flex;\n width: 100%;\n\n &[data-direction='vertical'] {\n flex-direction: column;\n }\n\n &[data-direction='horizontal'] {\n flex-wrap: wrap;\n }\n"]))),oo=t.div($e||($e=n(["\n display: flex;\n\n padding: 8px;\n\n border-radius: 6px;\n cursor: pointer;\n\n & > div {\n display: flex;\n width: 100%;\n height: 100%;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n }\n\n &[data-is-mb='false'] {\n &[data-selected='true'] {\n border: 1px solid #2d87f3;\n background: white;\n }\n &[data-selected='false'] {\n border: 1px solid #f2f2f2;\n box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n }\n }\n\n &[data-is-mb='true'] {\n border-radius: 16px;\n background: white;\n padding: 16px auto;\n\n &[data-selected='true'] {\n border: 1px solid ",";\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);\n }\n &[data-selected='false'] {\n border: none;\n }\n }\n\n &[data-disabled='true'] {\n cursor: auto;\n }\n\n .radio-group-item-heading {\n margin-top: 8px;\n //height: 48px;\n text-align: center;\n }\n\n .gender-image {\n width: 70px;\n height: 70px;\n &[data-is-mobile='true'] {\n width: 40px;\n height: 40px;\n }\n }\n"],["\n display: flex;\n\n padding: 8px;\n\n border-radius: 6px;\n cursor: pointer;\n\n & > div {\n display: flex;\n width: 100%;\n height: 100%;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n }\n\n &[data-is-mb='false'] {\n &[data-selected='true'] {\n border: 1px solid #2d87f3;\n background: white;\n }\n &[data-selected='false'] {\n border: 1px solid #f2f2f2;\n box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n }\n }\n\n &[data-is-mb='true'] {\n border-radius: 16px;\n background: white;\n padding: 16px auto;\n\n &[data-selected='true'] {\n border: 1px solid ",";\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);\n }\n &[data-selected='false'] {\n border: none;\n }\n }\n\n &[data-disabled='true'] {\n cursor: auto;\n }\n\n .radio-group-item-heading {\n margin-top: 8px;\n //height: 48px;\n text-align: center;\n }\n\n .gender-image {\n width: 70px;\n height: 70px;\n &[data-is-mobile='true'] {\n width: 40px;\n height: 40px;\n }\n }\n"])),(function(n){return n.theme.mbColors.mint})),to="300ms",ro=t.div(no||(no=n(["\n background: ",";\n border-radius: 6px;\n padding: 16px 20px;\n .title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0;\n padding-bottom: 16px;\n border-bottom: none;\n }\n\n &[data-is-mb='true'] {\n background: #ffffff;\n border: 1px solid #e0e9fb;\n border-radius: 16px;\n input {\n border-radius: 16px;\n }\n }\n\n &[data-isActive='true'] {\n border: 1px solid #2661ad;\n }\n\n &[data-is-mb='false'] .radio {\n cursor: pointer;\n position: relative;\n min-width: 22px;\n width: 22px;\n height: 22px;\n background: #ffffff;\n border: 2px solid ",";\n border-radius: 50%;\n transition: all "," ease-in-out;\n &.active {\n border-color: ",";\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n background-color: ",";\n background-clip: content-box;\n padding: 5px;\n border-radius: 50%;\n animation: "," "," ease-in-out forwards;\n }\n }\n }\n\n &[data-is-mb='true'] .radio {\n cursor: pointer;\n position: relative;\n min-width: 22px;\n width: 22px;\n height: 22px;\n background: #ffffff;\n border: 1.3px solid #9495a0;\n border-radius: 10px;\n transition: all "," ease-in-out;\n &.active {\n border: none;\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n border-radius: 10px;\n animation: "," "," ease-in-out forwards;\n }\n }\n }\n"],["\n background: ",";\n border-radius: 6px;\n padding: 16px 20px;\n .title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0;\n padding-bottom: 16px;\n border-bottom: none;\n }\n\n &[data-is-mb='true'] {\n background: #ffffff;\n border: 1px solid #e0e9fb;\n border-radius: 16px;\n input {\n border-radius: 16px;\n }\n }\n\n &[data-isActive='true'] {\n border: 1px solid #2661ad;\n }\n\n &[data-is-mb='false'] .radio {\n cursor: pointer;\n position: relative;\n min-width: 22px;\n width: 22px;\n height: 22px;\n background: #ffffff;\n border: 2px solid ",";\n border-radius: 50%;\n transition: all "," ease-in-out;\n &.active {\n border-color: ",";\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n background-color: ",";\n background-clip: content-box;\n padding: 5px;\n border-radius: 50%;\n animation: "," "," ease-in-out forwards;\n }\n }\n }\n\n &[data-is-mb='true'] .radio {\n cursor: pointer;\n position: relative;\n min-width: 22px;\n width: 22px;\n height: 22px;\n background: #ffffff;\n border: 1.3px solid #9495a0;\n border-radius: 10px;\n transition: all "," ease-in-out;\n &.active {\n border: none;\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n border-radius: 10px;\n animation: "," "," ease-in-out forwards;\n }\n }\n }\n"])),i.colors.gray50,i.colors.gray600,to,i.colors.primaryBase,i.colors.primaryBase,C,to,to,C,to);export{ye as $,Kn as A,Yn as B,Un as C,Xn as D,Wn as E,qn as F,$n as G,Te as H,te as I,re as J,ie as K,ae as L,Je as M,le as N,ce as O,an as P,de as Q,pe as R,I as S,Gn as T,xe as U,ge as V,fe as W,me as X,be as Y,ve as Z,we as _,Qn as a,ze as a0,ke as a1,ue as a2,he as a3,ne as a4,Ce as a5,ee as a6,oe as a7,se as a8,Ye as a9,Xe as aa,We as ab,qe as ac,eo as ad,oo as ae,ro as af,N as b,S as c,D as d,O as e,F as f,K as g,T as h,Y as i,U as j,X as k,W as l,q as m,_ as n,Bn as o,Vn as p,Hn as q,Zn as r,Ln as s,Nn as t,Rn as u,In as v,Pn as w,Sn as x,Tn as y,Fn as z};

package/build/esm/lead.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{a as e,d as t,e as a,_ as l}from"./tslib.es6-75190bba.js";import n,{createContext as o,useMemo as r,useContext as i,useState as c,useEffect as d,useRef as s}from"react";import m from"lodash/debounce";import{createPortal as u}from"react-dom";import{T as p}from"./translationsContext-c5b51af1.js";import{g,s as v}from"./cookieHelper-7e224362.js";import{b as h,a as b}from"./utils-5d9a3870.js";import{v1 as f}from"uuid";import{u as k}from"./useTranslations-2d53a0e4.js";import"dayjs";import"./screenSizeContext-f11dba87.js";import"./lazyLoad-ad5d9410.js";import"styled-components";import"./index-3be1b60e.js";import"./isProduction-57a55854.js";import"./Locale-be4a3fde.js";import"./gAssets.js";import"string-format";import"lodash/throttle";import"vanilla-lazyload";var y=function(e){var t=e.onClose,a=e.containerClassName,l=e.svgClassName;return n.createElement("button",{onClick:t,className:"le-newbuilder-close-button js-modal__close ".concat(a\|\|"")},n.createElement("svg",{className:"le-newbuilder-close-svg ".concat(l\|\|""),xmlns:"http://www.w3.org/2000/svg",width:"53",height:"53",viewBox:"0 0 53 53"},n.createElement("defs",null,n.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},n.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),n.createElement("feFlood",{floodOpacity:".4"}),n.createElement("feComposite",{in2:"blur",operator:"in"}),n.createElement("feComposite",{in:"SourceGraphic"})),n.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),n.createElement("g",{filter:"url(#Ellipse_482)"},n.createElement("circle",{cx:"17.5",cy:"17.5",r:"17.5",transform:"translate(-483.1 -671.163)translate(483.1 671.16)translate(9 9)",fill:"#005cfd"})),n.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),n.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},_=function(e){var t=e.popupId,a=e.url,l=e.newTab,o=e.imageDestkop,r=e.imageMobile,i=e.onClose,c=e.onOtherSubmit;return n.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},n.createElement("div",{className:"le-center-tab-popup"},n.createElement("div",{style:{position:"relative"}},n.createElement("a",{className:"js-popup-other-submit",href:a,target:l?"blank":"_parent",onClick:c},n.createElement("img",{className:"le-only-mobile",src:r}),n.createElement("img",{className:"le-only-desktop",src:o})),n.createElement(y,{onClose:i,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},E=function(e){var t=e.popupId,a=e.url,l=e.title,o=e.urlText,r=e.titleAlign,i=e.subtitle,c=e.subtitleAlign,d=e.newTab,s=e.imageDesktop,m=e.imageMobile,u=e.onClose,p=e.onOtherSubmit;return n.createElement("div",{id:t,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},n.createElement("aside",{className:"le-only-desktop"},n.createElement("div",{className:"le-floating-desktop"},n.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},s?n.createElement("div",null,n.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:s})):null,n.createElement("div",{style:{padding:20}},n.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(r)},l),n.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(c)},i)),n.createElement("a",{target:d?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:a},n.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:p},o)),n.createElement(y,{onClose:u,containerClassName:"le-abs-outer-top-right"})))),n.createElement("aside",{className:"le-only-mobile"},n.createElement("div",{className:"le-floating-mobile"},n.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},n.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},n.createElement("div",null,n.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(r)},l),n.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(c)},i)),m?n.createElement("div",null,n.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:m})):null),n.createElement("div",{style:{textAlign:"center",marginTop:10}},n.createElement("a",{target:d?"blank":"_parent",href:a,style:{textDecoration:"none"}},n.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:p},o))),n.createElement(y,{onClose:u,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},N={LINKS:1,TAGS:2},w="https://dev.leadgen.hellobacsi.com/",x={MOBILE:1,DESKTOP:2},C="";w.includes("localhost")&&(w="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(C="pink");var S="https://"+location.hostname+location.pathname+location.search;S=S.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var T={"vi-VN":{popupLang:"vi",countryCode:"vn",countryCodeNumber:84},"id-ID":{popupLang:"id",countryCode:"id",countryCodeNumber:62},"th-TH":{popupLang:"th",countryCode:"th",countryCodeNumber:66},"ms-MY":{popupLang:"ms",countryCode:"my",countryCodeNumber:60},"zh-TW":{popupLang:"zh",countryCode:"tw",countryCodeNumber:886},"km-KH":{popupLang:"km",countryCode:"kh",countryCodeNumber:855},"my-MM":{popupLang:"my",countryCode:"mm",countryCodeNumber:95},"hi-IN":{popupLang:"hi",countryCode:"in",countryCodeNumber:91}},B=T[document.documentElement.lang]\|\|T["vi-VN"];var L=o({}),j=function(e){var t=e.title,a=e.titleAlign,l=e.subtitle,o=e.subtitleAlign,r=e.link,i=e.linkNewTab,c=e.linkText,d=e.image;return n.createElement("div",{className:"lead-modal__thank-you"},n.createElement("div",{style:{width:"100%"}},n.createElement("img",{src:d,style:{maxHeight:162,objectFit:"cover"}}),t&&n.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(a)},t),l&&n.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(o)},l),c&&n.createElement("div",null,n.createElement("a",{href:r,target:i?"_blank":"parrent",rel:"noreferrer"},n.createElement("button",{className:"lead-modal__btn ".concat(C)},c)))))},O=function(t){var a=t.content,l=t.inlinePosition,n=r((function(){if(!l)return null;var t=document.querySelectorAll('[data-url="'.concat(location.pathname,'"] .body-content')),a=Array.from(t).reduce((function(t,a){return e(e([],t,!0),Array.from(a.children),!0)}),[]);if(null==a?void 0:a.length){var n=a.filter((function(e){return"P"===e.nodeName})),o=a.filter((function(e){return"H2"===e.nodeName})),r=null;switch(l){case"1th":r=n[0];break;case"2th":r=n[1];break;case"3th":r=n[2];break;case"4th":r=n[3];break;case"5th":r=n[4];break;case"6th":r=n[5];break;case"7th":r=n[6];break;case"8th":r=n[7];break;case"9th":r=n[8];break;case"10th":r=n[9];break;case"11th":r=n[10];break;case"12th":r=n[11];break;case"lastP":r=n[n.length-1];break;case"1thH2":r=o[0];break;case"2thH2":r=o[1];break;case"3thH2":r=o[2];break;case"4thH2":r=o[3];break;case"5thH2":r=o[4];break;case"6thH2":r=o[5];break;case"7thH2":r=o[6];break;case"8thH2":r=o[7];break;case"9thH2":r=o[8];break;case"10thH2":r=o[9];break;case"lastH2":r=o[o.length-1]}if(r){if(r.parentElement.querySelector(".inline-lead-wrapper"))return r.parentElement.querySelector(".inline-lead-wrapper");var i=document.createElement("div");return i.classList.add("inline-lead-wrapper"),r.nextElementSibling?r.parentElement.insertBefore(i,r.nextElementSibling):r.parentElement.appendChild(i),i}}}),[l]);return l&&n?u(a,n):null},P=function(e){var t=e.content,a=r((function(){var e=Array.from(document.querySelectorAll(".hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar"));return e.forEach((function(e){if(!e.querySelector(".sidebar-lead-modal-wrapper")){var t=document.createElement("div");t.classList.add("sidebar-lead-modal-wrapper"),e.prepend(t)}})),e.map((function(e){return e.querySelector(".sidebar-lead-modal-wrapper")}))}),[]);return n.createElement(n.Fragment,null,a.map((function(e){return u(t,h(e,"sidebar-lead-modal-wrapper"))})))},A=function(e){var l,o,s,m=e.popupId,u=e.extraFields,p=e.onClose,g=e.onOtherSubmit,v=e.imageMobile,h=e.imageDesktop,b=e.imageOverlayMobile,f=e.imageOverlayDesktop,y=e.imageBackground,_=e.currentLayout,E=e.title,N=e.onSubmit,w=e.showThankyou,x=k().t,S=JSON.parse(u.listBlockAdded),T=JSON.parse(u.actionBlocks),A=JSON.parse(u.textBlocks),I=i(L).apiUrl,D=T.submitBlock.data.url,M=T.submitBlock.data.text,H=T.submitBlock.data.text2,q=T.submitBlock.data.value,V=location.pathname,F=_.includes("Inline")\|\|"Sidebar"===_,U="Slider"===_,R=c(!0),W=R[0],J=R[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(_))return console.log("😎 Not show fullscreen, slider on mobile "),null;d((function(){(_.includes("LightBox")\|\|"Fullscreen"==_)&&document.body.classList.add("noscroll")}),[]);var z=function(e,l){return t(void 0,void 0,void 0,(function(){return a(this,(function(t){switch(t.label){case 0:return l.target.validity.valueMissing?(l.target.setCustomValidity(x("validator.required")),[3,6]):[3,1];case 1:return l.target.validity.valid\|\|l.target.validity.customError?[3,2]:("tel"===e?l.target.setCustomValidity(x("validator.phone")):"date"===e?l.target.setCustomValidity(x("validator.date")):"email"===e&&l.target.setCustomValidity(x("validator.email")),[3,6]);case 2:return"tel"!==e?[3,5]:window.intlTelInputUtils?[3,4]:[4,require("intl-tel-input/build/js/utils")];case 3:t.sent(),t.label=4;case 4:return window.intlTelInputUtils.isValidNumber(String(l.target.value),B.countryCode)?l.target.setCustomValidity(""):l.target.setCustomValidity(x("validator.phone")),[3,6];case 5:l.target.setCustomValidity(""),t.label=6;case 6:return[2]}}))}))},K=r((function(){var e={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return S.map((function(t,a){var l,o,r;if("TitleBlock"==t.name)return n.createElement("h2",{key:a,className:"lead-modal__title ".concat("le-text-align-"+((null===(l=t.data)\|\|void 0===l?void 0:l.align)\|\|"")," ").concat(C)},t.data.value);if("SubtitleBlock"==t.name)return n.createElement("p",{key:a,className:"lead-modal__description ".concat("le-text-align-"+((null===(o=t.data)\|\|void 0===o?void 0:o.align)\|\|"")," ").concat(C)},t.data.value);if("TextBlock"==t.name)return e.TextBlock+=1,n.createElement("div",{key:a},n.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.createElement("input",{required:!0,"data-key":t.data.value,name:"text"+(e.TextBlock>1?e.TextBlock:""),spellCheck:!1,type:"text",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return z("text",e)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/text.svg")})));if("NumberBlock"==t.name){var i=n.createElement("div",{key:a},n.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.createElement("input",{required:!0,"data-key":t.data.value,name:"number"+(e.NumberBlock?e.NumberBlock:""),spellCheck:!1,type:"number",min:"0",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return z("number",e)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/number.svg")})));return e.NumberBlock+=1,i}if("EmailBlock"==t.name){i=n.createElement("div",{key:a},n.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.createElement("input",{required:!0,"data-key":t.data.value,name:"email"+(e.EmailBlock?e.EmailBlock:""),spellCheck:!1,type:"email",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return z("email",e)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/email.svg")})));return e.EmailBlock+=1,i}if("PhoneBlock"==t.name){i=n.createElement("div",{key:a},n.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.createElement("input",{required:!0,"data-key":t.data.value,name:"tel"+(e.PhoneBlock?e.PhoneBlock:""),spellCheck:!1,type:"tel",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return z("tel",e)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/tel.svg")})));return e.PhoneBlock+=1,i}if("DateBlock"==t.name){i=n.createElement("div",null,n.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.createElement("input",{required:!0,type:"date","data-key":t.data.value,name:"date"+(e.DateBlock?e.DateBlock:""),placeholder:t.data.placeholder,onClick:function(e){e.currentTarget.classList.remove("placeholderclass")},onBlur:function(e){e.currentTarget.value\|\|e.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(e){return z("date",e)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/date.svg")})));return e.DateBlock+=1,i}if("LinkButtonBlock"==t.name)return n.createElement("div",{key:a},n.createElement("a",{target:t.data.newtab?"blank":"parrent",href:t.data.url,style:{textDecoration:"none"}},n.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(C),onClick:function(){null==p\|\|p(),null==g\|\|g()}},t.data.value)));if("CheckboxBlock"==t.name){var c=t.data,d=c.listQuestion,s=c.isSendMailChimp,m=void 0!==s&&s;i=n.createElement("div",{key:a,style:{margin:"5px 0"}},n.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),n.createElement("div",{className:"mailchimp-".concat(null===(r=t.data.value)\|\|void 0===r?void 0:r.replace(/\s/gi,"_")),"data-mailchimp":m}),d.map((function(a,l){return n.createElement("label",{key:l,className:"lead-checkbox-container"},n.createElement("input",{"data-key":t.data.value,name:"checkbox"+(e.CheckboxBlock?e.CheckboxBlock:"")+"[]",value:a.value,type:"checkbox",onChange:function(e){return z("checkbox",e)}}),n.createElement("span",{className:"lead-checkbox-checkmark"}),a.placeholder)})));return e.CheckboxBlock+=1,i}if("RadioBlock"==t.name){d=t.data.listQuestion,i=n.createElement("div",{key:a,style:{margin:"5px 0"}},n.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),d.map((function(a,l){return n.createElement("label",{className:"lead-radio-container",key:l},n.createElement("input",{"data-key":t.data.value,name:"radio"+(e.RadioBlock?e.RadioBlock:""),value:a.value,type:"radio",onChange:function(e){return z("radio",e)}}),n.createElement("span",{className:"lead-radio-checkmark"}),a.placeholder)})));return e.RadioBlock+=1,i}if("DropdownBlock"==t.name){d=t.data.listQuestion,i=n.createElement("div",{key:a,style:{margin:"5px 0"}},n.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),n.createElement("div",{className:"le-newbuilder-select-wrapper"},n.createElement("select",{className:"le-newbuilder-select","data-key":t.data.value,name:"dropdown"+(e.DropdownBlock?e.DropdownBlock:"")},d.map((function(e,t){return n.createElement("option",{key:t,value:e.value},e.placeholder)})))));return e.DropdownBlock+=1,i}}))}),[]),Q=n.createElement(n.Fragment,null,n.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n background: url(".concat(b,") ;\n background-repeat: no-repeat;\n background-size: cover;\n }\n @media screen and (min-width:768px) {\n .le-newbuilder-overlay {\n background: url(").concat(f,") ;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }")}}),n.createElement("div",{id:m,"data-popup-url":V,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(F?"le-buider-inline":""," ").concat(U?"le-buider-slider":"")},"Fullscreen"==_?n.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:y\|\|""}):null,n.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(_)},n.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(_)},w?n.createElement(j,{title:w.title,titleAlign:w.titleAlign,subtitle:w.subtitle,subtitleAlign:w.subtitleAlign,link:w.link,linkNewTab:w.linkNewTab,linkText:w.linkText,image:w.image}):n.createElement(n.Fragment,null,n.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(_)?v?n.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:v,alt:""}):null:n.createElement(n.Fragment,null,h?n.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:h,alt:""}):null,v?n.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:v,alt:""}):null)),n.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},n.createElement("form",{className:"lead-modal__form ".concat(m),onSubmit:N},n.createElement("div",{style:{marginBottom:20}},n.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(l=A.titleBlock.data)\|\|void 0===l?void 0:l.align)," ").concat(C)},E),n.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(o=A.titleBlock.data)\|\|void 0===o?void 0:o.align)," ").concat(C)},A.subtitleBlock.data.value)),n.createElement("div",null,K),(null===(s=null==T?void 0:T.submitBlock)\|\|void 0===s?void 0:s.isHide)?null:n.createElement(n.Fragment,null,n.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(C)},n.createElement("div",{className:"lead-modal__checkbox"},n.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(C),type:"checkbox","aria-label":"Checkbox label",checked:W,onChange:function(e){return J(e.currentTarget.checked)}}),n.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),n.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},M," ",n.createElement("span",{style:{fontWeight:"bold"}},n.createElement("a",{target:"blank",href:D\|\|"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},H)))),n.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(C),disabled:!W},q)))))),!_.includes("Inline")&&n.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==_?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(C),onClick:p},n.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},n.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},n.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),n.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"})))))));return _.includes("LightBox")\|\|"Fullscreen"==_\|\|"Slider"==_?Q:"Sidebar"==_?n.createElement(P,{content:Q}):_.includes("Inline")?n.createElement(O,{content:Q,inlinePosition:u.popupInlinePosition}):null},I=function(e){var t=e.popupId,a=e.link,l=e.linkText,o=e.linkNewTab,r=e.onClose,i=e.imageMobile,c=e.imageDesktop,d=e.currentLayout,s=e.onOtherSubmit,m=location.pathname;return n.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":m,"data-popup-type":"skin_ab"},"SkinA"==d?n.createElement("aside",{className:"le-only-desktop"},n.createElement("div",{className:"le-skin-a-desktop"},n.createElement("div",{style:{position:"relative"}},n.createElement("img",{src:c}),n.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:a,target:o?"blank":"_parent"},n.createElement("button",{onClick:s,className:"le-joinbow-btn js-popup-other-submit"},l)),n.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(C)},n.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},n.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},n.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),n.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))):"SkinB"==d?n.createElement("aside",{className:"le-only-desktop"},n.createElement("div",{className:""},n.createElement("div",{style:{position:"relative",zIndex:1e4}},n.createElement("img",{src:c,style:{width:"100%"}}),n.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:a,target:o?"blank":"_parent"},n.createElement("button",{onClick:s,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),n.createElement(y,{containerClassName:"le-abs-top-right",onClose:r})))):null,n.createElement("aside",{className:"le-only-mobile"},n.createElement("div",{className:"le-skin-mobile"},n.createElement("div",{style:{position:"relative"}},n.createElement("img",{src:i,style:{width:"100%"}}),n.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:a,target:o?"blank":"_parent"},n.createElement("button",{onClick:s,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),n.createElement(y,{containerClassName:"le-abs-top-right",svgClassName:"le-mobile-btn",onClose:r})))))},D=function(e){var t=e.popupId,a=e.url,l=e.newTab,o=e.image,r=e.onClose,i=e.onOtherSubmit;return n.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},n.createElement("div",{className:"le-tab-popup"},n.createElement("div",{style:{position:"relative"}},n.createElement("a",{href:a,target:l?"blank":"_parent",onClick:i},n.createElement("img",{className:"js-popup-other-submit",src:o})),n.createElement(y,{onClose:r,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var M=function(e){var t,a,l=e.campaign,o=e.action,r=e.onSubmit,c=e.onClose,m=e.showThankyou;k().t;var u=i(L),p=u.apiUrl,h=u.siteDomain;d((function(){var e=g("_ga")\|\|null;fetch("".concat(p,"api/campaign/").concat(w,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:o,url:location.href.toLowerCase(),title_article:document.title,cookie_id:g("hhg-id"),ga_client_id:e})})}),[]);var b=l.extra_fields,y=l.image,N=l.image_desktop,w=l.code,x=l.image_background,C=l.image_overlay_mobile,S=l.image_overlay_desktop,T=b.currentLayout,B=b.imageBlocks?JSON.parse(b.imageBlocks):{},j=JSON.parse(b.actionBlocks),O=JSON.parse(b.textBlocks),P=(null===(a=null===(t=null==O?void 0:O.titleBlock)\|\|void 0===t?void 0:t.data)\|\|void 0===a?void 0:a.value)\|\|"",M={1:{},2:{},3:{}},H=s("lead-modal-"+f()),q=function(e){if(void 0===e&&(e="Xin chao {{category_2}} extra"),e.includes("{{category_")){var t="{{category_".length,a=e.search("{{category_");return+e.charAt(t+a)}return null}(P);if(q){console.log("⚡️ Has categoryLevel",q);var V=Array.from(document.getElementsByTagName("META")),F=V.find((function(e){return e.name==="content_category_".concat(q)})),U=V.find((function(e){return e.name==="content_category_en_".concat(q)}));if(!F\|\|!U)return console.log("⚡️ No META TAG for categoryLevel, not show popup",q),null;M[q]={value:F.content,value_en:U.content},P=P.replace("{{category_".concat(q,"}}"),F.content),console.log("⚡️ Set categoryData ",q)}else console.log("⚡️ No categoryLevel",q);var R=function(){var e,t,a,n;if(console.log("👌 Other submit click"),document.body.classList.remove("noscroll"),T.includes("Skin")){var o=document.querySelector("#masthead");o&&(o.style.top="0px !important;")}var r=Number(null!==(t=null===(e=l.rules.find((function(e){return"days_to_show_again"==e.rule})))\|\|void 0===e?void 0:e.value)&&void 0!==t?t:7),i=Number(null!==(n=null===(a=l.rules.find((function(e){return"show_again_after_submit"==e.rule})))\|\|void 0===a?void 0:a.value)&&void 0!==n?n:0);0===i&&(console.log("⛔ Popup never show again!"),v("lead_submited_".concat(w),"target_".concat(b.popupVersion),{domain:"."+h,path:"/"})),1==i&&(console.log("⌛ Popup will show again after ".concat(r," days!")),v("lead_submited_".concat(w),"target_".concat(b.popupVersion),{domain:"."+h,days:r,path:"/"}));var d=g("_ga")\|\|null,s={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:g("hhg-id"),ga_client_id:d};q&&(s.category=M[q].value_en),fetch("".concat(p,"api/campaign/").concat(w,"/lead"),{method:"POST",body:JSON.stringify(s),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((function(e){return e.json()})).then((function(e){"error"===e.status&&console.log(e)})).catch((function(e){console.error("Error:",e)})),null==c\|\|c()};return"CenterTab"===T?n.createElement(_,{popupId:H.current,url:B.imageMobile.data.url,newTab:B.imageMobile.data.newtab,imageMobile:y,imageDestkop:N,onClose:c,onOtherSubmit:R}):"Tab"===T?n.createElement(D,{popupId:H.current,url:B.imageMobile.data.url,newTab:B.imageMobile.data.newtab,image:y,onClose:c,onOtherSubmit:R}):"Floating"===T?n.createElement(E,{popupId:H.current,title:P,titleAlign:O.titleBlock.data.align,subtitle:O.subtitleBlock.data.value,subtitleAlign:O.subtitleBlock.data.align,url:j.linkButtonBlock.data.url,urlText:j.linkButtonBlock.data.value,newTab:j.linkButtonBlock.data.newtab,imageMobile:y,imageDesktop:N,onClose:c,onOtherSubmit:R}):T.includes("LightBox")\|\|T.includes("Inline")\|\|"Fullscreen"==T\|\|"Sidebar"==T\|\|"Slider"==T?n.createElement(A,{popupId:H.current,extraFields:b,onClose:c,onOtherSubmit:R,imageMobile:y,imageDesktop:N,imageBackground:x,currentLayout:T,title:P,onSubmit:function(e){return r(e,q,M,H.current)},key:T,imageOverlayDesktop:S,imageOverlayMobile:C,showThankyou:m}):T.includes("Skin")?n.createElement(I,{popupId:H.current,link:j.linkButtonBlock.data.url,linkNewTab:!!j.linkButtonBlock.data.newtab,linkText:j.linkButtonBlock.data.value,onClose:c,onOtherSubmit:R,imageMobile:y,imageDesktop:N,currentLayout:T}):null},H=function(e){var l=e.campaign,o=e.action,r=e.onSubmit,s=e.onClose,m=e.showThankyou,u=k().t,p=c(!0),v=p[0],h=p[1];d((function(){document.body.classList.add("noscroll");var e=g("_ga")\|\|null;fetch("".concat(T,"api/campaign/").concat(y,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:o\|\|"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:g("hhg-id"),ga_client_id:e})})}),[]);var b=l.extra_fields,f=l.image,y=l.code,_=b.title,E=b.desc,N=b.submit,w=b.popUpTermURL,x=b.popUpTermAgreeText,S=b.popUpTermText,T=i(L).apiUrl,O=b.fields?JSON.parse(b.fields):[],P={tel:0,text:0,date:0,email:0},A=function(e,l){return t(void 0,void 0,void 0,(function(){return a(this,(function(t){switch(t.label){case 0:return l.target.validity.valueMissing?(l.target.setCustomValidity(u("validator.required")),[3,5]):[3,1];case 1:return l.target.validity.valid\|\|l.target.validity.customError?[3,2]:("tel"===e?l.target.setCustomValidity(u("validator.phone")):"date"===e?l.target.setCustomValidity(u("validator.date")):"email"===e&&l.target.setCustomValidity(u("validator.email")),[3,5]);case 2:return"tel"!==e?[3,4]:[4,require("intl-tel-input")];case 3:return t.sent().isValidNumber(String(l.target.value),B.countryCode)?l.target.setCustomValidity(""):l.target.setCustomValidity(u("validator.phone")),[3,5];case 4:l.target.setCustomValidity(""),t.label=5;case 5:return[2]}}))}))},I=O.map((function(e,t){var a=n.createElement(n.Fragment,null);return a="date"==e.control?n.createElement("div",{key:t,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.createElement("input",{required:!0,type:"date","data-key":e.listEdit[0].value,name:P.date?e.control+P.date:e.control,placeholder:e.listEdit[1].value\|\|"...",onClick:function(e){return e.currentTarget.classList.remove("placeholderclass")},onBlur:function(e){return!e.currentTarget.value&&e.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(t){return A(e.control,t)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(T,"admin/img/builder/").concat(e.name,".svg")})):n.createElement("div",{key:t,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.createElement("input",{required:!0,"data-key":e.listEdit[0].value,name:P[e.control]?e.control+P[e.control]:e.control,spellCheck:!1,type:e.control,placeholder:e.listEdit[1].value\|\|"...",className:"lead-modal__form-control width-100%",onChange:function(t){return A(e.control,t)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(T,"admin/img/builder/").concat(e.name,".svg")})),"date"==e.control&&(P.date+=1),"text"==e.control&&(P.text+=1),"tel"==e.control&&(P.tel+=1),"email"==e.control&&(P.email+=1),a}));return n.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},n.createElement("div",{className:"lead-modal__wrapper animate__animated "},n.createElement("div",{className:"lead-modal__content"},m?n.createElement(j,{title:m.title,titleAlign:m.titleAlign,subtitle:m.subtitle,subtitleAlign:m.subtitleAlign,link:m.link,linkNewTab:m.linkNewTab,linkText:m.linkText,image:m.image}):n.createElement(n.Fragment,null,n.createElement("header",{className:"lead-modal__header"},!!f&&n.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:f,alt:""})),n.createElement("div",{className:"lead-modal__body"},n.createElement("h2",{className:"lead-modal__title ".concat(C)},_),n.createElement("p",{className:"lead-modal__description ".concat(C)},E),n.createElement("form",{className:"lead-modal__form",onSubmit:function(e){e.preventDefault(),r(e)}},I,n.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(C)},n.createElement("div",{className:"lead-modal__checkbox"},n.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(C),type:"checkbox","aria-label":"Checkbox label",checked:v,onChange:function(e){return h(e.currentTarget.checked)}}),n.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),n.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},x," ",n.createElement("span",{style:{fontWeight:"bold"}},n.createElement("a",{target:"blank",href:w\|\|"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},S)))),n.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(C),disabled:!v},N))))),n.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(C),onClick:s},n.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},n.createElement("title",null,"Close modal window"),n.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},n.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),n.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},q=function(e){var t=e.campaign,a=e.action,l=e.onSubmit,o=e.onClose,r=e.showThankyou;return t.extra_fields?"2.1"==t.extra_fields.popupVersion?n.createElement(M,{campaign:t,action:a,onSubmit:l,onClose:o,showThankyou:r}):n.createElement(H,{campaign:t,action:a,onSubmit:l,onClose:o,showThankyou:r}):null},V={"validator.required":"This field is required.","validator.remote":"Please fix this field.","validator.email":"Please enter a valid email address.","validator.phone":"Please input correct phone number.","validator.url":"Please enter a valid URL.","validator.date":"Please enter a valid date.","validator.dateISO":"Please enter a valid date (ISO).","validator.number":"Please enter a valid number.","validator.digits":"Please enter only digits.","validator.creditcard":"Please enter a valid credit card number.","validator.equalTo":"Please enter the same value again.","validator.accept":"Please enter a value with a valid extension.","validator.maxlength":"jQuery.validator.format('Please enter no more than {0} characters.","validator.minlength":"jQuery.validator.format('Please enter at least {0} characters.","validator.rangelength":"jQuery.validator.format('Please enter a value between {0} and {1} characters long.","validator.range":"jQuery.validator.format('Please enter a value between {0} and {1}.","validator.max":"jQuery.validator.format('Please enter a value less than or equal to {0}.","validator.min":"jQuery.validator.format('Please enter a value greater than or equal to {0}."},F={"en-PH":V,"vi-VN":{"validator.required":"Vui lòng điền mục này","validator.email":"Vui lòng điền email có thật.","validator.number":"Vui lòng điền số có thật","validator.digits":"Vui lòng chỉ điền số","validator.maxlength":"Vui lòng điền dưới {0} số","validator.minlength":"Vui lòng điền hơn {0} số","validator.remote":"Hãy sửa cho đúng.","validator.url":"Hãy nhập URL.","validator.date":"Hãy nhập ngày.","validator.dateISO":"Hãy nhập ngày (ISO).","validator.creditcard":"Hãy nhập số thẻ tín dụng.","validator.equalTo":"Hãy nhập thêm lần nữa.","validator.extension":"Phần mở rộng không đúng.","validator.rangelength":"Hãy nhập từ {0} đến {1} kí tự.","validator.range":"Hãy nhập từ {0} đến {1}.","validator.max":"Hãy nhập từ {0} trở xuống.","validator.min":"Hãy nhập từ {0} trở lên.","validator.phone":"Nhập đúng định dạng số điện thoại"},"hi-IN":{"validator.required":"इस क्षेत्र की आवश्यकता है।","validator.email":"कृपया एक मान्य ईमेल पता दर्ज करें","validator.number":"कृपया एक वैध संख्या दर्ज करें","validator.digits":"कृपया केवल अंक दर्ज करें","validator.maxlength":"कृपया {0} अक्षर से अधिक दर्ज न करें","validator.minlength":"कृपया कम से कम {0} अक्षर दर्ज करें","validator.phone":"कृपया एक वैध संख्या दर्ज करें"},"id-ID":{"validator.required":"Kolom ini wajib diisi","validator.email":"Tolong daftarkan email yang valid","validator.number":"Tolong daftarkan nomor telepon yang valid","validator.digits":"Tolong masukkan angka saja","validator.maxlength":"Jangan memasukkan lebih dari {0} karakter","validator.minlength":"Tolong ketik sedikitnya {0} karakter","validator.phone":"Tolong daftarkan nomor telepon yang valid"},"ms-MY":{"validator.required":"Bahagian ini wajib diisi.","validator.email":"Sila masukkan alamat emel yang sah.","validator.number":"Sila masukkan no telefon yang sah.","validator.digits":"Sila masukkan nombor digit sahaja.","validator.maxlength":"Sila masukkan tidak lebih dari {0} aksara","validator.minlength":"Sila masukkan sekurang-kurangnya {0} aksara","validator.phone":"Sila masukkan no telefon yang sah."},"my-MM":{"validator.required":"ဒီနေရာမှာ ဖြည့်ဖို့ လိုအပ်ပါတယ်","validator.email":"မှန်ကန်သော အီးမေးလ်လိပ်စာထည့်သွင်းပါ","validator.number":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.digits":"နံပါတ်များသာဖြည့်ပါ","validator.maxlength":"ကျေးဇူးပြု၍ {0} ထပ်မပိုသော ဂဏန်းများသာဖြည့်ပါ","validator.minlength":"ကျေးဇူးပြု၍ အနည်းဆုံး {0} ဂဏန်းဖြည့်ပါ","validator.phone":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ"},"km-KH":{"validator.required":"ព័ត៌មានចាំបាច់ដែលត្រូវបំពេញ","validator.email":"សូមវាយអាសយដ្ឋានអ៊ីម៉ែលឲ្យបានត្រឹមត្រូវ","validator.number":"សូមវាយបញ្ចូលលេខឲ្យបានត្រឹមត្រូវ","validator.digits":"វាយបញ្ចូលបានតែលេខប៉ុណ្ណោះ","validator.maxlength":"សូមវាយបញ្ចូលកុំឲ្យលើស {0} តួអក្សរ","validator.minlength":"សូមវាយបញ្ចូលតិចបំផុត {0} តួអក្ស","validator.phone":"សូមវាយបញ្ចូលលេខឲ្យបានត្រឹមត្រូវ"},"zh-TW":{"validator.required":"此為必填欄位","validator.email":"請填入有效的 email 地址","validator.number":"請填入有效的電話號碼","validator.digits":"此欄位僅能輸入數字","validator.maxlength":"請輸入少於 {0} 位數","validator.minlength":"請輸入至少 {0} 位數","validator.phone":"請填入有效的電話號碼"},"th-TH":{"validator.required":"ต้องระบุข้อมูลในช่องนี้","validator.email":"กรุณาใส่อีเมล์ที่ถูกต้อง","validator.number":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.digits":"กรุณาส่เฉพาะตัวเลข","validator.maxlength":"กรุณาใส่ตัวเลขมากกว่า {0} หลัก","validator.minlength":"กรุณาใส่ตัวเลขอย่างน้อย {0} หลัก","validator.phone":"กรุณาใส่ตัวเลขที่ถูกต้อง"},"tl-PH":V},U=function(e){var t=F[e];return t\|\|F["en-PH"]};var R=function(t){for(var a=e([],t,!0),l=a.length-1;l>0;l--){var n=Math.floor(Math.random()(l+1)),o=a[l];a[l]=a[n],a[n]=o}return a};function W(t){var a=t.leadApi,n=t.leadSiteId,o=t.leadDomain,r=t.onShowPopup,i=("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(a+"api/campaign/"+n,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:i,ga_client_id:g("_ga")\|\|null})}).then((function(e){return e.json()})).then((function(t){var a,n,c;if(console.log("List campagin: ",t),S="https://"+location.hostname+location.pathname+location.search,1==t._status){var d=t._data.campaigns;g("hhg-id")\|\|(v("hhg-id",f(),{domain:"."+o,path:"/"}),console.log("😍 Set HHG ID cookie"));var s=[];s=/Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|BB\|PlayBook\|IEMobile\|Windows Phone\|Kindle\|Silk\|Opera Mini/i.test(navigator.userAgent)?d.filter((function(e){return e.device_types.some((function(e){return e.id==x.MOBILE}))})):d.filter((function(e){return e.device_types.some((function(e){return e.id==x.DESKTOP}))})),console.log("👓 campaignsDevice",s);var m=s.map((function(e,t){return e.targets.filter((function(e){return e.type==N.LINKS})).map((function(e){return l(l({},e),{campaignIndex:t})}))})).flat(1);m=m.filter((function(e){var t=new URL(String(e.target).toLowerCase());return"exact_match"==e.option?Boolean(i===t.href):"start_with"==e.option?!!i.includes(String(e.target))&&!e.sub_target.filter((function(e){return"excluding"==e.option})).map((function(e){return e.value})).includes(i):void 0}));var u=Array.from(document.getElementsByTagName("META")).filter((function(e){return"article:tag"==e.getAttribute("property")})).map((function(e){return e.content})),p=[];u&&u.length&&(p=s.map((function(e,t){return e.targets.filter((function(e){return e.type==N.TAGS})).map((function(e){return l(l({},e),{campaignIndex:t})}))})).flat(1).filter((function(e){return u.includes(e.target)})));var h=e(e([],m,!0),p,!0),b=document.cookie.split("; ").map((function(e){return e.split("=")[0]})),k=b.filter((function(e){return e.includes("lead_submited")}));console.log("--listCampaignCodeSubmited",k);var y=b.filter((function(e){return e.includes("lead_closed")}));console.log("--listCampaignCodeClosed",y);var _=e(e([],k,!0),y,!0),E=h.filter((function(e){return!_.some((function(t){return t.includes(s[e.campaignIndex].code)}))})),w=R(E);if(console.log("--listCampaignValid : ",w),w&&w.length){var C=s[w[0].campaignIndex];console.log("CAMPAIGN_SHOW",C);var T=C.rules,B=Number(null===(a=T.find((function(e){return"time"==e.rule})))\|\|void 0===a?void 0:a.value);console.log("timeoutRule",B);var L=Number(null===(n=T.find((function(e){return"scroll"==e.rule})))\|\|void 0===n?void 0:n.value);console.log("scrollRule",L);var j=Number(null===(c=T.find((function(e){return"exclude_sponsored"==e.rule})))\|\|void 0===c?void 0:c.value);console.log("excludeSponsored",j);var O=Boolean(document.querySelector(".hhg-disclaimer-text"));if(console.log("💎 LEAD current page isSponsored",O),O&&j)return;var P="TIME";if(Number.isInteger(B)&&(P="TIME",console.log("✨ SHOW AWESOME POPUP AFTER: ",B," seconds"),setTimeout((function(){null==r\|\|r(C,P)}),1e3B)),Number.isInteger(L)){P="SCROLL",console.log("✨ SHOW AWESOME AFTER: SCROLL",L," %");var A=document.querySelector('[data-url="'.concat(location.pathname,'"]'))\|\|document.querySelector("body"),I=A.getBoundingClientRect().top,D=A.offsetHeight;console.log("👓 Element check scroll: ",A);var M=function(){var e=window.pageYOffset\|\|document.documentElement.scrollTop,t=0;e>=I&&(t=Math.round((e-I)/(D-innerHeight)*100)),console.log("---Scroll",t,L),t>=L&&(window.removeEventListener("scroll",M),null==r\|\|r(C,P))};window.addEventListener("scroll",M)}}else console.log("🚧 No lead campaigns on current URL, tags")}})).catch((function(e){console.error("Lead error: ",e)}))}var J=function(e){var l=e.apiUrl,o=e.siteDomain,i=e.siteId,h=e.locale,f=s(),k=s(Date.now()),y=r((function(){var e=l;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[l,o,i]).apiUrl,_=c(null),E=_[0],N=_[1],w=c(""),x=w[0],C=w[1],S=c(null),T=S[0],j=S[1],O=function(e,t){N(e),C(t)},P=function(){var e,t;if(E){console.log("👋👋👋 CLOSE POPUP ".concat(E.code," 👋👋👋"));var a=Number(null===(e=E.rules.find((function(e){return"show_again_after_exit"==e.rule})))\|\|void 0===e?void 0:e.value),l=Number(null===(t=E.rules.find((function(e){return"days_to_show_again"==e.rule})))\|\|void 0===t?void 0:t.value);0==a&&v("lead_closed_".concat(E.code),"target_".concat(E.extra_fields.popupVersion),l?{domain:"."+o,days:l,path:"/"}:{domain:"."+o,path:"/"}),document.body.classList.remove("noscroll"),fetch("".concat(y,"api/campaign/").concat(E.code,"/popup_exit"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"CLICK",url:location.href.toLowerCase(),title_article:document.title,cookie_id:g("hhg-id"),duration:Math.ceil((Date.now()-k.current)/1e3)})}),N(null),j(null)}};d((function(){if(window.next){var e=m((function(e){console.log("--🌻 routeChangeComplete",e,Date.now());var t=location.pathname;P(),document.querySelectorAll('[data-popup-url="'.concat(t,'"]')).length\|\|W({leadApi:y,leadDomain:o,leadSiteId:i,onShowPopup:O}),f.current&&window.removeEventListener("scroll",f.current)}),500);window.next.router.events.on("routeChangeComplete",e)}W({leadApi:y,leadDomain:o,leadSiteId:i,onShowPopup:O})}),[]);return d((function(){E&&(k.current=Date.now())}),[E]),n.createElement(L.Provider,{value:{apiUrl:y,siteDomain:o,siteId:i,locale:h}},n.createElement(p.Provider,{value:{locale:h,values:U(h)}},u(n.createElement(n.Fragment,null,E&&n.createElement(q,{campaign:E,onClose:P,onSubmit:function(e,l,n,r){return t(void 0,void 0,void 0,(function(){var t,i,c,d,s,m,u,p,h,b,f,k,_,N,w,x,C,S,T,L,O,A,I,D,M,H,q,V,F,U,R,W,J,z;return a(this,(function(a){switch(a.label){case 0:return e.preventDefault(),console.log("submitHandler",l,n),t=new FormData(e.currentTarget),i={},t.forEach((function(e,t){i[t]=i[t]\|\|[],i[t].push(e)})),c=Object.keys(i).map((function(e){return{name:e,value:String(i[e])}})),d=2,s=g("_ga")\|\|null,window.intlTelInputUtils?[3,2]:[4,require("intl-tel-input/build/js/utils")];case 1:a.sent(),a.label=2;case 2:return m={url:location.href.toLowerCase(),title_article:document.title,meta:c.map((function(e){var t,a,l,n;return{key:null===(t=document.querySelector(".lead-modal__form.".concat(r,' [name="').concat(e.name,'"]')))\|\|void 0===t?void 0:t.getAttribute("data-key"),value:(null==B?void 0:B.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(e.name)?window.intlTelInputUtils.formatNumber(String(e.value),null==B?void 0:B.countryCodeNumber,d).replace(/\s+/g,""):e.value,control:e.name.replace("1","").replace("2","").replace("3",""),is_sent_mailchimp:(null===(n=document.querySelector(".lead-modal__form.".concat(r," .mailchimp-").concat((null===(l=null===(a=document.querySelector(".lead-modal__form.".concat(r,' [name="').concat(e.name,'"]')))\|\|void 0===a?void 0:a.getAttribute("data-key"))\|\|void 0===l?void 0:l.replace(/\s/gi,"_"))\|\|"")))\|\|void 0===n?void 0:n.getAttribute("data-mailchimp"))\|\|"false"}})),cookie_id:g("hhg-id"),ga_client_id:s},l&&n[l].value_en&&(m.category=n[l].value_en),u=Number((null===(M=null===(D=E.rules)\|\|void 0===D?void 0:D.find((function(e){return"days_to_show_again"===e.rule})))\|\|void 0===M?void 0:M.value)\|\|7),0==(p=Number((null===(q=null===(H=E.rules)\|\|void 0===H?void 0:H.find((function(e){return"show_again_after_submit"===e.rule})))\|\|void 0===q?void 0:q.value)\|\|0))&&(console.log("⛔ Popup never show again!"),v("lead_submited_".concat(E.code),"target_".concat(E.extra_fields.targetType),{domain:"."+o,path:"/"})),1==p&&(console.log("⌛ Popup will show again after ".concat(u," days!")),v("lead_submited_".concat(E.code),"target_".concat(E.extra_fields.targetType),{domain:"."+o,days:u,path:"/"})),fetch("".concat(y,"api/campaign/").concat(E.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)}),"notshow"==E.extra_fields.popupShowThankYou?(P(),document.body.classList.remove("noscroll"),[2]):(h=!0,b=E.thank_you_image\|\|"".concat(y,"admin/img/thanksyou.png"),f=E.extra_fields.popupThankyouTitle\|\|"Thank you.",k=E.extra_fields.popupThankyouDesc\|\|"We appreciate your time!",_="",N="",C="","2.1"==E.extra_fields.popupVersion&&(S=E.extra_fields,T=JSON.parse(S.listBlockThankyou),L=T.find((function(e){return"TitleBlock"==e.name})),O=T.find((function(e){return"SubtitleBlock"==e.name})),A=T.find((function(e){return"LinkButtonBlock"==e.name})),f=(null===(V=null==L?void 0:L.data)\|\|void 0===V?void 0:V.value)\|\|"",_=(null===(F=null==L?void 0:L.data)\|\|void 0===F?void 0:F.align)\|\|"",k=(null===(U=null==O?void 0:O.data)\|\|void 0===U?void 0:U.value)\|\|"",N=(null===(R=null==O?void 0:O.data)\|\|void 0===R?void 0:R.align)\|\|"",w=(null===(W=null==A?void 0:A.data)\|\|void 0===W?void 0:W.value)\|\|"",x=(null===(J=null==A?void 0:A.data)\|\|void 0===J?void 0:J.newtab)\|\|!1,C=(null===(z=null==A?void 0:A.data)\|\|void 0===z?void 0:z.url)\|\|"",I=E.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(I)&&(h=!1)),j(h?{title:f,titleAlign:_,subtitle:k,subtitleAlign:N,link:C,linkNewTab:x,linkText:w,image:b}:null),sessionStorage.getItem("insider_object")?window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")):window.insider_object={user:{email:"",phone_number:"",gdpr_optin:!0,sms_optin:!0,email_optin:!0}},c.map((function(e){var t=e.name,a=e.value;"tel"==t?window.insider_object.user.phone_number=a:"email"==t&&(window.insider_object.user.email=a)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object)),[2])}}))}))},action:x,showThankyou:T})),b())))};export{J as LeadGen};
1	+ import{a as e,d as t,e as a,_ as l}from"./tslib.es6-9e6a1336.js";import n,{createContext as o,useMemo as r,useContext as i,useState as c,useEffect as d,useRef as s}from"react";import m from"lodash/debounce";import{createPortal as u}from"react-dom";import{T as p}from"./translationsContext-06ab9506.js";import{g,s as v}from"./cookieHelper-3927fbdb.js";import{b as h,a as b}from"./utils-bc6b0ac2.js";import{v1 as f}from"uuid";import{u as k}from"./useTranslations-21f2af45.js";import"dayjs";import"./screenSizeContext-0cbef62b.js";import"./lazyLoad-8acd8b6b.js";import"styled-components";import"./index-63b272c4.js";import"./isProduction-ee4563aa.js";import"./Locale-f8f0a24a.js";import"./gAssets.js";import"string-format";import"lodash/throttle";import"vanilla-lazyload";var y=function(e){var t=e.onClose,a=e.containerClassName,l=e.svgClassName;return n.createElement("button",{onClick:t,className:"le-newbuilder-close-button js-modal__close ".concat(a\|\|"")},n.createElement("svg",{className:"le-newbuilder-close-svg ".concat(l\|\|""),xmlns:"http://www.w3.org/2000/svg",width:"53",height:"53",viewBox:"0 0 53 53"},n.createElement("defs",null,n.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},n.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),n.createElement("feFlood",{floodOpacity:".4"}),n.createElement("feComposite",{in2:"blur",operator:"in"}),n.createElement("feComposite",{in:"SourceGraphic"})),n.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),n.createElement("g",{filter:"url(#Ellipse_482)"},n.createElement("circle",{cx:"17.5",cy:"17.5",r:"17.5",transform:"translate(-483.1 -671.163)translate(483.1 671.16)translate(9 9)",fill:"#005cfd"})),n.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),n.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},_=function(e){var t=e.popupId,a=e.url,l=e.newTab,o=e.imageDestkop,r=e.imageMobile,i=e.onClose,c=e.onOtherSubmit;return n.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},n.createElement("div",{className:"le-center-tab-popup"},n.createElement("div",{style:{position:"relative"}},n.createElement("a",{className:"js-popup-other-submit",href:a,target:l?"blank":"_parent",onClick:c},n.createElement("img",{className:"le-only-mobile",src:r}),n.createElement("img",{className:"le-only-desktop",src:o})),n.createElement(y,{onClose:i,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},E=function(e){var t=e.popupId,a=e.url,l=e.title,o=e.urlText,r=e.titleAlign,i=e.subtitle,c=e.subtitleAlign,d=e.newTab,s=e.imageDesktop,m=e.imageMobile,u=e.onClose,p=e.onOtherSubmit;return n.createElement("div",{id:t,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},n.createElement("aside",{className:"le-only-desktop"},n.createElement("div",{className:"le-floating-desktop"},n.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},s?n.createElement("div",null,n.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:s})):null,n.createElement("div",{style:{padding:20}},n.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(r)},l),n.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(c)},i)),n.createElement("a",{target:d?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:a},n.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:p},o)),n.createElement(y,{onClose:u,containerClassName:"le-abs-outer-top-right"})))),n.createElement("aside",{className:"le-only-mobile"},n.createElement("div",{className:"le-floating-mobile"},n.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},n.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},n.createElement("div",null,n.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(r)},l),n.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(c)},i)),m?n.createElement("div",null,n.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:m})):null),n.createElement("div",{style:{textAlign:"center",marginTop:10}},n.createElement("a",{target:d?"blank":"_parent",href:a,style:{textDecoration:"none"}},n.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:p},o))),n.createElement(y,{onClose:u,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},N={LINKS:1,TAGS:2},w="https://dev.leadgen.hellobacsi.com/",x={MOBILE:1,DESKTOP:2},C="";w.includes("localhost")&&(w="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(C="pink");var S="https://"+location.hostname+location.pathname+location.search;S=S.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var T={"vi-VN":{popupLang:"vi",countryCode:"vn",countryCodeNumber:84},"id-ID":{popupLang:"id",countryCode:"id",countryCodeNumber:62},"th-TH":{popupLang:"th",countryCode:"th",countryCodeNumber:66},"ms-MY":{popupLang:"ms",countryCode:"my",countryCodeNumber:60},"zh-TW":{popupLang:"zh",countryCode:"tw",countryCodeNumber:886},"km-KH":{popupLang:"km",countryCode:"kh",countryCodeNumber:855},"my-MM":{popupLang:"my",countryCode:"mm",countryCodeNumber:95},"hi-IN":{popupLang:"hi",countryCode:"in",countryCodeNumber:91}},B=T[document.documentElement.lang]\|\|T["vi-VN"];var L=o({}),j=function(e){var t=e.title,a=e.titleAlign,l=e.subtitle,o=e.subtitleAlign,r=e.link,i=e.linkNewTab,c=e.linkText,d=e.image;return n.createElement("div",{className:"lead-modal__thank-you"},n.createElement("div",{style:{width:"100%"}},n.createElement("img",{src:d,style:{maxHeight:162,objectFit:"cover"}}),t&&n.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(a)},t),l&&n.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(o)},l),c&&n.createElement("div",null,n.createElement("a",{href:r,target:i?"_blank":"parrent",rel:"noreferrer"},n.createElement("button",{className:"lead-modal__btn ".concat(C)},c)))))},O=function(t){var a=t.content,l=t.inlinePosition,n=r((function(){if(!l)return null;var t=document.querySelectorAll('[data-url="'.concat(location.pathname,'"] .body-content')),a=Array.from(t).reduce((function(t,a){return e(e([],t,!0),Array.from(a.children),!0)}),[]);if(null==a?void 0:a.length){var n=a.filter((function(e){return"P"===e.nodeName})),o=a.filter((function(e){return"H2"===e.nodeName})),r=null;switch(l){case"1th":r=n[0];break;case"2th":r=n[1];break;case"3th":r=n[2];break;case"4th":r=n[3];break;case"5th":r=n[4];break;case"6th":r=n[5];break;case"7th":r=n[6];break;case"8th":r=n[7];break;case"9th":r=n[8];break;case"10th":r=n[9];break;case"11th":r=n[10];break;case"12th":r=n[11];break;case"lastP":r=n[n.length-1];break;case"1thH2":r=o[0];break;case"2thH2":r=o[1];break;case"3thH2":r=o[2];break;case"4thH2":r=o[3];break;case"5thH2":r=o[4];break;case"6thH2":r=o[5];break;case"7thH2":r=o[6];break;case"8thH2":r=o[7];break;case"9thH2":r=o[8];break;case"10thH2":r=o[9];break;case"lastH2":r=o[o.length-1]}if(r){if(r.parentElement.querySelector(".inline-lead-wrapper"))return r.parentElement.querySelector(".inline-lead-wrapper");var i=document.createElement("div");return i.classList.add("inline-lead-wrapper"),r.nextElementSibling?r.parentElement.insertBefore(i,r.nextElementSibling):r.parentElement.appendChild(i),i}}}),[l]);return l&&n?u(a,n):null},P=function(e){var t=e.content,a=r((function(){var e=Array.from(document.querySelectorAll(".hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar"));return e.forEach((function(e){if(!e.querySelector(".sidebar-lead-modal-wrapper")){var t=document.createElement("div");t.classList.add("sidebar-lead-modal-wrapper"),e.prepend(t)}})),e.map((function(e){return e.querySelector(".sidebar-lead-modal-wrapper")}))}),[]);return n.createElement(n.Fragment,null,a.map((function(e){return u(t,h(e,"sidebar-lead-modal-wrapper"))})))},A=function(e){var l,o,s,m=e.popupId,u=e.extraFields,p=e.onClose,g=e.onOtherSubmit,v=e.imageMobile,h=e.imageDesktop,b=e.imageOverlayMobile,f=e.imageOverlayDesktop,y=e.imageBackground,_=e.currentLayout,E=e.title,N=e.onSubmit,w=e.showThankyou,x=k().t,S=JSON.parse(u.listBlockAdded),T=JSON.parse(u.actionBlocks),A=JSON.parse(u.textBlocks),I=i(L).apiUrl,D=T.submitBlock.data.url,M=T.submitBlock.data.text,H=T.submitBlock.data.text2,q=T.submitBlock.data.value,V=location.pathname,F=_.includes("Inline")\|\|"Sidebar"===_,U="Slider"===_,R=c(!0),W=R[0],J=R[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(_))return console.log("😎 Not show fullscreen, slider on mobile "),null;d((function(){(_.includes("LightBox")\|\|"Fullscreen"==_)&&document.body.classList.add("noscroll")}),[]);var z=function(e,l){return t(void 0,void 0,void 0,(function(){return a(this,(function(t){switch(t.label){case 0:return l.target.validity.valueMissing?(l.target.setCustomValidity(x("validator.required")),[3,6]):[3,1];case 1:return l.target.validity.valid\|\|l.target.validity.customError?[3,2]:("tel"===e?l.target.setCustomValidity(x("validator.phone")):"date"===e?l.target.setCustomValidity(x("validator.date")):"email"===e&&l.target.setCustomValidity(x("validator.email")),[3,6]);case 2:return"tel"!==e?[3,5]:window.intlTelInputUtils?[3,4]:[4,require("intl-tel-input/build/js/utils")];case 3:t.sent(),t.label=4;case 4:return window.intlTelInputUtils.isValidNumber(String(l.target.value),B.countryCode)?l.target.setCustomValidity(""):l.target.setCustomValidity(x("validator.phone")),[3,6];case 5:l.target.setCustomValidity(""),t.label=6;case 6:return[2]}}))}))},K=r((function(){var e={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return S.map((function(t,a){var l,o,r;if("TitleBlock"==t.name)return n.createElement("h2",{key:a,className:"lead-modal__title ".concat("le-text-align-"+((null===(l=t.data)\|\|void 0===l?void 0:l.align)\|\|"")," ").concat(C)},t.data.value);if("SubtitleBlock"==t.name)return n.createElement("p",{key:a,className:"lead-modal__description ".concat("le-text-align-"+((null===(o=t.data)\|\|void 0===o?void 0:o.align)\|\|"")," ").concat(C)},t.data.value);if("TextBlock"==t.name)return e.TextBlock+=1,n.createElement("div",{key:a},n.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.createElement("input",{required:!0,"data-key":t.data.value,name:"text"+(e.TextBlock>1?e.TextBlock:""),spellCheck:!1,type:"text",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return z("text",e)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/text.svg")})));if("NumberBlock"==t.name){var i=n.createElement("div",{key:a},n.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.createElement("input",{required:!0,"data-key":t.data.value,name:"number"+(e.NumberBlock?e.NumberBlock:""),spellCheck:!1,type:"number",min:"0",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return z("number",e)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/number.svg")})));return e.NumberBlock+=1,i}if("EmailBlock"==t.name){i=n.createElement("div",{key:a},n.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.createElement("input",{required:!0,"data-key":t.data.value,name:"email"+(e.EmailBlock?e.EmailBlock:""),spellCheck:!1,type:"email",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return z("email",e)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/email.svg")})));return e.EmailBlock+=1,i}if("PhoneBlock"==t.name){i=n.createElement("div",{key:a},n.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.createElement("input",{required:!0,"data-key":t.data.value,name:"tel"+(e.PhoneBlock?e.PhoneBlock:""),spellCheck:!1,type:"tel",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return z("tel",e)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/tel.svg")})));return e.PhoneBlock+=1,i}if("DateBlock"==t.name){i=n.createElement("div",null,n.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.createElement("input",{required:!0,type:"date","data-key":t.data.value,name:"date"+(e.DateBlock?e.DateBlock:""),placeholder:t.data.placeholder,onClick:function(e){e.currentTarget.classList.remove("placeholderclass")},onBlur:function(e){e.currentTarget.value\|\|e.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(e){return z("date",e)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/date.svg")})));return e.DateBlock+=1,i}if("LinkButtonBlock"==t.name)return n.createElement("div",{key:a},n.createElement("a",{target:t.data.newtab?"blank":"parrent",href:t.data.url,style:{textDecoration:"none"}},n.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(C),onClick:function(){null==p\|\|p(),null==g\|\|g()}},t.data.value)));if("CheckboxBlock"==t.name){var c=t.data,d=c.listQuestion,s=c.isSendMailChimp,m=void 0!==s&&s;i=n.createElement("div",{key:a,style:{margin:"5px 0"}},n.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),n.createElement("div",{className:"mailchimp-".concat(null===(r=t.data.value)\|\|void 0===r?void 0:r.replace(/\s/gi,"_")),"data-mailchimp":m}),d.map((function(a,l){return n.createElement("label",{key:l,className:"lead-checkbox-container"},n.createElement("input",{"data-key":t.data.value,name:"checkbox"+(e.CheckboxBlock?e.CheckboxBlock:"")+"[]",value:a.value,type:"checkbox",onChange:function(e){return z("checkbox",e)}}),n.createElement("span",{className:"lead-checkbox-checkmark"}),a.placeholder)})));return e.CheckboxBlock+=1,i}if("RadioBlock"==t.name){d=t.data.listQuestion,i=n.createElement("div",{key:a,style:{margin:"5px 0"}},n.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),d.map((function(a,l){return n.createElement("label",{className:"lead-radio-container",key:l},n.createElement("input",{"data-key":t.data.value,name:"radio"+(e.RadioBlock?e.RadioBlock:""),value:a.value,type:"radio",onChange:function(e){return z("radio",e)}}),n.createElement("span",{className:"lead-radio-checkmark"}),a.placeholder)})));return e.RadioBlock+=1,i}if("DropdownBlock"==t.name){d=t.data.listQuestion,i=n.createElement("div",{key:a,style:{margin:"5px 0"}},n.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),n.createElement("div",{className:"le-newbuilder-select-wrapper"},n.createElement("select",{className:"le-newbuilder-select","data-key":t.data.value,name:"dropdown"+(e.DropdownBlock?e.DropdownBlock:"")},d.map((function(e,t){return n.createElement("option",{key:t,value:e.value},e.placeholder)})))));return e.DropdownBlock+=1,i}}))}),[]),Q=n.createElement(n.Fragment,null,n.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n background: url(".concat(b,") ;\n background-repeat: no-repeat;\n background-size: cover;\n }\n @media screen and (min-width:768px) {\n .le-newbuilder-overlay {\n background: url(").concat(f,") ;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }")}}),n.createElement("div",{id:m,"data-popup-url":V,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(F?"le-buider-inline":""," ").concat(U?"le-buider-slider":"")},"Fullscreen"==_?n.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:y\|\|""}):null,n.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(_)},n.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(_)},w?n.createElement(j,{title:w.title,titleAlign:w.titleAlign,subtitle:w.subtitle,subtitleAlign:w.subtitleAlign,link:w.link,linkNewTab:w.linkNewTab,linkText:w.linkText,image:w.image}):n.createElement(n.Fragment,null,n.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(_)?v?n.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:v,alt:""}):null:n.createElement(n.Fragment,null,h?n.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:h,alt:""}):null,v?n.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:v,alt:""}):null)),n.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},n.createElement("form",{className:"lead-modal__form ".concat(m),onSubmit:N},n.createElement("div",{style:{marginBottom:20}},n.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(l=A.titleBlock.data)\|\|void 0===l?void 0:l.align)," ").concat(C)},E),n.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(o=A.titleBlock.data)\|\|void 0===o?void 0:o.align)," ").concat(C)},A.subtitleBlock.data.value)),n.createElement("div",null,K),(null===(s=null==T?void 0:T.submitBlock)\|\|void 0===s?void 0:s.isHide)?null:n.createElement(n.Fragment,null,n.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(C)},n.createElement("div",{className:"lead-modal__checkbox"},n.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(C),type:"checkbox","aria-label":"Checkbox label",checked:W,onChange:function(e){return J(e.currentTarget.checked)}}),n.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),n.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},M," ",n.createElement("span",{style:{fontWeight:"bold"}},n.createElement("a",{target:"blank",href:D\|\|"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},H)))),n.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(C),disabled:!W},q)))))),!_.includes("Inline")&&n.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==_?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(C),onClick:p},n.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},n.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},n.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),n.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"})))))));return _.includes("LightBox")\|\|"Fullscreen"==_\|\|"Slider"==_?Q:"Sidebar"==_?n.createElement(P,{content:Q}):_.includes("Inline")?n.createElement(O,{content:Q,inlinePosition:u.popupInlinePosition}):null},I=function(e){var t=e.popupId,a=e.link,l=e.linkText,o=e.linkNewTab,r=e.onClose,i=e.imageMobile,c=e.imageDesktop,d=e.currentLayout,s=e.onOtherSubmit,m=location.pathname;return n.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":m,"data-popup-type":"skin_ab"},"SkinA"==d?n.createElement("aside",{className:"le-only-desktop"},n.createElement("div",{className:"le-skin-a-desktop"},n.createElement("div",{style:{position:"relative"}},n.createElement("img",{src:c}),n.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:a,target:o?"blank":"_parent"},n.createElement("button",{onClick:s,className:"le-joinbow-btn js-popup-other-submit"},l)),n.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(C)},n.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},n.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},n.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),n.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))):"SkinB"==d?n.createElement("aside",{className:"le-only-desktop"},n.createElement("div",{className:""},n.createElement("div",{style:{position:"relative",zIndex:1e4}},n.createElement("img",{src:c,style:{width:"100%"}}),n.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:a,target:o?"blank":"_parent"},n.createElement("button",{onClick:s,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),n.createElement(y,{containerClassName:"le-abs-top-right",onClose:r})))):null,n.createElement("aside",{className:"le-only-mobile"},n.createElement("div",{className:"le-skin-mobile"},n.createElement("div",{style:{position:"relative"}},n.createElement("img",{src:i,style:{width:"100%"}}),n.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:a,target:o?"blank":"_parent"},n.createElement("button",{onClick:s,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),n.createElement(y,{containerClassName:"le-abs-top-right",svgClassName:"le-mobile-btn",onClose:r})))))},D=function(e){var t=e.popupId,a=e.url,l=e.newTab,o=e.image,r=e.onClose,i=e.onOtherSubmit;return n.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},n.createElement("div",{className:"le-tab-popup"},n.createElement("div",{style:{position:"relative"}},n.createElement("a",{href:a,target:l?"blank":"_parent",onClick:i},n.createElement("img",{className:"js-popup-other-submit",src:o})),n.createElement(y,{onClose:r,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var M=function(e){var t,a,l=e.campaign,o=e.action,r=e.onSubmit,c=e.onClose,m=e.showThankyou;k().t;var u=i(L),p=u.apiUrl,h=u.siteDomain;d((function(){var e=g("_ga")\|\|null;fetch("".concat(p,"api/campaign/").concat(w,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:o,url:location.href.toLowerCase(),title_article:document.title,cookie_id:g("hhg-id"),ga_client_id:e})})}),[]);var b=l.extra_fields,y=l.image,N=l.image_desktop,w=l.code,x=l.image_background,C=l.image_overlay_mobile,S=l.image_overlay_desktop,T=b.currentLayout,B=b.imageBlocks?JSON.parse(b.imageBlocks):{},j=JSON.parse(b.actionBlocks),O=JSON.parse(b.textBlocks),P=(null===(a=null===(t=null==O?void 0:O.titleBlock)\|\|void 0===t?void 0:t.data)\|\|void 0===a?void 0:a.value)\|\|"",M={1:{},2:{},3:{}},H=s("lead-modal-"+f()),q=function(e){if(void 0===e&&(e="Xin chao {{category_2}} extra"),e.includes("{{category_")){var t="{{category_".length,a=e.search("{{category_");return+e.charAt(t+a)}return null}(P);if(q){console.log("⚡️ Has categoryLevel",q);var V=Array.from(document.getElementsByTagName("META")),F=V.find((function(e){return e.name==="content_category_".concat(q)})),U=V.find((function(e){return e.name==="content_category_en_".concat(q)}));if(!F\|\|!U)return console.log("⚡️ No META TAG for categoryLevel, not show popup",q),null;M[q]={value:F.content,value_en:U.content},P=P.replace("{{category_".concat(q,"}}"),F.content),console.log("⚡️ Set categoryData ",q)}else console.log("⚡️ No categoryLevel",q);var R=function(){var e,t,a,n;if(console.log("👌 Other submit click"),document.body.classList.remove("noscroll"),T.includes("Skin")){var o=document.querySelector("#masthead");o&&(o.style.top="0px !important;")}var r=Number(null!==(t=null===(e=l.rules.find((function(e){return"days_to_show_again"==e.rule})))\|\|void 0===e?void 0:e.value)&&void 0!==t?t:7),i=Number(null!==(n=null===(a=l.rules.find((function(e){return"show_again_after_submit"==e.rule})))\|\|void 0===a?void 0:a.value)&&void 0!==n?n:0);0===i&&(console.log("⛔ Popup never show again!"),v("lead_submited_".concat(w),"target_".concat(b.popupVersion),{domain:"."+h,path:"/"})),1==i&&(console.log("⌛ Popup will show again after ".concat(r," days!")),v("lead_submited_".concat(w),"target_".concat(b.popupVersion),{domain:"."+h,days:r,path:"/"}));var d=g("_ga")\|\|null,s={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:g("hhg-id"),ga_client_id:d};q&&(s.category=M[q].value_en),fetch("".concat(p,"api/campaign/").concat(w,"/lead"),{method:"POST",body:JSON.stringify(s),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((function(e){return e.json()})).then((function(e){"error"===e.status&&console.log(e)})).catch((function(e){console.error("Error:",e)})),null==c\|\|c()};return"CenterTab"===T?n.createElement(_,{popupId:H.current,url:B.imageMobile.data.url,newTab:B.imageMobile.data.newtab,imageMobile:y,imageDestkop:N,onClose:c,onOtherSubmit:R}):"Tab"===T?n.createElement(D,{popupId:H.current,url:B.imageMobile.data.url,newTab:B.imageMobile.data.newtab,image:y,onClose:c,onOtherSubmit:R}):"Floating"===T?n.createElement(E,{popupId:H.current,title:P,titleAlign:O.titleBlock.data.align,subtitle:O.subtitleBlock.data.value,subtitleAlign:O.subtitleBlock.data.align,url:j.linkButtonBlock.data.url,urlText:j.linkButtonBlock.data.value,newTab:j.linkButtonBlock.data.newtab,imageMobile:y,imageDesktop:N,onClose:c,onOtherSubmit:R}):T.includes("LightBox")\|\|T.includes("Inline")\|\|"Fullscreen"==T\|\|"Sidebar"==T\|\|"Slider"==T?n.createElement(A,{popupId:H.current,extraFields:b,onClose:c,onOtherSubmit:R,imageMobile:y,imageDesktop:N,imageBackground:x,currentLayout:T,title:P,onSubmit:function(e){return r(e,q,M,H.current)},key:T,imageOverlayDesktop:S,imageOverlayMobile:C,showThankyou:m}):T.includes("Skin")?n.createElement(I,{popupId:H.current,link:j.linkButtonBlock.data.url,linkNewTab:!!j.linkButtonBlock.data.newtab,linkText:j.linkButtonBlock.data.value,onClose:c,onOtherSubmit:R,imageMobile:y,imageDesktop:N,currentLayout:T}):null},H=function(e){var l=e.campaign,o=e.action,r=e.onSubmit,s=e.onClose,m=e.showThankyou,u=k().t,p=c(!0),v=p[0],h=p[1];d((function(){document.body.classList.add("noscroll");var e=g("_ga")\|\|null;fetch("".concat(T,"api/campaign/").concat(y,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:o\|\|"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:g("hhg-id"),ga_client_id:e})})}),[]);var b=l.extra_fields,f=l.image,y=l.code,_=b.title,E=b.desc,N=b.submit,w=b.popUpTermURL,x=b.popUpTermAgreeText,S=b.popUpTermText,T=i(L).apiUrl,O=b.fields?JSON.parse(b.fields):[],P={tel:0,text:0,date:0,email:0},A=function(e,l){return t(void 0,void 0,void 0,(function(){return a(this,(function(t){switch(t.label){case 0:return l.target.validity.valueMissing?(l.target.setCustomValidity(u("validator.required")),[3,5]):[3,1];case 1:return l.target.validity.valid\|\|l.target.validity.customError?[3,2]:("tel"===e?l.target.setCustomValidity(u("validator.phone")):"date"===e?l.target.setCustomValidity(u("validator.date")):"email"===e&&l.target.setCustomValidity(u("validator.email")),[3,5]);case 2:return"tel"!==e?[3,4]:[4,require("intl-tel-input")];case 3:return t.sent().isValidNumber(String(l.target.value),B.countryCode)?l.target.setCustomValidity(""):l.target.setCustomValidity(u("validator.phone")),[3,5];case 4:l.target.setCustomValidity(""),t.label=5;case 5:return[2]}}))}))},I=O.map((function(e,t){var a=n.createElement(n.Fragment,null);return a="date"==e.control?n.createElement("div",{key:t,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.createElement("input",{required:!0,type:"date","data-key":e.listEdit[0].value,name:P.date?e.control+P.date:e.control,placeholder:e.listEdit[1].value\|\|"...",onClick:function(e){return e.currentTarget.classList.remove("placeholderclass")},onBlur:function(e){return!e.currentTarget.value&&e.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(t){return A(e.control,t)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(T,"admin/img/builder/").concat(e.name,".svg")})):n.createElement("div",{key:t,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.createElement("input",{required:!0,"data-key":e.listEdit[0].value,name:P[e.control]?e.control+P[e.control]:e.control,spellCheck:!1,type:e.control,placeholder:e.listEdit[1].value\|\|"...",className:"lead-modal__form-control width-100%",onChange:function(t){return A(e.control,t)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(T,"admin/img/builder/").concat(e.name,".svg")})),"date"==e.control&&(P.date+=1),"text"==e.control&&(P.text+=1),"tel"==e.control&&(P.tel+=1),"email"==e.control&&(P.email+=1),a}));return n.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},n.createElement("div",{className:"lead-modal__wrapper animate__animated "},n.createElement("div",{className:"lead-modal__content"},m?n.createElement(j,{title:m.title,titleAlign:m.titleAlign,subtitle:m.subtitle,subtitleAlign:m.subtitleAlign,link:m.link,linkNewTab:m.linkNewTab,linkText:m.linkText,image:m.image}):n.createElement(n.Fragment,null,n.createElement("header",{className:"lead-modal__header"},!!f&&n.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:f,alt:""})),n.createElement("div",{className:"lead-modal__body"},n.createElement("h2",{className:"lead-modal__title ".concat(C)},_),n.createElement("p",{className:"lead-modal__description ".concat(C)},E),n.createElement("form",{className:"lead-modal__form",onSubmit:function(e){e.preventDefault(),r(e)}},I,n.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(C)},n.createElement("div",{className:"lead-modal__checkbox"},n.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(C),type:"checkbox","aria-label":"Checkbox label",checked:v,onChange:function(e){return h(e.currentTarget.checked)}}),n.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),n.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},x," ",n.createElement("span",{style:{fontWeight:"bold"}},n.createElement("a",{target:"blank",href:w\|\|"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},S)))),n.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(C),disabled:!v},N))))),n.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(C),onClick:s},n.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},n.createElement("title",null,"Close modal window"),n.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},n.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),n.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},q=function(e){var t=e.campaign,a=e.action,l=e.onSubmit,o=e.onClose,r=e.showThankyou;return t.extra_fields?"2.1"==t.extra_fields.popupVersion?n.createElement(M,{campaign:t,action:a,onSubmit:l,onClose:o,showThankyou:r}):n.createElement(H,{campaign:t,action:a,onSubmit:l,onClose:o,showThankyou:r}):null},V={"validator.required":"This field is required.","validator.remote":"Please fix this field.","validator.email":"Please enter a valid email address.","validator.phone":"Please input correct phone number.","validator.url":"Please enter a valid URL.","validator.date":"Please enter a valid date.","validator.dateISO":"Please enter a valid date (ISO).","validator.number":"Please enter a valid number.","validator.digits":"Please enter only digits.","validator.creditcard":"Please enter a valid credit card number.","validator.equalTo":"Please enter the same value again.","validator.accept":"Please enter a value with a valid extension.","validator.maxlength":"jQuery.validator.format('Please enter no more than {0} characters.","validator.minlength":"jQuery.validator.format('Please enter at least {0} characters.","validator.rangelength":"jQuery.validator.format('Please enter a value between {0} and {1} characters long.","validator.range":"jQuery.validator.format('Please enter a value between {0} and {1}.","validator.max":"jQuery.validator.format('Please enter a value less than or equal to {0}.","validator.min":"jQuery.validator.format('Please enter a value greater than or equal to {0}."},F={"en-PH":V,"vi-VN":{"validator.required":"Vui lòng điền mục này","validator.email":"Vui lòng điền email có thật.","validator.number":"Vui lòng điền số có thật","validator.digits":"Vui lòng chỉ điền số","validator.maxlength":"Vui lòng điền dưới {0} số","validator.minlength":"Vui lòng điền hơn {0} số","validator.remote":"Hãy sửa cho đúng.","validator.url":"Hãy nhập URL.","validator.date":"Hãy nhập ngày.","validator.dateISO":"Hãy nhập ngày (ISO).","validator.creditcard":"Hãy nhập số thẻ tín dụng.","validator.equalTo":"Hãy nhập thêm lần nữa.","validator.extension":"Phần mở rộng không đúng.","validator.rangelength":"Hãy nhập từ {0} đến {1} kí tự.","validator.range":"Hãy nhập từ {0} đến {1}.","validator.max":"Hãy nhập từ {0} trở xuống.","validator.min":"Hãy nhập từ {0} trở lên.","validator.phone":"Nhập đúng định dạng số điện thoại"},"hi-IN":{"validator.required":"इस क्षेत्र की आवश्यकता है।","validator.email":"कृपया एक मान्य ईमेल पता दर्ज करें","validator.number":"कृपया एक वैध संख्या दर्ज करें","validator.digits":"कृपया केवल अंक दर्ज करें","validator.maxlength":"कृपया {0} अक्षर से अधिक दर्ज न करें","validator.minlength":"कृपया कम से कम {0} अक्षर दर्ज करें","validator.phone":"कृपया एक वैध संख्या दर्ज करें"},"id-ID":{"validator.required":"Kolom ini wajib diisi","validator.email":"Tolong daftarkan email yang valid","validator.number":"Tolong daftarkan nomor telepon yang valid","validator.digits":"Tolong masukkan angka saja","validator.maxlength":"Jangan memasukkan lebih dari {0} karakter","validator.minlength":"Tolong ketik sedikitnya {0} karakter","validator.phone":"Tolong daftarkan nomor telepon yang valid"},"ms-MY":{"validator.required":"Bahagian ini wajib diisi.","validator.email":"Sila masukkan alamat emel yang sah.","validator.number":"Sila masukkan no telefon yang sah.","validator.digits":"Sila masukkan nombor digit sahaja.","validator.maxlength":"Sila masukkan tidak lebih dari {0} aksara","validator.minlength":"Sila masukkan sekurang-kurangnya {0} aksara","validator.phone":"Sila masukkan no telefon yang sah."},"my-MM":{"validator.required":"ဒီနေရာမှာ ဖြည့်ဖို့ လိုအပ်ပါတယ်","validator.email":"မှန်ကန်သော အီးမေးလ်လိပ်စာထည့်သွင်းပါ","validator.number":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.digits":"နံပါတ်များသာဖြည့်ပါ","validator.maxlength":"ကျေးဇူးပြု၍ {0} ထပ်မပိုသော ဂဏန်းများသာဖြည့်ပါ","validator.minlength":"ကျေးဇူးပြု၍ အနည်းဆုံး {0} ဂဏန်းဖြည့်ပါ","validator.phone":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ"},"km-KH":{"validator.required":"ព័ត៌មានចាំបាច់ដែលត្រូវបំពេញ","validator.email":"សូមវាយអាសយដ្ឋានអ៊ីម៉ែលឲ្យបានត្រឹមត្រូវ","validator.number":"សូមវាយបញ្ចូលលេខឲ្យបានត្រឹមត្រូវ","validator.digits":"វាយបញ្ចូលបានតែលេខប៉ុណ្ណោះ","validator.maxlength":"សូមវាយបញ្ចូលកុំឲ្យលើស {0} តួអក្សរ","validator.minlength":"សូមវាយបញ្ចូលតិចបំផុត {0} តួអក្ស","validator.phone":"សូមវាយបញ្ចូលលេខឲ្យបានត្រឹមត្រូវ"},"zh-TW":{"validator.required":"此為必填欄位","validator.email":"請填入有效的 email 地址","validator.number":"請填入有效的電話號碼","validator.digits":"此欄位僅能輸入數字","validator.maxlength":"請輸入少於 {0} 位數","validator.minlength":"請輸入至少 {0} 位數","validator.phone":"請填入有效的電話號碼"},"th-TH":{"validator.required":"ต้องระบุข้อมูลในช่องนี้","validator.email":"กรุณาใส่อีเมล์ที่ถูกต้อง","validator.number":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.digits":"กรุณาส่เฉพาะตัวเลข","validator.maxlength":"กรุณาใส่ตัวเลขมากกว่า {0} หลัก","validator.minlength":"กรุณาใส่ตัวเลขอย่างน้อย {0} หลัก","validator.phone":"กรุณาใส่ตัวเลขที่ถูกต้อง"},"tl-PH":V},U=function(e){var t=F[e];return t\|\|F["en-PH"]};var R=function(t){for(var a=e([],t,!0),l=a.length-1;l>0;l--){var n=Math.floor(Math.random()(l+1)),o=a[l];a[l]=a[n],a[n]=o}return a};function W(t){var a=t.leadApi,n=t.leadSiteId,o=t.leadDomain,r=t.onShowPopup,i=("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(a+"api/campaign/"+n,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:i,ga_client_id:g("_ga")\|\|null})}).then((function(e){return e.json()})).then((function(t){var a,n,c;if(console.log("List campagin: ",t),S="https://"+location.hostname+location.pathname+location.search,1==t._status){var d=t._data.campaigns;g("hhg-id")\|\|(v("hhg-id",f(),{domain:"."+o,path:"/"}),console.log("😍 Set HHG ID cookie"));var s=[];s=/Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|BB\|PlayBook\|IEMobile\|Windows Phone\|Kindle\|Silk\|Opera Mini/i.test(navigator.userAgent)?d.filter((function(e){return e.device_types.some((function(e){return e.id==x.MOBILE}))})):d.filter((function(e){return e.device_types.some((function(e){return e.id==x.DESKTOP}))})),console.log("👓 campaignsDevice",s);var m=s.map((function(e,t){return e.targets.filter((function(e){return e.type==N.LINKS})).map((function(e){return l(l({},e),{campaignIndex:t})}))})).flat(1);m=m.filter((function(e){var t=new URL(String(e.target).toLowerCase());return"exact_match"==e.option?Boolean(i===t.href):"start_with"==e.option?!!i.includes(String(e.target))&&!e.sub_target.filter((function(e){return"excluding"==e.option})).map((function(e){return e.value})).includes(i):void 0}));var u=Array.from(document.getElementsByTagName("META")).filter((function(e){return"article:tag"==e.getAttribute("property")})).map((function(e){return e.content})),p=[];u&&u.length&&(p=s.map((function(e,t){return e.targets.filter((function(e){return e.type==N.TAGS})).map((function(e){return l(l({},e),{campaignIndex:t})}))})).flat(1).filter((function(e){return u.includes(e.target)})));var h=e(e([],m,!0),p,!0),b=document.cookie.split("; ").map((function(e){return e.split("=")[0]})),k=b.filter((function(e){return e.includes("lead_submited")}));console.log("--listCampaignCodeSubmited",k);var y=b.filter((function(e){return e.includes("lead_closed")}));console.log("--listCampaignCodeClosed",y);var _=e(e([],k,!0),y,!0),E=h.filter((function(e){return!_.some((function(t){return t.includes(s[e.campaignIndex].code)}))})),w=R(E);if(console.log("--listCampaignValid : ",w),w&&w.length){var C=s[w[0].campaignIndex];console.log("CAMPAIGN_SHOW",C);var T=C.rules,B=Number(null===(a=T.find((function(e){return"time"==e.rule})))\|\|void 0===a?void 0:a.value);console.log("timeoutRule",B);var L=Number(null===(n=T.find((function(e){return"scroll"==e.rule})))\|\|void 0===n?void 0:n.value);console.log("scrollRule",L);var j=Number(null===(c=T.find((function(e){return"exclude_sponsored"==e.rule})))\|\|void 0===c?void 0:c.value);console.log("excludeSponsored",j);var O=Boolean(document.querySelector(".hhg-disclaimer-text"));if(console.log("💎 LEAD current page isSponsored",O),O&&j)return;var P="TIME";if(Number.isInteger(B)&&(P="TIME",console.log("✨ SHOW AWESOME POPUP AFTER: ",B," seconds"),setTimeout((function(){null==r\|\|r(C,P)}),1e3B)),Number.isInteger(L)){P="SCROLL",console.log("✨ SHOW AWESOME AFTER: SCROLL",L," %");var A=document.querySelector('[data-url="'.concat(location.pathname,'"]'))\|\|document.querySelector("body"),I=A.getBoundingClientRect().top,D=A.offsetHeight;console.log("👓 Element check scroll: ",A);var M=function(){var e=window.pageYOffset\|\|document.documentElement.scrollTop,t=0;e>=I&&(t=Math.round((e-I)/(D-innerHeight)*100)),console.log("---Scroll",t,L),t>=L&&(window.removeEventListener("scroll",M),null==r\|\|r(C,P))};window.addEventListener("scroll",M)}}else console.log("🚧 No lead campaigns on current URL, tags")}})).catch((function(e){console.error("Lead error: ",e)}))}var J=function(e){var l=e.apiUrl,o=e.siteDomain,i=e.siteId,h=e.locale,f=s(),k=s(Date.now()),y=r((function(){var e=l;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[l,o,i]).apiUrl,_=c(null),E=_[0],N=_[1],w=c(""),x=w[0],C=w[1],S=c(null),T=S[0],j=S[1],O=function(e,t){N(e),C(t)},P=function(){var e,t;if(E){console.log("👋👋👋 CLOSE POPUP ".concat(E.code," 👋👋👋"));var a=Number(null===(e=E.rules.find((function(e){return"show_again_after_exit"==e.rule})))\|\|void 0===e?void 0:e.value),l=Number(null===(t=E.rules.find((function(e){return"days_to_show_again"==e.rule})))\|\|void 0===t?void 0:t.value);0==a&&v("lead_closed_".concat(E.code),"target_".concat(E.extra_fields.popupVersion),l?{domain:"."+o,days:l,path:"/"}:{domain:"."+o,path:"/"}),document.body.classList.remove("noscroll"),fetch("".concat(y,"api/campaign/").concat(E.code,"/popup_exit"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"CLICK",url:location.href.toLowerCase(),title_article:document.title,cookie_id:g("hhg-id"),duration:Math.ceil((Date.now()-k.current)/1e3)})}),N(null),j(null)}};d((function(){if(window.next){var e=m((function(e){console.log("--🌻 routeChangeComplete",e,Date.now());var t=location.pathname;P(),document.querySelectorAll('[data-popup-url="'.concat(t,'"]')).length\|\|W({leadApi:y,leadDomain:o,leadSiteId:i,onShowPopup:O}),f.current&&window.removeEventListener("scroll",f.current)}),500);window.next.router.events.on("routeChangeComplete",e)}W({leadApi:y,leadDomain:o,leadSiteId:i,onShowPopup:O})}),[]);return d((function(){E&&(k.current=Date.now())}),[E]),n.createElement(L.Provider,{value:{apiUrl:y,siteDomain:o,siteId:i,locale:h}},n.createElement(p.Provider,{value:{locale:h,values:U(h)}},u(n.createElement(n.Fragment,null,E&&n.createElement(q,{campaign:E,onClose:P,onSubmit:function(e,l,n,r){return t(void 0,void 0,void 0,(function(){var t,i,c,d,s,m,u,p,h,b,f,k,_,N,w,x,C,S,T,L,O,A,I,D,M,H,q,V,F,U,R,W,J,z;return a(this,(function(a){switch(a.label){case 0:return e.preventDefault(),console.log("submitHandler",l,n),t=new FormData(e.currentTarget),i={},t.forEach((function(e,t){i[t]=i[t]\|\|[],i[t].push(e)})),c=Object.keys(i).map((function(e){return{name:e,value:String(i[e])}})),d=2,s=g("_ga")\|\|null,window.intlTelInputUtils?[3,2]:[4,require("intl-tel-input/build/js/utils")];case 1:a.sent(),a.label=2;case 2:return m={url:location.href.toLowerCase(),title_article:document.title,meta:c.map((function(e){var t,a,l,n;return{key:null===(t=document.querySelector(".lead-modal__form.".concat(r,' [name="').concat(e.name,'"]')))\|\|void 0===t?void 0:t.getAttribute("data-key"),value:(null==B?void 0:B.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(e.name)?window.intlTelInputUtils.formatNumber(String(e.value),null==B?void 0:B.countryCodeNumber,d).replace(/\s+/g,""):e.value,control:e.name.replace("1","").replace("2","").replace("3",""),is_sent_mailchimp:(null===(n=document.querySelector(".lead-modal__form.".concat(r," .mailchimp-").concat((null===(l=null===(a=document.querySelector(".lead-modal__form.".concat(r,' [name="').concat(e.name,'"]')))\|\|void 0===a?void 0:a.getAttribute("data-key"))\|\|void 0===l?void 0:l.replace(/\s/gi,"_"))\|\|"")))\|\|void 0===n?void 0:n.getAttribute("data-mailchimp"))\|\|"false"}})),cookie_id:g("hhg-id"),ga_client_id:s},l&&n[l].value_en&&(m.category=n[l].value_en),u=Number((null===(M=null===(D=E.rules)\|\|void 0===D?void 0:D.find((function(e){return"days_to_show_again"===e.rule})))\|\|void 0===M?void 0:M.value)\|\|7),0==(p=Number((null===(q=null===(H=E.rules)\|\|void 0===H?void 0:H.find((function(e){return"show_again_after_submit"===e.rule})))\|\|void 0===q?void 0:q.value)\|\|0))&&(console.log("⛔ Popup never show again!"),v("lead_submited_".concat(E.code),"target_".concat(E.extra_fields.targetType),{domain:"."+o,path:"/"})),1==p&&(console.log("⌛ Popup will show again after ".concat(u," days!")),v("lead_submited_".concat(E.code),"target_".concat(E.extra_fields.targetType),{domain:"."+o,days:u,path:"/"})),fetch("".concat(y,"api/campaign/").concat(E.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)}),"notshow"==E.extra_fields.popupShowThankYou?(P(),document.body.classList.remove("noscroll"),[2]):(h=!0,b=E.thank_you_image\|\|"".concat(y,"admin/img/thanksyou.png"),f=E.extra_fields.popupThankyouTitle\|\|"Thank you.",k=E.extra_fields.popupThankyouDesc\|\|"We appreciate your time!",_="",N="",C="","2.1"==E.extra_fields.popupVersion&&(S=E.extra_fields,T=JSON.parse(S.listBlockThankyou),L=T.find((function(e){return"TitleBlock"==e.name})),O=T.find((function(e){return"SubtitleBlock"==e.name})),A=T.find((function(e){return"LinkButtonBlock"==e.name})),f=(null===(V=null==L?void 0:L.data)\|\|void 0===V?void 0:V.value)\|\|"",_=(null===(F=null==L?void 0:L.data)\|\|void 0===F?void 0:F.align)\|\|"",k=(null===(U=null==O?void 0:O.data)\|\|void 0===U?void 0:U.value)\|\|"",N=(null===(R=null==O?void 0:O.data)\|\|void 0===R?void 0:R.align)\|\|"",w=(null===(W=null==A?void 0:A.data)\|\|void 0===W?void 0:W.value)\|\|"",x=(null===(J=null==A?void 0:A.data)\|\|void 0===J?void 0:J.newtab)\|\|!1,C=(null===(z=null==A?void 0:A.data)\|\|void 0===z?void 0:z.url)\|\|"",I=E.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(I)&&(h=!1)),j(h?{title:f,titleAlign:_,subtitle:k,subtitleAlign:N,link:C,linkNewTab:x,linkText:w,image:b}:null),sessionStorage.getItem("insider_object")?window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")):window.insider_object={user:{email:"",phone_number:"",gdpr_optin:!0,sms_optin:!0,email_optin:!0}},c.map((function(e){var t=e.name,a=e.value;"tel"==t?window.insider_object.user.phone_number=a:"email"==t&&(window.insider_object.user.email=a)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object)),[2])}}))}))},action:x,showThankyou:T})),b())))};export{J as LeadGen};