@hhgtech/hhg-components 1.23.85 → 1.23.86

package/build/{index-a27def8e.js → index-1247d142.js}

@@ -1 +1 @@
-"use strict";var n=require("react"),e=require("./gAssets.js"),t=require("./tslib.es6-96fcc615.js"),a=require("./utils-389aa237.js"),o=require("styled-components"),s=require("./logoIcon-75d8906e.js"),l=require("./Locale-788f0a76.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,g,m=i(n),d=i(o),p=d.default.div(r||(r=t.__makeTemplateObject(["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"],["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"])),a.MediaQueries.mbDown),h=d.default.img(g||(g=t.__makeTemplateObject(["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"],["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"]))),c={2023:[22,0],2024:[10,1],2025:[29,0],2026:[17,1],2027:[6,1],2028:[26,0],2029:[13,1],2030:[3,1],2031:[23,0],2032:[11,1],2033:[31,0],2034:[19,1],2035:[8,1],2036:[28,0],2037:[15,1],2038:[4,1],2039:[24,0],2040:[12,1]},f=[l.LOCALE.Vietnam,l.LOCALE.Taiwan,l.LOCALE.Indonesia,l.LOCALE.Malaysia],u="d76E4SH";exports.Container=function(n){var e=n.children,t=n.className,a=n.style,o=n.type;return m.default.createElement("div",{className:"".concat(u," ").concat(t||""),style:a,"data-type":o},e)},exports.Logo=function(t){var a=t.type,o=t.className,l=t.style,i=t.isLightLogo,r=t.customSize,g=t.badge,d=t.locale,u=t.dateForSeasonal,x=t.isPro,w=n.useMemo((function(){if(!u||isNaN(new Date(u).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};var n,e,t=new Date(u),a=(e=(n=t).getDate(),11===n.getMonth()&&e>=16&&e<=25),o=f.includes(d)&&function(n){var e=n.getFullYear(),t=c[e];if(!t)return!1;var a=new Date(e,t[1],t[0]),o=new Date(a);o.setDate(a.getDate()-7);var s=new Date(a);return s.setDate(a.getDate()+5),o<=n&&n<=s}(t),s=!o&&function(n){var e=n.getDate(),t=n.getMonth();return 11===t&&e>=26||0===t&&e<=15}(t);return{isChristmas:a,isLunarNewYear:o,isNewYear:s}}),[d,new Date(u).getDate()]);return m.default.createElement(p,{className:o,style:l,"data-logo-is-light":i||void 0,"data-has-badge":!!g,"data-christmas":w.isChristmas,"data-new-year":w.isNewYear,"data-lunar-new-year":w.isLunarNewYear},w.isChristmas?m.default.createElement(m.default.Fragment,null,m.default.createElement("img",{loading:"lazy",src:e.CommonGAssets.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),m.default.createElement("img",{loading:"lazy",src:e.CommonGAssets.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):w.isNewYear?m.default.createElement(m.default.Fragment,null,m.default.createElement("img",{loading:"lazy",src:e.CommonGAssets.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),m.default.createElement("img",{loading:"lazy",src:e.CommonGAssets.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):w.isLunarNewYear?m.default.createElement(m.default.Fragment,null,m.default.createElement("img",{loading:"lazy",src:e.CommonGAssets.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),m.default.createElement("img",{loading:"lazy",src:e.CommonGAssets.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,m.default.createElement(s.LogoIcon,{type:a,width:null==r?void 0:r.width,height:null==r?void 0:r.height}),x?m.default.createElement(h,{src:e.CommonGAssets.getAssetPath("logo/pro-suffix.svg")}):null,g)};
+"use strict";var n=require("react"),e=require("./gAssets.js"),t=require("./tslib.es6-edc720a6.js"),a=require("./utils-7a17dcfb.js"),o=require("styled-components"),s=require("./logoIcon-dfc9715e.js"),l=require("./Locale-c36ebd32.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,g,m=i(n),d=i(o),p=d.default.div(r||(r=t.__makeTemplateObject(["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"],["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"])),a.MediaQueries.mbDown),h=d.default.img(g||(g=t.__makeTemplateObject(["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"],["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"]))),c={2023:[22,0],2024:[10,1],2025:[29,0],2026:[17,1],2027:[6,1],2028:[26,0],2029:[13,1],2030:[3,1],2031:[23,0],2032:[11,1],2033:[31,0],2034:[19,1],2035:[8,1],2036:[28,0],2037:[15,1],2038:[4,1],2039:[24,0],2040:[12,1]},f=[l.LOCALE.Vietnam,l.LOCALE.Taiwan,l.LOCALE.Indonesia,l.LOCALE.Malaysia],u="d76E4SH";exports.Container=function(n){var e=n.children,t=n.className,a=n.style,o=n.type;return m.default.createElement("div",{className:"".concat(u," ").concat(t||""),style:a,"data-type":o},e)},exports.Logo=function(t){var a=t.type,o=t.className,l=t.style,i=t.isLightLogo,r=t.customSize,g=t.badge,d=t.locale,u=t.dateForSeasonal,x=t.isPro,w=n.useMemo((function(){if(!u||isNaN(new Date(u).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};var n,e,t=new Date(u),a=(e=(n=t).getDate(),11===n.getMonth()&&e>=16&&e<=25),o=f.includes(d)&&function(n){var e=n.getFullYear(),t=c[e];if(!t)return!1;var a=new Date(e,t[1],t[0]),o=new Date(a);o.setDate(a.getDate()-7);var s=new Date(a);return s.setDate(a.getDate()+5),o<=n&&n<=s}(t),s=!o&&function(n){var e=n.getDate(),t=n.getMonth();return 11===t&&e>=26||0===t&&e<=15}(t);return{isChristmas:a,isLunarNewYear:o,isNewYear:s}}),[d,new Date(u).getDate()]);return m.default.createElement(p,{className:o,style:l,"data-logo-is-light":i||void 0,"data-has-badge":!!g,"data-christmas":w.isChristmas,"data-new-year":w.isNewYear,"data-lunar-new-year":w.isLunarNewYear},w.isChristmas?m.default.createElement(m.default.Fragment,null,m.default.createElement("img",{loading:"lazy",src:e.CommonGAssets.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),m.default.createElement("img",{loading:"lazy",src:e.CommonGAssets.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):w.isNewYear?m.default.createElement(m.default.Fragment,null,m.default.createElement("img",{loading:"lazy",src:e.CommonGAssets.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),m.default.createElement("img",{loading:"lazy",src:e.CommonGAssets.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):w.isLunarNewYear?m.default.createElement(m.default.Fragment,null,m.default.createElement("img",{loading:"lazy",src:e.CommonGAssets.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),m.default.createElement("img",{loading:"lazy",src:e.CommonGAssets.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,m.default.createElement(s.LogoIcon,{type:a,width:null==r?void 0:r.width,height:null==r?void 0:r.height}),x?m.default.createElement(h,{src:e.CommonGAssets.getAssetPath("logo/pro-suffix.svg")}):null,g)};

package/build/{index-269e83fb.js → index-237d1dd2.js}

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("./tslib.es6-96fcc615.js"),l=require("./gAssets.js"),n=require("./index-f0f1bc45.js"),a=require("./utils-389aa237.js"),i=require("styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=r(e),c=r(i),u=function(e){return d.default.createElement("img",t.__assign({src:l.CommonGAssets.getAssetPath("flags/cambodiaRound.png"),style:t.__assign({borderRadius:"50%"},e.style)},e))},f=function(e){return d.default.createElement("img",t.__assign({src:l.CommonGAssets.getAssetPath("flags/cambodiaSquare.png")},e))},s=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:t.__assign({borderRadius:"50%"},e.style)},e),d.default.createElement("g",null,d.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},d.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),d.default.createElement("path",{d:"M7.49953 0.327881C5.47199 0.850891 3.69346 1.98591 2.37793 3.53444L7.49953 6.6655V0.327881Z",fill:"#3F51B5"}),d.default.createElement("path",{d:"M2.30273 16.3824C3.62476 17.9749 5.4353 19.1399 7.50034 19.6729V13.2053L2.30273 16.3824Z",fill:"#3F51B5"}),d.default.createElement("path",{d:"M0.328125 12.5C0.334625 12.526 0.341125 12.5515 0.348125 12.5775L0.474128 12.5H0.328125Z",fill:"white"}),d.default.createElement("path",{d:"M17.7871 3.73445C16.4571 2.08391 14.6131 0.872891 12.499 0.327881V6.96651L17.7871 3.73445Z",fill:"#3F51B5"}),d.default.createElement("path",{d:"M12.499 19.6722C14.6506 19.1172 16.5196 17.8707 17.8546 16.1752L12.499 12.9021V19.6722Z",fill:"#3F51B5"}),d.default.createElement("path",{d:"M0.376626 7.31055C0.359125 7.37305 0.344125 7.43705 0.328125 7.50005H0.686632L0.376626 7.31055Z",fill:"white"}),d.default.createElement("path",{d:"M19.8745 8.50006C19.827 8.18506 19.7655 7.87555 19.6895 7.57104L18.1699 8.50006H19.8745Z",fill:"white"}),d.default.createElement("path",{d:"M0.686034 7.50024H0.327527C0.243026 7.82775 0.175524 8.16076 0.124023 8.50026H2.32207L0.686034 7.50024Z",fill:"white"}),d.default.createElement("path",{d:"M19.7197 12.3148C19.7832 12.0473 19.8337 11.7752 19.8752 11.5002H18.3867L19.7197 12.3148Z",fill:"white"}),d.default.createElement("path",{d:"M2.10956 11.5002H0.124023C0.175024 11.8398 0.243026 12.1728 0.327527 12.5003H0.47403L2.10956 11.5002Z",fill:"white"}),d.default.createElement("path",{d:"M8.50002 7.27665V0.124512C8.16051 0.175513 7.82751 0.243514 7.5 0.328016V6.66564L8.50002 7.27665Z",fill:"white"}),d.default.createElement("path",{d:"M11.5 12.2913V19.8759C11.8395 19.8249 12.1725 19.7569 12.5 19.6724V12.9023L11.5 12.2913Z",fill:"white"}),d.default.createElement("path",{d:"M7.5 13.205V19.6721C7.82751 19.7566 8.16051 19.8241 8.50002 19.8756V12.594L7.5 13.205Z",fill:"white"}),d.default.createElement("path",{d:"M11.5925 7.34715L11.7345 7.43415L12.5 6.96614V0.328016C12.1725 0.243514 11.8395 0.176013 11.5 0.124512V7.49865L11.5925 7.34715Z",fill:"white"}),d.default.createElement("path",{d:"M2.32251 8.50002H7.01761L8.50014 7.594V7.277L7.50011 6.66548L2.37852 3.53442C1.95151 4.03743 1.572 4.58144 1.24949 5.16296L5.02507 7.5H2.29701L0.650482 6.47648C0.54748 6.74949 0.455478 7.02699 0.375977 7.3105L0.686483 7.5L2.32251 8.50002Z",fill:"white"}),d.default.createElement("path",{d:"M11.7344 7.43419L13.4784 8.50021H18.171L19.6905 7.57119C19.528 6.92118 19.303 6.29767 19.02 5.70516L16.139 7.50019H13.4109L18.317 4.45013C18.1515 4.20313 17.9735 3.96562 17.7875 3.73462L12.4999 6.96618L11.7344 7.43419Z",fill:"white"}),d.default.createElement("path",{d:"M5.02448 7.50013L1.2494 5.16309C1.0169 5.58259 0.821394 6.0231 0.650391 6.47661L2.29642 7.50013H5.02448Z",fill:"#E53935"}),d.default.createElement("path",{d:"M16.1392 7.50024L19.0207 5.70521C18.8132 5.2702 18.5837 4.84819 18.3177 4.45068L13.4111 7.50024H16.1392Z",fill:"#E53935"}),d.default.createElement("path",{d:"M11.5 11.5002V12.2913L12.5 12.9023L17.8556 16.1758C18.2416 15.6853 18.5836 15.1593 18.8736 14.6008L15.4856 12.5003H18.2136L19.4432 13.2673C19.5507 12.9563 19.6432 12.6393 19.7197 12.3153L18.3871 11.5002H11.5Z",fill:"white"}),d.default.createElement("path",{d:"M13.4785 8.50019L11.7345 7.43417L11.5925 7.34717L11.5 7.49867V8.50019H13.4785Z",fill:"white"}),d.default.createElement("path",{d:"M8.49934 12.5943V11.5002H2.10921L0.473182 12.5003L0.34668 12.5778C0.522683 13.2383 0.762688 13.8713 1.06319 14.4708L4.16375 12.5003H6.89181L1.80071 15.7168C1.95971 15.9448 2.12471 16.1688 2.30172 16.3823L7.49932 13.2053L8.49934 12.5943Z",fill:"white"}),d.default.createElement("path",{d:"M7.01758 8.50026H8.50011V7.59424L7.01758 8.50026Z",fill:"white"}),d.default.createElement("path",{d:"M15.4854 12.5L18.8729 14.6C19.0949 14.173 19.2834 13.727 19.4429 13.2665L18.2134 12.5H15.4854Z",fill:"#E53935"}),d.default.createElement("path",{d:"M4.16501 12.5L1.06445 14.4705C1.28196 14.9045 1.52596 15.3216 1.80197 15.7166L6.89307 12.5H4.16501Z",fill:"#E53935"}),d.default.createElement("path",{d:"M13.4785 8.5H11.5V11.5001H18.3871H19.8757C19.9497 11.0095 20.0002 10.511 20.0002 10C20.0002 9.48902 19.9497 8.99051 19.8757 8.5H18.1711H13.4785Z",fill:"#E53935"}),d.default.createElement("path",{d:"M8.50017 11.5001V8.5H7.01764H2.32255H0.124502C0.050501 8.99051 0 9.48902 0 10C0 10.511 0.050501 11.0095 0.124502 11.5001H2.11004H8.50017Z",fill:"#E53935"}),d.default.createElement("path",{d:"M11.5001 19.8759V12.2912V11.5002V8.50016V7.49865V0.124502C11.0095 0.050501 10.511 0 10 0C9.48902 0 8.99051 0.050501 8.5 0.124502V7.27664V7.59365V8.50016V11.5002V12.5942V19.8759C8.99051 19.9499 9.48902 20.0004 10 20.0004C10.511 20.0004 11.0095 19.9499 11.5001 19.8759Z",fill:"#E53935"})))},h=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),d.default.createElement("g",null,d.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"1",y:"5",width:"24",height:"16"},d.default.createElement("path",{d:"M1.08301 7.41675C1.08301 6.31218 1.97844 5.41675 3.08301 5.41675H22.9163C24.0209 5.41675 24.9163 6.31218 24.9163 7.41675V18.5834C24.9163 19.688 24.0209 20.5834 22.9163 20.5834H3.08301C1.97844 20.5834 1.08301 19.688 1.08301 18.5834V7.41675Z",fill:"#3F51B5"})),d.default.createElement("path",{d:"M1.08301 5.41675H24.9163V20.5834H1.08301V5.41675Z",fill:"#3F51B5"}),d.default.createElement("path",{d:"M1.08301 7.70041L12.3551 14.5899L14.05 11.8165L3.57901 5.41675H1.08301V7.70041Z",fill:"white"}),d.default.createElement("path",{d:"M24.9165 5.41675H22.9616L12.4912 11.816L14.1855 14.5899L24.9165 8.03083V5.41675Z",fill:"white"}),d.default.createElement("path",{d:"M14.1855 10.9802L12.4912 13.7536L23.6658 20.5834H24.9165V17.5387L14.1855 10.9802Z",fill:"white"}),d.default.createElement("path",{d:"M1.08301 17.8702V20.5834H2.87592L14.05 13.7541L12.3556 10.9802L1.08301 17.8702Z",fill:"white"}),d.default.createElement("path",{d:"M1.08301 10.8333H24.9163V15.1666H1.08301V10.8333Z",fill:"white"}),d.default.createElement("path",{d:"M10.833 5.41675H15.1663V20.5834H10.833V5.41675Z",fill:"white"}),d.default.createElement("path",{d:"M9.32609 10.8334L1.08301 5.79537V7.06504L7.24826 10.8334H9.32609ZM24.0004 5.41675L15.1376 10.8334H17.2149L24.9163 6.12687V5.41675H24.0004ZM17.9191 15.1667L24.9163 19.4432V18.1735L19.9964 15.1667H17.9191ZM8.62192 15.1667L1.08301 19.7742V20.5834H1.83701L10.6992 15.1667H8.62192ZM1.08301 11.9167H24.9163V14.0834H1.08301V11.9167Z",fill:"#E53935"}),d.default.createElement("path",{d:"M11.917 5.41675H14.0837V20.5834H11.917V5.41675Z",fill:"#E53935"})))},m=function(e){return d.default.createElement("img",t.__assign({src:l.CommonGAssets.getAssetPath("flags/indiaRound.png"),style:t.__assign({borderRadius:"50%"},e.style)},e))},o=function(e){return d.default.createElement("img",t.__assign({src:l.CommonGAssets.getAssetPath("flags/indiaSquare.png")},e))},p=function(l){var n=l.isTesting,a=t.__rest(l,["isTesting"]),i=e.useRef("id-flag-round-mask-"+(n?1:Math.random()));return d.default.createElement("svg",t.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),d.default.createElement("mask",{id:i.current,style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},d.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),d.default.createElement("g",{mask:"url(#".concat(i.current,")")},d.default.createElement("rect",{width:"20",height:"10",fill:"#CE1126"}),d.default.createElement("rect",{y:"10",width:"20",height:"10",fill:"white"})))},E=function(l){var n=l.isTesting,a=t.__rest(l,["isTesting"]),i=e.useRef("id-flag-clip-"+(n?1:Math.random()));return d.default.createElement("svg",t.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),d.default.createElement("g",{clipPath:"url(#".concat(i.current,")")},d.default.createElement("rect",{y:"0.0166016",width:"24",height:"8",fill:"#CE1126"}),d.default.createElement("rect",{y:"8.0166",width:"24",height:"8",fill:"white"})),d.default.createElement("defs",null,d.default.createElement("clipPath",{id:i.current},d.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}))))},w=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:t.__assign({borderRadius:"50%"},e.style)},e),d.default.createElement("g",null,d.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},d.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),d.default.createElement("rect",{y:"1",width:"20",height:"20",fill:"#CC0001"}),d.default.createElement("rect",{y:"16.106",width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{y:"16",width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{y:"18",width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{y:"14.0652",width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{y:"12.0242",width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{y:"9.9834",width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{y:"7.94263",width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{y:"5.90186",width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{y:"3.86084",width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{y:"2",width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{y:"-1",width:"10",height:"12",fill:"#010066"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.11387 3.86084C2.92711 3.86084 1.96387 5.23232 1.96387 6.92206C1.96387 8.6118 2.92711 9.98329 4.11387 9.98329C4.54263 9.98329 4.94211 9.80406 5.27763 9.4957C5.08225 9.59203 4.87256 9.64471 4.65427 9.64471C3.60193 9.64471 2.74786 8.42866 2.74786 6.93032C2.74786 5.43198 3.60193 4.21594 4.65427 4.21594C4.88682 4.21594 5.10959 4.27527 5.31571 4.38397C4.97256 4.0538 4.5589 3.86084 4.11387 3.86084Z",fill:"#FFCC00"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.67935 8.51573L6.7737 7.8407L7.04147 9.22221L6.43573 8.06657L6.24676 9.47313L6.0609 8.06576L5.4526 9.2188L5.72343 7.83844L4.81629 8.50957L5.49017 7.42963L4.46387 7.48593L5.40732 6.9203L4.46512 6.35062L5.4913 6.41133L4.81981 5.3285L5.72546 6.00353L5.45769 4.62202L6.06343 5.77766L6.25241 4.37109L6.43827 5.77847L7.04656 4.62543L6.77574 6.00579L7.68287 5.33466L7.00899 6.4146L8.0353 6.3583L7.09184 6.92392L8.03404 7.49361L7.00786 7.43289L7.67935 8.51573Z",fill:"#FFCC00"})))},g=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),d.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#CC0001"}),d.default.createElement("rect",{y:"12.2712",width:"24",height:"0.777454",fill:"white"}),d.default.createElement("rect",{y:"12.1904",width:"24",height:"0.777454",fill:"white"}),d.default.createElement("rect",{y:"13.7144",width:"24",height:"0.777454",fill:"white"}),d.default.createElement("rect",{y:"10.7161",width:"24",height:"0.777454",fill:"white"}),d.default.createElement("rect",{y:"9.16138",width:"24",height:"0.777454",fill:"white"}),d.default.createElement("rect",{y:"7.60645",width:"24",height:"0.777454",fill:"white"}),d.default.createElement("rect",{y:"6.05127",width:"24",height:"0.777454",fill:"white"}),d.default.createElement("rect",{y:"4.49658",width:"24",height:"0.777454",fill:"white"}),d.default.createElement("rect",{y:"2.94141",width:"24",height:"0.777454",fill:"white"}),d.default.createElement("rect",{y:"1.52393",width:"24",height:"0.777454",fill:"white"}),d.default.createElement("rect",{width:"24",height:"0.777454",fill:"white"}),d.default.createElement("path",{d:"M0 2C0 0.895431 0.895431 0 2 0H12V8.38095H0V2Z",fill:"#010066"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.93644 1.52393C3.51233 1.52393 2.35645 2.56887 2.35645 3.85629C2.35645 5.14371 3.51233 6.18865 4.93644 6.18865C5.45096 6.18865 5.93034 6.05209 6.33296 5.81716C6.09851 5.89054 5.84688 5.93068 5.58492 5.93068C4.32212 5.93068 3.29724 5.00417 3.29724 3.86258C3.29724 2.72099 4.32212 1.79448 5.58492 1.79448C5.86399 1.79448 6.13132 1.83968 6.37865 1.9225C5.96688 1.67094 5.47049 1.52393 4.93644 1.52393Z",fill:"#FFCC00"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.216 5.07041L8.12923 4.55611L8.45055 5.60869L7.72366 4.72819L7.49689 5.79987L7.27386 4.72758L6.5439 5.60609L6.86889 4.55439L5.78033 5.06572L6.58899 4.24291L5.35742 4.28581L6.48957 3.85485L5.35893 3.42081L6.59034 3.46707L5.78456 2.64205L6.87133 3.15636L6.55001 2.10378L7.2769 2.98427L7.50367 1.9126L7.7267 2.98488L8.45666 2.10638L8.13166 3.15808L9.22022 2.64674L8.41157 3.46955L9.64314 3.42666L8.51099 3.85761L9.64163 4.29165L8.41022 4.2454L9.216 5.07041Z",fill:"#FFCC00"}))},L=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:t.__assign({borderRadius:"50%"},e.style)},e),d.default.createElement("g",null,d.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},d.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),d.default.createElement("rect",{x:"-4",y:"-1",width:"28",height:"11",fill:"#FECB00"}),d.default.createElement("rect",{x:"-4",y:"10",width:"28",height:"10",fill:"#EA2839"}),d.default.createElement("rect",{x:"-4",y:"6.7041",width:"28",height:"6.47773",fill:"#34B233"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.56543 10.3272L10.1796 5.15527L11.7938 10.3272H8.56543Z",fill:"white"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5292 11.2775L7.18336 14.5129L8.91745 9.37991L11.5292 11.2775Z",fill:"white"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.75181 11.8648L5.33182 8.73143L10.7494 8.79447L9.75181 11.8648Z",fill:"white"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.6105 8.78962L15.0281 8.72658L10.6081 11.86L9.6105 8.78962Z",fill:"white"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.4424 9.37686L13.1765 14.5098L8.83064 11.2744L11.4424 9.37686Z",fill:"white"})))},C=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),d.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#FECB00"}),d.default.createElement("rect",{y:"8.3811",width:"24",height:"7.61905",rx:"2",fill:"#EA2839"}),d.default.createElement("rect",{y:"5.86987",width:"24",height:"4.93542",fill:"#34B233"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.7705 8.63046L12.1541 4.68994L13.5377 8.63046H10.7705Z",fill:"white"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3108 9.35502L9.58574 11.8201L11.0721 7.90925L13.3108 9.35502Z",fill:"white"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7874 9.80216L7.99884 7.41482L12.6425 7.46285L11.7874 9.80216Z",fill:"white"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.6667 7.4589L16.3104 7.41087L12.5218 9.79821L11.6667 7.4589Z",fill:"white"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2361 7.90629L14.7225 11.8171L10.9974 9.35207L13.2361 7.90629Z",fill:"white"}))},y=function(e){return d.default.createElement("img",t.__assign({src:l.CommonGAssets.getAssetPath("flags/philippineRound.png"),style:t.__assign({borderRadius:"50%"},e.style)},e))},x=function(e){return d.default.createElement("img",t.__assign({src:l.CommonGAssets.getAssetPath("flags/philippineSquare.png")},e))},v=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:t.__assign({borderRadius:"50%"},e.style)},e),d.default.createElement("g",null,d.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},d.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),d.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#D8D8D8"}),d.default.createElement("g",null,d.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},d.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),d.default.createElement("rect",{width:"30",height:"20",fill:"#ED1E24"}),d.default.createElement("rect",{width:"15",height:"10",fill:"#2B2F84"}),d.default.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),d.default.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),d.default.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),d.default.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),d.default.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),d.default.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),d.default.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),d.default.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),d.default.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),d.default.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),d.default.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),d.default.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),d.default.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"}))))},M=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),d.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#ED1E24"}),d.default.createElement("path",{d:"M0 2C0 0.89543 0.895431 0 2 0H15V10H0V2Z",fill:"#2B2F84"}),d.default.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),d.default.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),d.default.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),d.default.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),d.default.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),d.default.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),d.default.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),d.default.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),d.default.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),d.default.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),d.default.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),d.default.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),d.default.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"}))},Z=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:t.__assign({borderRadius:"50%"},e.style)},e),d.default.createElement("g",null,d.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},d.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),d.default.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#ED1C24"}),d.default.createElement("rect",{x:"-4",y:"3.31665",width:"28",height:"13.3333",fill:"white"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M-4 6.65015H24V13.3168H-4V6.65015Z",fill:"#241D4F"})))},b=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 24 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),d.default.createElement("rect",{y:"0.983398",width:"24",height:"16",rx:"2",fill:"#ED1C24"}),d.default.createElement("rect",{y:"3.65039",width:"24",height:"10.6667",fill:"white"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 6.31689H24V11.6502H0V6.31689Z",fill:"#241D4F"}))},_=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:t.__assign({borderRadius:"50%"},e.style)},e),d.default.createElement("g",null,d.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},d.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),d.default.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#DA251D"}),d.default.createElement("path",{d:"M11.7228 10.8677L14.2819 9.00839L11.1187 9.00839L10.1409 6L9.16316 9.00839L6 9.00839L8.5591 10.8677L7.58184 13.8766L10.1409 12.0168L12.7 13.8766L11.7228 10.8677Z",fill:"#FFEB3B"})))},H=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),d.default.createElement("g",null,d.default.createElement("clipPath",null,d.default.createElement("rect",{width:"24",height:"16",fill:"white"})),d.default.createElement("path",{d:"M2.01386e-10 2C0 0.895431 0.895431 -7.50368e-10 2 -1.67599e-09L22 -1.84359e-08C23.1046 -1.93615e-08 24 0.895431 24 2L24 14C24 15.1046 23.1046 16 22 16L2 16C0.89543 16 1.52092e-09 15.1046 1.4097e-09 14L2.01386e-10 2Z",fill:"#DA251D"}),d.default.createElement("path",{d:"M13.7823 8.92854L16.6663 6.8332L13.1016 6.8332L11.9997 3.44287L10.8978 6.8332L7.33301 6.8332L10.217 8.92854L9.11567 12.3195L11.9997 10.2235L14.8837 12.3195L13.7823 8.92854Z",fill:"#FFEB3B"})))},V="pfaLGRK",k=c.default.div(R||(R=t.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\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(e){return e.theme.colors.red700}),(function(e){return e.theme.colors.gray200}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.blue200}),(function(e){return e.theme.colors.gray100}),(function(e){return e.theme.sizes.fwRegular}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.sizes.fwRegular}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.sizes.fwRegular}),a.MediaQueries.mbDown,a.MediaQueries.mbUp);c.default.label(B||(B=t.__makeTemplateObject(["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"],["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"])),(function(e){return e.theme.colors.gray600}),(function(e){return e.theme.sizes.fwBold}));var R,B,F,z,T,A=c.default.label(F||(F=t.__makeTemplateObject(["\n  color: ",";\n  font-weight: ",";\n"],["\n  color: ",";\n  font-weight: ",";\n"])),(function(e){return e.theme.colors.red700}),(function(e){return e.theme.sizes.fwRegular})),D=c.default.div(z||(z=t.__makeTemplateObject(["\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"]))),U=c.default.div(T||(T=t.__makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"]))),O=d.default.forwardRef((function(l,a){var i=l.name,r=l.errorMessage,c=l.autoComplete,u=void 0===c?"off":c,f=l.defaultValue,s=l.actionIcon,h=l.displayIcon,m=l.isDeleteAction,o=l.onActionClick,p=l.label,E=l.placeholder,w=l.className,g=l.onChange,L=l.onKeyPress,C=l.isDisabled,y=l.CustomInput,x=l.size,v=l.style,M=l.autoFocus,Z=l.type,b=void 0===Z?"text":Z,_=l.isNumerousKeyboard,H=void 0!==_&&_,V=l.onFocus,R=l.enterKeyHint,B=l.nativeOnChange,F=t.__rest(l,["name","errorMessage","autoComplete","defaultValue","actionIcon","displayIcon","isDeleteAction","onActionClick","label","placeholder","className","onChange","onKeyPress","isDisabled","CustomInput","size","style","autoFocus","type","isNumerousKeyboard","onFocus","enterKeyHint","nativeOnChange"]),z=e.useState(f),T=z[0],O=z[1];return d.default.createElement(k,{"data-size":x,className:w,"data-has-action-icon":!!s||void 0,"data-has-display-icon":!!h||void 0,"data-has-error":r&&r.length>0||void 0,style:v},p&&d.default.createElement(n.Label,{size:"label2",htmlFor:i,className:"inputLabel"},p),d.default.createElement("div",{style:{position:"relative"}},y||d.default.createElement("input",t.__assign({id:i,name:i,placeholder:E,onChange:null!=B?B:function(e){return t=e.target.value,O(t),void g(t);var t},onKeyPress:L,type:b,"aria-label":b,disabled:C,value:T,autoComplete:u,ref:a,autoFocus:M,inputMode:H||"number"===b?"numeric":b,pattern:H?"[0-9]*":".*",onFocus:V,enterKeyHint:R},F)),h&&d.default.createElement(U,{className:"displayIcon"},h),s&&d.default.createElement(D,{className:"actionIcon",onClick:function(){var e;m&&(O(""),null===(e=a.current)||void 0===e||e.focus()),o&&o()}},s)),r&&r.length>0&&d.default.createElement(A,{className:"errorLabel"},r))}));O.displayName="PureInput",exports.Flag=function(e){var t,l,n=e.country,a=e.language,i=e.rounded,r=e.height,c=e.width,k=e.isTesting;switch(a){case"en":t=d.default.createElement(h,null),l=d.default.createElement(s,null);break;case"vi":t=d.default.createElement(H,null),l=d.default.createElement(_,null);break;case"id":t=d.default.createElement(E,{isTesting:k}),l=d.default.createElement(p,{isTesting:k});break;case"th":t=d.default.createElement(b,null),l=d.default.createElement(Z,null);break;case"km":t=d.default.createElement(f,null),l=d.default.createElement(u,null);break;case"ms":t=d.default.createElement(g,null),l=d.default.createElement(w,null);break;case"my":t=d.default.createElement(C,null),l=d.default.createElement(L,null);break;case"tl":t=d.default.createElement(x,null),l=d.default.createElement(y,null);break;case"hi":t=d.default.createElement(o,null),l=d.default.createElement(m,null);break;case"zh":t=d.default.createElement(M,null),l=d.default.createElement(v,null)}if(!t&&!l)switch(n){case"VN":t=d.default.createElement(H,null),l=d.default.createElement(_,null);break;case"ID":t=d.default.createElement(E,{isTesting:k}),l=d.default.createElement(p,{isTesting:k});break;case"TH":t=d.default.createElement(b,null),l=d.default.createElement(Z,null);break;case"KH":t=d.default.createElement(f,null),l=d.default.createElement(u,null);break;case"MY":t=d.default.createElement(g,null),l=d.default.createElement(w,null);break;case"MM":t=d.default.createElement(C,null),l=d.default.createElement(L,null);break;case"PH":t=d.default.createElement(x,null),l=d.default.createElement(y,null);break;case"IN":t=d.default.createElement(o,null),l=d.default.createElement(m,null);break;case"TW":t=d.default.createElement(M,null),l=d.default.createElement(v,null)}return d.default.createElement("div",{className:V,style:{"--width":c||20,"--height":r||20}},i?l:t)},exports.PureInput=O;
+"use strict";var e=require("react"),t=require("./tslib.es6-edc720a6.js"),l=require("./gAssets.js"),n=require("./index-617ff6fb.js"),a=require("./utils-7a17dcfb.js"),i=require("styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=r(e),u=r(i),c=function(e){return d.default.createElement("img",t.__assign({src:l.CommonGAssets.getAssetPath("flags/cambodiaRound.png"),style:t.__assign({borderRadius:"50%"},e.style)},e))},f=function(e){return d.default.createElement("img",t.__assign({src:l.CommonGAssets.getAssetPath("flags/cambodiaSquare.png")},e))},s=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:t.__assign({borderRadius:"50%"},e.style)},e),d.default.createElement("g",null,d.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},d.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),d.default.createElement("path",{d:"M7.49953 0.327881C5.47199 0.850891 3.69346 1.98591 2.37793 3.53444L7.49953 6.6655V0.327881Z",fill:"#3F51B5"}),d.default.createElement("path",{d:"M2.30273 16.3824C3.62476 17.9749 5.4353 19.1399 7.50034 19.6729V13.2053L2.30273 16.3824Z",fill:"#3F51B5"}),d.default.createElement("path",{d:"M0.328125 12.5C0.334625 12.526 0.341125 12.5515 0.348125 12.5775L0.474128 12.5H0.328125Z",fill:"white"}),d.default.createElement("path",{d:"M17.7871 3.73445C16.4571 2.08391 14.6131 0.872891 12.499 0.327881V6.96651L17.7871 3.73445Z",fill:"#3F51B5"}),d.default.createElement("path",{d:"M12.499 19.6722C14.6506 19.1172 16.5196 17.8707 17.8546 16.1752L12.499 12.9021V19.6722Z",fill:"#3F51B5"}),d.default.createElement("path",{d:"M0.376626 7.31055C0.359125 7.37305 0.344125 7.43705 0.328125 7.50005H0.686632L0.376626 7.31055Z",fill:"white"}),d.default.createElement("path",{d:"M19.8745 8.50006C19.827 8.18506 19.7655 7.87555 19.6895 7.57104L18.1699 8.50006H19.8745Z",fill:"white"}),d.default.createElement("path",{d:"M0.686034 7.50024H0.327527C0.243026 7.82775 0.175524 8.16076 0.124023 8.50026H2.32207L0.686034 7.50024Z",fill:"white"}),d.default.createElement("path",{d:"M19.7197 12.3148C19.7832 12.0473 19.8337 11.7752 19.8752 11.5002H18.3867L19.7197 12.3148Z",fill:"white"}),d.default.createElement("path",{d:"M2.10956 11.5002H0.124023C0.175024 11.8398 0.243026 12.1728 0.327527 12.5003H0.47403L2.10956 11.5002Z",fill:"white"}),d.default.createElement("path",{d:"M8.50002 7.27665V0.124512C8.16051 0.175513 7.82751 0.243514 7.5 0.328016V6.66564L8.50002 7.27665Z",fill:"white"}),d.default.createElement("path",{d:"M11.5 12.2913V19.8759C11.8395 19.8249 12.1725 19.7569 12.5 19.6724V12.9023L11.5 12.2913Z",fill:"white"}),d.default.createElement("path",{d:"M7.5 13.205V19.6721C7.82751 19.7566 8.16051 19.8241 8.50002 19.8756V12.594L7.5 13.205Z",fill:"white"}),d.default.createElement("path",{d:"M11.5925 7.34715L11.7345 7.43415L12.5 6.96614V0.328016C12.1725 0.243514 11.8395 0.176013 11.5 0.124512V7.49865L11.5925 7.34715Z",fill:"white"}),d.default.createElement("path",{d:"M2.32251 8.50002H7.01761L8.50014 7.594V7.277L7.50011 6.66548L2.37852 3.53442C1.95151 4.03743 1.572 4.58144 1.24949 5.16296L5.02507 7.5H2.29701L0.650482 6.47648C0.54748 6.74949 0.455478 7.02699 0.375977 7.3105L0.686483 7.5L2.32251 8.50002Z",fill:"white"}),d.default.createElement("path",{d:"M11.7344 7.43419L13.4784 8.50021H18.171L19.6905 7.57119C19.528 6.92118 19.303 6.29767 19.02 5.70516L16.139 7.50019H13.4109L18.317 4.45013C18.1515 4.20313 17.9735 3.96562 17.7875 3.73462L12.4999 6.96618L11.7344 7.43419Z",fill:"white"}),d.default.createElement("path",{d:"M5.02448 7.50013L1.2494 5.16309C1.0169 5.58259 0.821394 6.0231 0.650391 6.47661L2.29642 7.50013H5.02448Z",fill:"#E53935"}),d.default.createElement("path",{d:"M16.1392 7.50024L19.0207 5.70521C18.8132 5.2702 18.5837 4.84819 18.3177 4.45068L13.4111 7.50024H16.1392Z",fill:"#E53935"}),d.default.createElement("path",{d:"M11.5 11.5002V12.2913L12.5 12.9023L17.8556 16.1758C18.2416 15.6853 18.5836 15.1593 18.8736 14.6008L15.4856 12.5003H18.2136L19.4432 13.2673C19.5507 12.9563 19.6432 12.6393 19.7197 12.3153L18.3871 11.5002H11.5Z",fill:"white"}),d.default.createElement("path",{d:"M13.4785 8.50019L11.7345 7.43417L11.5925 7.34717L11.5 7.49867V8.50019H13.4785Z",fill:"white"}),d.default.createElement("path",{d:"M8.49934 12.5943V11.5002H2.10921L0.473182 12.5003L0.34668 12.5778C0.522683 13.2383 0.762688 13.8713 1.06319 14.4708L4.16375 12.5003H6.89181L1.80071 15.7168C1.95971 15.9448 2.12471 16.1688 2.30172 16.3823L7.49932 13.2053L8.49934 12.5943Z",fill:"white"}),d.default.createElement("path",{d:"M7.01758 8.50026H8.50011V7.59424L7.01758 8.50026Z",fill:"white"}),d.default.createElement("path",{d:"M15.4854 12.5L18.8729 14.6C19.0949 14.173 19.2834 13.727 19.4429 13.2665L18.2134 12.5H15.4854Z",fill:"#E53935"}),d.default.createElement("path",{d:"M4.16501 12.5L1.06445 14.4705C1.28196 14.9045 1.52596 15.3216 1.80197 15.7166L6.89307 12.5H4.16501Z",fill:"#E53935"}),d.default.createElement("path",{d:"M13.4785 8.5H11.5V11.5001H18.3871H19.8757C19.9497 11.0095 20.0002 10.511 20.0002 10C20.0002 9.48902 19.9497 8.99051 19.8757 8.5H18.1711H13.4785Z",fill:"#E53935"}),d.default.createElement("path",{d:"M8.50017 11.5001V8.5H7.01764H2.32255H0.124502C0.050501 8.99051 0 9.48902 0 10C0 10.511 0.050501 11.0095 0.124502 11.5001H2.11004H8.50017Z",fill:"#E53935"}),d.default.createElement("path",{d:"M11.5001 19.8759V12.2912V11.5002V8.50016V7.49865V0.124502C11.0095 0.050501 10.511 0 10 0C9.48902 0 8.99051 0.050501 8.5 0.124502V7.27664V7.59365V8.50016V11.5002V12.5942V19.8759C8.99051 19.9499 9.48902 20.0004 10 20.0004C10.511 20.0004 11.0095 19.9499 11.5001 19.8759Z",fill:"#E53935"})))},h=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),d.default.createElement("g",null,d.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"1",y:"5",width:"24",height:"16"},d.default.createElement("path",{d:"M1.08301 7.41675C1.08301 6.31218 1.97844 5.41675 3.08301 5.41675H22.9163C24.0209 5.41675 24.9163 6.31218 24.9163 7.41675V18.5834C24.9163 19.688 24.0209 20.5834 22.9163 20.5834H3.08301C1.97844 20.5834 1.08301 19.688 1.08301 18.5834V7.41675Z",fill:"#3F51B5"})),d.default.createElement("path",{d:"M1.08301 5.41675H24.9163V20.5834H1.08301V5.41675Z",fill:"#3F51B5"}),d.default.createElement("path",{d:"M1.08301 7.70041L12.3551 14.5899L14.05 11.8165L3.57901 5.41675H1.08301V7.70041Z",fill:"white"}),d.default.createElement("path",{d:"M24.9165 5.41675H22.9616L12.4912 11.816L14.1855 14.5899L24.9165 8.03083V5.41675Z",fill:"white"}),d.default.createElement("path",{d:"M14.1855 10.9802L12.4912 13.7536L23.6658 20.5834H24.9165V17.5387L14.1855 10.9802Z",fill:"white"}),d.default.createElement("path",{d:"M1.08301 17.8702V20.5834H2.87592L14.05 13.7541L12.3556 10.9802L1.08301 17.8702Z",fill:"white"}),d.default.createElement("path",{d:"M1.08301 10.8333H24.9163V15.1666H1.08301V10.8333Z",fill:"white"}),d.default.createElement("path",{d:"M10.833 5.41675H15.1663V20.5834H10.833V5.41675Z",fill:"white"}),d.default.createElement("path",{d:"M9.32609 10.8334L1.08301 5.79537V7.06504L7.24826 10.8334H9.32609ZM24.0004 5.41675L15.1376 10.8334H17.2149L24.9163 6.12687V5.41675H24.0004ZM17.9191 15.1667L24.9163 19.4432V18.1735L19.9964 15.1667H17.9191ZM8.62192 15.1667L1.08301 19.7742V20.5834H1.83701L10.6992 15.1667H8.62192ZM1.08301 11.9167H24.9163V14.0834H1.08301V11.9167Z",fill:"#E53935"}),d.default.createElement("path",{d:"M11.917 5.41675H14.0837V20.5834H11.917V5.41675Z",fill:"#E53935"})))},m=function(e){return d.default.createElement("img",t.__assign({src:l.CommonGAssets.getAssetPath("flags/indiaRound.png"),style:t.__assign({borderRadius:"50%"},e.style)},e))},o=function(e){return d.default.createElement("img",t.__assign({src:l.CommonGAssets.getAssetPath("flags/indiaSquare.png")},e))},p=function(l){var n=l.isTesting,a=t.__rest(l,["isTesting"]),i=e.useRef("id-flag-round-mask-"+(n?1:Math.random()));return d.default.createElement("svg",t.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),d.default.createElement("mask",{id:i.current,style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},d.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),d.default.createElement("g",{mask:"url(#".concat(i.current,")")},d.default.createElement("rect",{width:"20",height:"10",fill:"#CE1126"}),d.default.createElement("rect",{y:"10",width:"20",height:"10",fill:"white"})))},E=function(l){var n=l.isTesting,a=t.__rest(l,["isTesting"]),i=e.useRef("id-flag-clip-"+(n?1:Math.random()));return d.default.createElement("svg",t.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),d.default.createElement("g",{clipPath:"url(#".concat(i.current,")")},d.default.createElement("rect",{y:"0.0166016",width:"24",height:"8",fill:"#CE1126"}),d.default.createElement("rect",{y:"8.0166",width:"24",height:"8",fill:"white"})),d.default.createElement("defs",null,d.default.createElement("clipPath",{id:i.current},d.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}))))},w=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:t.__assign({borderRadius:"50%"},e.style)},e),d.default.createElement("g",null,d.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},d.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),d.default.createElement("rect",{y:"1",width:"20",height:"20",fill:"#CC0001"}),d.default.createElement("rect",{y:"16.106",width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{y:"16",width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{y:"18",width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{y:"14.0652",width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{y:"12.0242",width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{y:"9.9834",width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{y:"7.94263",width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{y:"5.90186",width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{y:"3.86084",width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{y:"2",width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{width:"20",height:"1.02041",fill:"white"}),d.default.createElement("rect",{y:"-1",width:"10",height:"12",fill:"#010066"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.11387 3.86084C2.92711 3.86084 1.96387 5.23232 1.96387 6.92206C1.96387 8.6118 2.92711 9.98329 4.11387 9.98329C4.54263 9.98329 4.94211 9.80406 5.27763 9.4957C5.08225 9.59203 4.87256 9.64471 4.65427 9.64471C3.60193 9.64471 2.74786 8.42866 2.74786 6.93032C2.74786 5.43198 3.60193 4.21594 4.65427 4.21594C4.88682 4.21594 5.10959 4.27527 5.31571 4.38397C4.97256 4.0538 4.5589 3.86084 4.11387 3.86084Z",fill:"#FFCC00"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.67935 8.51573L6.7737 7.8407L7.04147 9.22221L6.43573 8.06657L6.24676 9.47313L6.0609 8.06576L5.4526 9.2188L5.72343 7.83844L4.81629 8.50957L5.49017 7.42963L4.46387 7.48593L5.40732 6.9203L4.46512 6.35062L5.4913 6.41133L4.81981 5.3285L5.72546 6.00353L5.45769 4.62202L6.06343 5.77766L6.25241 4.37109L6.43827 5.77847L7.04656 4.62543L6.77574 6.00579L7.68287 5.33466L7.00899 6.4146L8.0353 6.3583L7.09184 6.92392L8.03404 7.49361L7.00786 7.43289L7.67935 8.51573Z",fill:"#FFCC00"})))},g=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),d.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#CC0001"}),d.default.createElement("rect",{y:"12.2712",width:"24",height:"0.777454",fill:"white"}),d.default.createElement("rect",{y:"12.1904",width:"24",height:"0.777454",fill:"white"}),d.default.createElement("rect",{y:"13.7144",width:"24",height:"0.777454",fill:"white"}),d.default.createElement("rect",{y:"10.7161",width:"24",height:"0.777454",fill:"white"}),d.default.createElement("rect",{y:"9.16138",width:"24",height:"0.777454",fill:"white"}),d.default.createElement("rect",{y:"7.60645",width:"24",height:"0.777454",fill:"white"}),d.default.createElement("rect",{y:"6.05127",width:"24",height:"0.777454",fill:"white"}),d.default.createElement("rect",{y:"4.49658",width:"24",height:"0.777454",fill:"white"}),d.default.createElement("rect",{y:"2.94141",width:"24",height:"0.777454",fill:"white"}),d.default.createElement("rect",{y:"1.52393",width:"24",height:"0.777454",fill:"white"}),d.default.createElement("rect",{width:"24",height:"0.777454",fill:"white"}),d.default.createElement("path",{d:"M0 2C0 0.895431 0.895431 0 2 0H12V8.38095H0V2Z",fill:"#010066"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.93644 1.52393C3.51233 1.52393 2.35645 2.56887 2.35645 3.85629C2.35645 5.14371 3.51233 6.18865 4.93644 6.18865C5.45096 6.18865 5.93034 6.05209 6.33296 5.81716C6.09851 5.89054 5.84688 5.93068 5.58492 5.93068C4.32212 5.93068 3.29724 5.00417 3.29724 3.86258C3.29724 2.72099 4.32212 1.79448 5.58492 1.79448C5.86399 1.79448 6.13132 1.83968 6.37865 1.9225C5.96688 1.67094 5.47049 1.52393 4.93644 1.52393Z",fill:"#FFCC00"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.216 5.07041L8.12923 4.55611L8.45055 5.60869L7.72366 4.72819L7.49689 5.79987L7.27386 4.72758L6.5439 5.60609L6.86889 4.55439L5.78033 5.06572L6.58899 4.24291L5.35742 4.28581L6.48957 3.85485L5.35893 3.42081L6.59034 3.46707L5.78456 2.64205L6.87133 3.15636L6.55001 2.10378L7.2769 2.98427L7.50367 1.9126L7.7267 2.98488L8.45666 2.10638L8.13166 3.15808L9.22022 2.64674L8.41157 3.46955L9.64314 3.42666L8.51099 3.85761L9.64163 4.29165L8.41022 4.2454L9.216 5.07041Z",fill:"#FFCC00"}))},L=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:t.__assign({borderRadius:"50%"},e.style)},e),d.default.createElement("g",null,d.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},d.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),d.default.createElement("rect",{x:"-4",y:"-1",width:"28",height:"11",fill:"#FECB00"}),d.default.createElement("rect",{x:"-4",y:"10",width:"28",height:"10",fill:"#EA2839"}),d.default.createElement("rect",{x:"-4",y:"6.7041",width:"28",height:"6.47773",fill:"#34B233"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.56543 10.3272L10.1796 5.15527L11.7938 10.3272H8.56543Z",fill:"white"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5292 11.2775L7.18336 14.5129L8.91745 9.37991L11.5292 11.2775Z",fill:"white"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.75181 11.8648L5.33182 8.73143L10.7494 8.79447L9.75181 11.8648Z",fill:"white"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.6105 8.78962L15.0281 8.72658L10.6081 11.86L9.6105 8.78962Z",fill:"white"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.4424 9.37686L13.1765 14.5098L8.83064 11.2744L11.4424 9.37686Z",fill:"white"})))},C=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),d.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#FECB00"}),d.default.createElement("rect",{y:"8.3811",width:"24",height:"7.61905",rx:"2",fill:"#EA2839"}),d.default.createElement("rect",{y:"5.86987",width:"24",height:"4.93542",fill:"#34B233"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.7705 8.63046L12.1541 4.68994L13.5377 8.63046H10.7705Z",fill:"white"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3108 9.35502L9.58574 11.8201L11.0721 7.90925L13.3108 9.35502Z",fill:"white"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7874 9.80216L7.99884 7.41482L12.6425 7.46285L11.7874 9.80216Z",fill:"white"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.6667 7.4589L16.3104 7.41087L12.5218 9.79821L11.6667 7.4589Z",fill:"white"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2361 7.90629L14.7225 11.8171L10.9974 9.35207L13.2361 7.90629Z",fill:"white"}))},y=function(e){return d.default.createElement("img",t.__assign({src:l.CommonGAssets.getAssetPath("flags/philippineRound.png"),style:t.__assign({borderRadius:"50%"},e.style)},e))},x=function(e){return d.default.createElement("img",t.__assign({src:l.CommonGAssets.getAssetPath("flags/philippineSquare.png")},e))},v=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:t.__assign({borderRadius:"50%"},e.style)},e),d.default.createElement("g",null,d.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},d.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),d.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#D8D8D8"}),d.default.createElement("g",null,d.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},d.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),d.default.createElement("rect",{width:"30",height:"20",fill:"#ED1E24"}),d.default.createElement("rect",{width:"15",height:"10",fill:"#2B2F84"}),d.default.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),d.default.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),d.default.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),d.default.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),d.default.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),d.default.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),d.default.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),d.default.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),d.default.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),d.default.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),d.default.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),d.default.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),d.default.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"}))))},M=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),d.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#ED1E24"}),d.default.createElement("path",{d:"M0 2C0 0.89543 0.895431 0 2 0H15V10H0V2Z",fill:"#2B2F84"}),d.default.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),d.default.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),d.default.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),d.default.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),d.default.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),d.default.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),d.default.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),d.default.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),d.default.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),d.default.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),d.default.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),d.default.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),d.default.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"}))},Z=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:t.__assign({borderRadius:"50%"},e.style)},e),d.default.createElement("g",null,d.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},d.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),d.default.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#ED1C24"}),d.default.createElement("rect",{x:"-4",y:"3.31665",width:"28",height:"13.3333",fill:"white"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M-4 6.65015H24V13.3168H-4V6.65015Z",fill:"#241D4F"})))},b=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 24 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),d.default.createElement("rect",{y:"0.983398",width:"24",height:"16",rx:"2",fill:"#ED1C24"}),d.default.createElement("rect",{y:"3.65039",width:"24",height:"10.6667",fill:"white"}),d.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 6.31689H24V11.6502H0V6.31689Z",fill:"#241D4F"}))},_=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:t.__assign({borderRadius:"50%"},e.style)},e),d.default.createElement("g",null,d.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},d.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),d.default.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#DA251D"}),d.default.createElement("path",{d:"M11.7228 10.8677L14.2819 9.00839L11.1187 9.00839L10.1409 6L9.16316 9.00839L6 9.00839L8.5591 10.8677L7.58184 13.8766L10.1409 12.0168L12.7 13.8766L11.7228 10.8677Z",fill:"#FFEB3B"})))},H=function(e){return d.default.createElement("svg",t.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),d.default.createElement("g",null,d.default.createElement("clipPath",null,d.default.createElement("rect",{width:"24",height:"16",fill:"white"})),d.default.createElement("path",{d:"M2.01386e-10 2C0 0.895431 0.895431 -7.50368e-10 2 -1.67599e-09L22 -1.84359e-08C23.1046 -1.93615e-08 24 0.895431 24 2L24 14C24 15.1046 23.1046 16 22 16L2 16C0.89543 16 1.52092e-09 15.1046 1.4097e-09 14L2.01386e-10 2Z",fill:"#DA251D"}),d.default.createElement("path",{d:"M13.7823 8.92854L16.6663 6.8332L13.1016 6.8332L11.9997 3.44287L10.8978 6.8332L7.33301 6.8332L10.217 8.92854L9.11567 12.3195L11.9997 10.2235L14.8837 12.3195L13.7823 8.92854Z",fill:"#FFEB3B"})))},V="pfaLGRK",k=u.default.div(R||(R=t.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\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(e){return e.theme.colors.red700}),(function(e){return e.theme.colors.gray200}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.blue200}),(function(e){return e.theme.colors.gray100}),(function(e){return e.theme.sizes.fwRegular}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.sizes.fwRegular}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.sizes.fwRegular}),a.MediaQueries.mbDown,a.MediaQueries.mbUp);u.default.label(B||(B=t.__makeTemplateObject(["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"],["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"])),(function(e){return e.theme.colors.gray600}),(function(e){return e.theme.sizes.fwBold}));var R,B,F,z,T,A=u.default.label(F||(F=t.__makeTemplateObject(["\n  color: ",";\n  font-weight: ",";\n"],["\n  color: ",";\n  font-weight: ",";\n"])),(function(e){return e.theme.colors.red700}),(function(e){return e.theme.sizes.fwRegular})),D=u.default.div(z||(z=t.__makeTemplateObject(["\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"]))),U=u.default.div(T||(T=t.__makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"]))),O=d.default.forwardRef((function(l,a){var i=l.name,r=l.errorMessage,u=l.autoComplete,c=void 0===u?"off":u,f=l.defaultValue,s=l.actionIcon,h=l.displayIcon,m=l.isDeleteAction,o=l.onActionClick,p=l.label,E=l.placeholder,w=l.className,g=l.onChange,L=l.onKeyPress,C=l.isDisabled,y=l.CustomInput,x=l.size,v=l.style,M=l.autoFocus,Z=l.type,b=void 0===Z?"text":Z,_=l.isNumerousKeyboard,H=void 0!==_&&_,V=l.onFocus,R=l.enterKeyHint,B=l.nativeOnChange,F=t.__rest(l,["name","errorMessage","autoComplete","defaultValue","actionIcon","displayIcon","isDeleteAction","onActionClick","label","placeholder","className","onChange","onKeyPress","isDisabled","CustomInput","size","style","autoFocus","type","isNumerousKeyboard","onFocus","enterKeyHint","nativeOnChange"]),z=e.useState(f),T=z[0],O=z[1];return d.default.createElement(k,{"data-size":x,className:w,"data-has-action-icon":!!s||void 0,"data-has-display-icon":!!h||void 0,"data-has-error":r&&r.length>0||void 0,style:v},p&&d.default.createElement(n.Label,{size:"label2",htmlFor:i,className:"inputLabel"},p),d.default.createElement("div",{style:{position:"relative"}},y||d.default.createElement("input",t.__assign({id:i,name:i,placeholder:E,onChange:null!=B?B:function(e){return t=e.target.value,O(t),void g(t);var t},onKeyPress:L,type:b,"aria-label":b,disabled:C,value:T,autoComplete:c,ref:a,autoFocus:M,inputMode:H||"number"===b?"numeric":b,pattern:H?"[0-9]*":".*",onFocus:V,enterKeyHint:R},F)),h&&d.default.createElement(U,{className:"displayIcon"},h),s&&d.default.createElement(D,{className:"actionIcon",onClick:function(){var e;m&&(O(""),null===(e=a.current)||void 0===e||e.focus()),o&&o()}},s)),r&&r.length>0&&d.default.createElement(A,{className:"errorLabel"},r))}));O.displayName="PureInput",exports.Flag=function(e){var t,l,n=e.country,a=e.language,i=e.rounded,r=e.height,u=e.width,k=e.isTesting;switch(a){case"en":t=d.default.createElement(h,null),l=d.default.createElement(s,null);break;case"vi":t=d.default.createElement(H,null),l=d.default.createElement(_,null);break;case"id":t=d.default.createElement(E,{isTesting:k}),l=d.default.createElement(p,{isTesting:k});break;case"th":t=d.default.createElement(b,null),l=d.default.createElement(Z,null);break;case"km":t=d.default.createElement(f,null),l=d.default.createElement(c,null);break;case"ms":t=d.default.createElement(g,null),l=d.default.createElement(w,null);break;case"my":t=d.default.createElement(C,null),l=d.default.createElement(L,null);break;case"tl":t=d.default.createElement(x,null),l=d.default.createElement(y,null);break;case"hi":t=d.default.createElement(o,null),l=d.default.createElement(m,null);break;case"zh":t=d.default.createElement(M,null),l=d.default.createElement(v,null)}if(!t&&!l)switch(n){case"VN":t=d.default.createElement(H,null),l=d.default.createElement(_,null);break;case"ID":t=d.default.createElement(E,{isTesting:k}),l=d.default.createElement(p,{isTesting:k});break;case"TH":t=d.default.createElement(b,null),l=d.default.createElement(Z,null);break;case"KH":t=d.default.createElement(f,null),l=d.default.createElement(c,null);break;case"MY":t=d.default.createElement(g,null),l=d.default.createElement(w,null);break;case"MM":t=d.default.createElement(C,null),l=d.default.createElement(L,null);break;case"PH":t=d.default.createElement(x,null),l=d.default.createElement(y,null);break;case"IN":t=d.default.createElement(o,null),l=d.default.createElement(m,null);break;case"TW":t=d.default.createElement(M,null),l=d.default.createElement(v,null)}return d.default.createElement("div",{className:V,style:{"--width":u||20,"--height":r||20}},i?l:t)},exports.PureInput=O;

package/build/{index-27c45f67.js → index-277a7498.js}

@@ -1 +1 @@
-"use strict";var n=require("react"),e=require("./index-f588a087.js"),t=require("./tslib.es6-96fcc615.js"),a=require("./theme-2df74df1.js"),r=require("styled-components"),o=require("./utils-389aa237.js"),i=require("./defaultClassWrapper-03ead8f1.js"),l=require("./index-d01dd8ed.js"),s=require("./index-a27def8e.js");function c(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var d,p,u,g,f,h,m,x,v,w,b,y,k,E,z,_,L,C,j,T,N,M,B,O,P=c(n),S=c(r),A="CHw-fZZ",I="_03U6VRS",D="EO828Vv",q=S.default.div(d||(d=t.__makeTemplateObject(["\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,t,r){var o="";if("numeric"===n)switch(e){case"medium":o="\n          height: 16px;\n          font-size: 11px;\n          padding: 1px 6px;\n        ";case"large":o="\n          height: 24px;\n          font-size: 13px;\n          padding: 1px 10px;\n        "}var i,l="";t&&(l="\n      position: absolute;\n      top: 0;\n      left: 75%;\n    "),t&&(i="\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 s="";switch(r){case"primary":s="\n      background: ".concat(a.theme.colors.blue50,";\n      color: ").concat(a.theme.colors.blue600,";  \n    ");break;case"error":s="\n        background: ".concat(a.theme.colors.error,";\n        color: white;\n      ")}switch(n){case"dot":return"\n        ".concat(l,"\n        width: 8px;\n        height: 8px;\n        font-size: 0px;\n        border-radius: 50%;\n        ").concat(s,"\n      ");case"numeric":return"\n        ".concat(l,"\n        width: max-content;\n        border-radius: 32px;\n        ").concat(o,"\n        ").concat(i,"\n        ").concat(s,"\n      ")}}(n.notificationType,n.notificationSize,n.hasIcon,n.notificationColor)}),(function(n){return n.hasIcon&&"\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  "})),F=S.default.h4(p||(p=t.__makeTemplateObject(["\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}),o.MediaQueries.mbDown),U=S.default.div(u||(u=t.__makeTemplateObject(["\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})),W=S.default.div(g||(g=t.__makeTemplateObject(["\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})),H=S.default.ul(f||(f=t.__makeTemplateObject(["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    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})),V=S.default.li(h||(h=t.__makeTemplateObject(["\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})),R=S.default.div(m||(m=t.__makeTemplateObject(["\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"]))),Z=S.default.div(x||(x=t.__makeTemplateObject(["\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}),o.MediaQueries.tdUp),Q=S.default.div(v||(v=t.__makeTemplateObject(["\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})),X=S.default.div(w||(w=t.__makeTemplateObject(["\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})),Y=S.default.li(b||(b=t.__makeTemplateObject(["\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=function(e){var a=e.pagesAmount,r=e.activePage,i=e.handlePageChange,l=e.handleClick,s=e.href,c=e.queryPageName,d=void 0===c?"page":c,p=t.__spreadArray([],Array(a),!0).map((function(n,e){return e+1})),u=n.useState(r<=4?p.slice(0,5):r>=p.length-3?p.slice(p.length-5,p.length):p.slice(r-2,r+1)),g=u[0],f=u[1];return n.useEffect((function(){r<=4?f(p.slice(0,5)):r>=p.length-3?f(p.slice(p.length-5,p.length)):f(p.slice(r-2,r+1))}),[r]),P.default.createElement(n.Fragment,null,r>4&&P.default.createElement(n.Fragment,null,P.default.createElement(Y,{onClick:function(){return i(1)}},s?P.default.createElement("a",{href:s,onClick:l},1):1),P.default.createElement(Y,null,"...")),g.map((function(n){return P.default.createElement(Y,{key:"".concat("pagination","+").concat(n),"data-page-active":n===r||void 0,onClick:function(){return i(n)}},s?P.default.createElement("a",{href:o.formatUrlWithPageParam(s,n,d),onClick:l},n):n)})),r<p.length-3&&P.default.createElement(n.Fragment,null,P.default.createElement(Y,null,"..."),P.default.createElement(Y,{onClick:function(){return i(p.length)}},s?P.default.createElement("a",{href:o.formatUrlWithPageParam(s,p.length,d),onClick:l},p.length):p.length)))},J=S.default.div(y||(y=t.__makeTemplateObject(["\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"]))),K=S.default.div(k||(k=t.__makeTemplateObject(["\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(a.theme.colors.accentLight,";\n    padding: 0;\n    margin-left: calc(var(--offset-size) * -1);\n\n    p {\n      font-weight: ").concat(a.theme.sizes.fwBold,";\n      color: var(\n        --text-props-color,\n        ").concat(a.theme.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(a.theme.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 t=e?a.theme.colors.yellow50:a.theme.colors.yellow600;return"\n        background: ".concat(t,";\n        p {\n          color: var(\n            --text-props-color,\n            ").concat(a.theme.colors.gray800,"\n          );\n        }\n      ");case"standard":return"\n      background: ".concat(a.theme.colors.white,";\n      border: 1px solid ").concat(a.theme.colors.gray200,";\n  \n      p {\n        color: var(\n          --text-props-color,\n          ").concat(a.theme.colors.gray800,"\n        );\n      }\n  \n      &:hover {\n        background: ").concat(a.theme.colors.gray100,";\n      }\n      ");case"red":return t=e?a.theme.colors.red50:a.theme.colors.red500,"\n         background: ".concat(t,";\n        ");case"green":return t=e?a.theme.colors.green50:a.theme.colors.green500,"\n         background: ".concat(t,";\n      ");case"blue":return t=e?a.theme.colors.blue50:a.theme.colors.primaryBase,"\n         background: ".concat(t,";\n      ");case"teal":return t=e?a.theme.colors.teal100:a.theme.colors.teal600,"\n         background: ".concat(t,";\n      ");case"pink":return t=e?a.theme.colors.pink200:a.theme.colors.pink800,"\n         background: ".concat(t,";\n      ");case"violet":return t=e?a.theme.colors.violet100:a.theme.colors.violet500,"\n          background: ".concat(t,";\n      ");case"grey":return t=e?a.theme.colors.gray100:a.theme.colors.gray600,"\n          background: ".concat(t,";\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})),$="24px",nn=S.default.span(E||(E=t.__makeTemplateObject(["\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"])),$),en="hhgcomp-toggle-icon",tn=i.getDefaultClassWrapper(nn,en),an=S.default.span(z||(z=t.__makeTemplateObject(["\n  padding-left: 15px;\n"],["\n  padding-left: 15px;\n"]))),rn=S.default.div(_||(_=t.__makeTemplateObject(["\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"])),$,(function(n){return n.theme.colors.gray600}),en,(function(n){return n.theme.colors.primaryBase})),on=S.default.div(L||(L=t.__makeTemplateObject(["\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})),ln=S.default.div(C||(C=t.__makeTemplateObject(["\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})),sn=S.default.div(j||(j=t.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(n){return n["data-is-attached-to-element"]&&"display: inline-block;\n    position: relative;"})),cn=S.default.div(T||(T=t.__makeTemplateObject(["\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  "})),dn=S.default.div(N||(N=t.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),pn=S.default.div(M||(M=t.__makeTemplateObject(["\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"]))),un=S.default.div(B||(B=t.__makeTemplateObject(["\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"]))),gn=function(n){return P.default.createElement("svg",t.__assign({},n,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),P.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"}))},fn=function(n){return P.default.createElement("svg",t.__assign({},n,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),P.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"}))},hn=function(e){var a=n.useState((function(){return"star-half-mask-".concat(Math.random())}))[0];return P.default.createElement("svg",t.__assign({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),P.default.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),P.default.createElement("mask",{id:a,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},P.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),P.default.createElement("g",{mask:"url(#".concat(a,")")},P.default.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))},mn=S.default.div(O||(O=t.__makeTemplateObject(["\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}));exports.Alert=function(n){var t=n.style,a=n.onClose,r=n.text,o=n.type,i=n.contentIcon,l=n.closeIcon,s=n.className,c=n.description;return P.default.createElement("div",{className:"".concat(A," ").concat(s||""),style:t,"data-alert-type":o},P.default.createElement("div",{className:I},P.default.createElement("div",{className:"icon-title"},i,P.default.createElement(e.Text,{type:"bold",size:"label1"},r)),P.default.createElement(e.Text,{type:"regular",size:"p3"},c)),P.default.createElement("div",{className:D,onClick:a},l))},exports.Badge=function(n){var e=n.amount,t=n.type,a=n.size,r=void 0===a?"medium":a,o=n.color,i=void 0===o?"primary":o,l=n.icon,s=n.className;return P.default.createElement(q,{"data-notification-type":t,"data-notification-size":r,"data-notification-color":i,"data-has-icon":!!l||void 0,notificationType:t,notificationSize:r,notificationColor:i,hasIcon:!!l,className:s},P.default.createElement("div",null,e&&P.default.createElement("span",null,e)," ",l&&P.default.createElement("div",null,l)))},exports.BorderHeading=function(n){var e=n.style,a=n.children,r=n.className,o=n.size,i=void 0===o?"lg":o,l=n.type,s=void 0===l?"bold":l,c=n.upperCase,d=n.as,p=void 0===d?"h4":d,u=n.color;return P.default.createElement(F,{style:t.__assign({color:u},e),className:r,"data-size":i,"data-type":s,"data-uppercase":c,as:p},a)},exports.FileDropdown=function(e){var t=e.className,a=e.value,r=e.options,o=e.onUploadSelected,i=e.id,l=e.placeholderIcon,s=e.placeholder,c=e.style,d=n.useState(!1),p=d[0],u=d[1],g=function(){return u(!p)},f=n.useRef(r.map((function(n){return"upload"===n.type&&P.default.createElement("input",{id:"uploader-dropdown-input-"+i+"-"+n.value,key:"uploader-dropdown-input-"+i+"-"+n.value,accept:n.fileAcceptedType,multiple:n.multiple,type:"file",style:{display:"none"},onChange:function(n){console.log("change"),o(n.target.files)}})}))),h=P.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},P.default.createElement("defs",null,P.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},P.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),P.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),P.default.createElement("title",null,"File"),P.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},P.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),P.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),m=P.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},P.default.createElement("defs",null,P.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),P.default.createElement("title",null,"download"),P.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),x=P.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},P.default.createElement("defs",null,P.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),P.default.createElement("title",null,"upload"),P.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"}));return P.default.createElement(U,{className:t,"data-dropdown-open":!!p,id:i,"data-has-icons":!0,style:c,onBlur:function(){return u(!1)},tabIndex:0},P.default.createElement(W,{onClick:g},l||h," ",P.default.createElement("span",null,a&&a.value?a.label:s)),p&&P.default.createElement(H,{onClick:g,"data-has-icons":!0},r.map((function(n){return P.default.createElement(V,{key:"".concat(i,"-").concat(n.value),"data-selected":a&&a.value===n.value||void 0,onClick:function(){return"upload"===n.type?function(n){var e;null===(e=document.querySelector(n))||void 0===e||e.click()}("#uploader-dropdown-input-"+i+"-"+n.value):void((e=n.url)&&window.open(e,"_blank"));var e}},P.default.createElement(R,null,n.icon||"download"===n.type?m:x),n.label)}))),P.default.createElement(P.default.Fragment,null,f.current))},exports.Grid=function(n){var e=n.className,t=n.columns,a=n.columnsDesktop,r=n.gridTemplateColumns,o=n.gridTemplateColumnsDesktop,i=n.gap,l=n.children,s=n.justifyChildren,c=n.style,d=n.alignItems;return P.default.createElement(Z,{className:e,style:c,theme:{columns:t,columnsDesktop:a,gap:i,justifyChildren:s,gridTemplateColumns:r,gridTemplateColumnsDesktop:o,alignItems:d}},l)},exports.Pagination=function(e){var a=e.className,r=e.pagesAmount,i=e.currentPage,l=e.onChange,s=e.onClick,c=e.style,d=e.href,p=e.queryPageName,u=void 0===p?"page":p,g=t.__spreadArray([],Array(r),!0).map((function(n,e){return e+1})),f=n.useState(i),h=f[0],m=f[1],x=n.useMemo((function(){return d&&d.endsWith("&page=")?d.replace("&page=",""):d}),[d]),v=r-1,w=function(n){n<=r&&n>0&&(m(n),l(n))},b=function(n){s&&s(n)};return n.useEffect((function(){m(i)}),[i]),P.default.createElement(Q,{className:a,style:c},P.default.createElement(X,{className:"prev-page",onClick:function(){return w(h-1)},"data-last-page":1===h||void 0},x?P.default.createElement("a",{href:o.formatUrlWithPageParam(x,h,u),onClick:b},P.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},P.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):P.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},P.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),g.length>8?P.default.createElement(G,{pagesAmount:r,activePage:h,handlePageChange:w,handleClick:b,href:x,queryPageName:u}):g.map((function(n){return P.default.createElement(Y,{key:"".concat("pagination","+").concat(n),"data-page-active":n===h||void 0,onClick:function(){return w(n)}},x?P.default.createElement("a",{href:o.formatUrlWithPageParam(x,n,u),onClick:b},n):n)})),P.default.createElement(X,{className:"next-page",onClick:function(){return w(h+1)},"data-last-page":h===v+1||void 0},x?P.default.createElement("a",{href:o.formatUrlWithPageParam(x,h,u),onClick:b},P.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},P.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):P.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},P.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Progress=function(n){var e=n.percent,a=n.style;return P.default.createElement(mn,{style:t.__assign({"--progress":e},a)})},exports.RateStars=function(e){var a=e.gap,r=void 0===a?2:a,o=e.size,i=void 0===o?24:o,l=e.star,s=e.totalStars,c=void 0===s?5:s,d=e.onSelect,p=e.hideEmptyStars,u=e.style,g=e.className,f=Math.floor(l),h=l-f>=.5?1:0,m=n.useState(null),x=m[0],v=m[1],w=x||f,b=x?0:h;return P.default.createElement(un,{"data-selectable":!!d,style:t.__assign({"--gap":r,"--star-size":i},u),className:g},Array.from({length:p?f+h:c}).map((function(n,e){var t=function(){return!!d&&v(e+1)},a=function(){return!!d&&v(null)};return e+1<=w?P.default.createElement(fn,{key:e,onClick:function(){return null==d?void 0:d(e+1)},onMouseOver:t,onMouseLeave:a}):e+1===w+b?P.default.createElement(hn,{key:e,onClick:function(){return null==d?void 0:d(e+1)},onMouseOver:t,onMouseLeave:a}):P.default.createElement(gn,{key:e,onClick:function(){return null==d?void 0:d(e+1)},onMouseOver:t,onMouseLeave:a})})))},exports.Shadow=function(n){var e=n.size,t=n.children,a=n.style,r=n.className;return P.default.createElement(J,{style:a,className:r,"data-shadow-size":e},t)},exports.Tag=function(n){var a=n.type,r=n.children,o=n.style,i=n.isInline,l=n.isSquared,s=void 0!==l&&l,c=n.className,d=n.isLight,p=n.hasMorePadding,u=n.isLink,g=n.isSelected,f=n.textProps,h=void 0===f?{size:"sm"}:f,m=h.color?{"--text-props-color":h.color}:{};return P.default.createElement(K,{"data-is-squared":s||void 0,"data-tag-type":a,"data-is-light":d||void 0,"data-has-more-padding":p||void 0,"data-is-inline":i||void 0,style:t.__assign(t.__assign({},o),m),className:c,"data-is-selected":g||void 0,"data-is-link":u||void 0,tagType:a,isInline:i,tagHasMorePadding:p,tagIsLight:d,tagIsSquared:s,tagIsALink:u},P.default.createElement(e.Text,t.__assign({},h),r))},exports.TextDivider=function(n){var t=n.children,a=n.icon,r=n.className,o=n.style;return P.default.createElement(pn,{style:o,className:r},P.default.createElement(s.Container,null,P.default.createElement("div",{className:"icon-wrapper"},a),P.default.createElement(e.Text,{size:"c1",color:"var(--neutral800)"},t)))},exports.Toggle=function(n){var e=n.className,t=n.id,a=n.onChange,r=n.checked,o=n.style,i=n.label;return P.default.createElement(rn,{className:e,style:o},P.default.createElement("input",{type:"checkbox",id:t,onChange:a,checked:r}),P.default.createElement("label",{htmlFor:t},P.default.createElement(tn,null),i&&P.default.createElement(an,null,i)))},exports.UnderlinedLink=function(n){var e=n.size,t=n.isDisabled,a=n.className,r=n.link,o=n.style;return P.default.createElement(on,{className:a,"data-size":e,style:o,"data-disabled":t||void 0},r)},exports.Uploader=function(n){var e=n.type,t=n.withIcon,a=n.onFileSelected,r=n.inputId,o=n.withElement,i=n.fileAcceptType,s=n.multiple,c=n.value,d=n.className,p=function(){var n;null===(n=document.querySelector("#uploader-input-"+r))||void 0===n||n.click()};return P.default.createElement(ln,{className:d},"badge"===e?P.default.createElement(sn,{onClick:p,"data-is-attached-to-element":!!o},o,P.default.createElement(cn,{"data-is-attached-to-element":!!o},t)):o?P.default.createElement("div",{onClick:p},o):P.default.createElement(l.Button,{size:"md",color:"secondary",className:"default-button",icon:t,onClick:p},P.default.createElement(dn,null,P.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},P.default.createElement("defs",null,P.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),P.default.createElement("title",null,"upload"),P.default.createElement("path",{className:"prefix__cls-1",d:"M14 10v2.67A1.33 1.33 0 0112.67 14H3.33A1.33 1.33 0 012 12.67V10M11.33 5.33L8 2 4.67 5.33M8 2v8",transform:"translate(-1.25 -1.25)"})),"Upload Image")),P.default.createElement("input",{id:"uploader-input-"+r,accept:i,multiple:s,type:"file",style:{display:"none"},onChange:function(n){a(n.target.files)},value:c}))};
+"use strict";var n=require("react"),e=require("./index-5e04811a.js"),t=require("./tslib.es6-edc720a6.js"),a=require("./theme-37595e4f.js"),r=require("styled-components"),o=require("./utils-7a17dcfb.js"),i=require("./defaultClassWrapper-71dbeac2.js"),l=require("./index-b992c35b.js"),s=require("./index-1247d142.js");function c(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var d,p,u,g,f,h,m,x,v,b,w,y,k,E,z,_,L,C,j,T,N,M,B,O,P=c(n),S=c(r),A="CHw-fZZ",I="_03U6VRS",D="EO828Vv",q=S.default.div(d||(d=t.__makeTemplateObject(["\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,t,r){var o="";if("numeric"===n)switch(e){case"medium":o="\n          height: 16px;\n          font-size: 11px;\n          padding: 1px 6px;\n        ";case"large":o="\n          height: 24px;\n          font-size: 13px;\n          padding: 1px 10px;\n        "}var i,l="";t&&(l="\n      position: absolute;\n      top: 0;\n      left: 75%;\n    "),t&&(i="\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 s="";switch(r){case"primary":s="\n      background: ".concat(a.theme.colors.blue50,";\n      color: ").concat(a.theme.colors.blue600,";  \n    ");break;case"error":s="\n        background: ".concat(a.theme.colors.error,";\n        color: white;\n      ")}switch(n){case"dot":return"\n        ".concat(l,"\n        width: 8px;\n        height: 8px;\n        font-size: 0px;\n        border-radius: 50%;\n        ").concat(s,"\n      ");case"numeric":return"\n        ".concat(l,"\n        width: max-content;\n        border-radius: 32px;\n        ").concat(o,"\n        ").concat(i,"\n        ").concat(s,"\n      ")}}(n.notificationType,n.notificationSize,n.hasIcon,n.notificationColor)}),(function(n){return n.hasIcon&&"\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  "})),F=S.default.h4(p||(p=t.__makeTemplateObject(["\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}),o.MediaQueries.mbDown),U=S.default.div(u||(u=t.__makeTemplateObject(["\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})),W=S.default.div(g||(g=t.__makeTemplateObject(["\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})),H=S.default.ul(f||(f=t.__makeTemplateObject(["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    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})),V=S.default.li(h||(h=t.__makeTemplateObject(["\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})),R=S.default.div(m||(m=t.__makeTemplateObject(["\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"]))),Z=S.default.div(x||(x=t.__makeTemplateObject(["\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}),o.MediaQueries.tdUp),Q=S.default.div(v||(v=t.__makeTemplateObject(["\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})),X=S.default.div(b||(b=t.__makeTemplateObject(["\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})),Y=S.default.li(w||(w=t.__makeTemplateObject(["\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=function(e){var a=e.pagesAmount,r=e.activePage,i=e.handlePageChange,l=e.handleClick,s=e.href,c=e.queryPageName,d=void 0===c?"page":c,p=t.__spreadArray([],Array(a),!0).map((function(n,e){return e+1})),u=n.useState(r<=4?p.slice(0,5):r>=p.length-3?p.slice(p.length-5,p.length):p.slice(r-2,r+1)),g=u[0],f=u[1];return n.useEffect((function(){r<=4?f(p.slice(0,5)):r>=p.length-3?f(p.slice(p.length-5,p.length)):f(p.slice(r-2,r+1))}),[r]),P.default.createElement(n.Fragment,null,r>4&&P.default.createElement(n.Fragment,null,P.default.createElement(Y,{onClick:function(){return i(1)}},s?P.default.createElement("a",{href:s,onClick:l},1):1),P.default.createElement(Y,null,"...")),g.map((function(n){return P.default.createElement(Y,{key:"".concat("pagination","+").concat(n),"data-page-active":n===r||void 0,onClick:function(){return i(n)}},s?P.default.createElement("a",{href:o.formatUrlWithPageParam(s,n,d),onClick:l},n):n)})),r<p.length-3&&P.default.createElement(n.Fragment,null,P.default.createElement(Y,null,"..."),P.default.createElement(Y,{onClick:function(){return i(p.length)}},s?P.default.createElement("a",{href:o.formatUrlWithPageParam(s,p.length,d),onClick:l},p.length):p.length)))},J=S.default.div(y||(y=t.__makeTemplateObject(["\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"]))),K=S.default.div(k||(k=t.__makeTemplateObject(["\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(a.theme.colors.accentLight,";\n    padding: 0;\n    margin-left: calc(var(--offset-size) * -1);\n\n    p {\n      font-weight: ").concat(a.theme.sizes.fwBold,";\n      color: var(\n        --text-props-color,\n        ").concat(a.theme.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(a.theme.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 t=e?a.theme.colors.yellow50:a.theme.colors.yellow600;return"\n        background: ".concat(t,";\n        p {\n          color: var(\n            --text-props-color,\n            ").concat(a.theme.colors.gray800,"\n          );\n        }\n      ");case"standard":return"\n      background: ".concat(a.theme.colors.white,";\n      border: 1px solid ").concat(a.theme.colors.gray200,";\n  \n      p {\n        color: var(\n          --text-props-color,\n          ").concat(a.theme.colors.gray800,"\n        );\n      }\n  \n      &:hover {\n        background: ").concat(a.theme.colors.gray100,";\n      }\n      ");case"red":return t=e?a.theme.colors.red50:a.theme.colors.red500,"\n         background: ".concat(t,";\n        ");case"green":return t=e?a.theme.colors.green50:a.theme.colors.green500,"\n         background: ".concat(t,";\n      ");case"blue":return t=e?a.theme.colors.blue50:a.theme.colors.primaryBase,"\n         background: ".concat(t,";\n      ");case"teal":return t=e?a.theme.colors.teal100:a.theme.colors.teal600,"\n         background: ".concat(t,";\n      ");case"pink":return t=e?a.theme.colors.pink200:a.theme.colors.pink800,"\n         background: ".concat(t,";\n      ");case"violet":return t=e?a.theme.colors.violet100:a.theme.colors.violet500,"\n          background: ".concat(t,";\n      ");case"grey":return t=e?a.theme.colors.gray100:a.theme.colors.gray600,"\n          background: ".concat(t,";\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})),$="24px",nn=S.default.span(E||(E=t.__makeTemplateObject(["\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"])),$),en="hhgcomp-toggle-icon",tn=i.getDefaultClassWrapper(nn,en),an=S.default.span(z||(z=t.__makeTemplateObject(["\n  padding-left: 15px;\n"],["\n  padding-left: 15px;\n"]))),rn=S.default.div(_||(_=t.__makeTemplateObject(["\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"])),$,(function(n){return n.theme.colors.gray600}),en,(function(n){return n.theme.colors.primaryBase})),on=S.default.div(L||(L=t.__makeTemplateObject(["\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})),ln=S.default.div(C||(C=t.__makeTemplateObject(["\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})),sn=S.default.div(j||(j=t.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(n){return n["data-is-attached-to-element"]&&"display: inline-block;\n    position: relative;"})),cn=S.default.div(T||(T=t.__makeTemplateObject(["\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  "})),dn=S.default.div(N||(N=t.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),pn=S.default.div(M||(M=t.__makeTemplateObject(["\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"]))),un=S.default.div(B||(B=t.__makeTemplateObject(["\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"]))),gn=function(n){return P.default.createElement("svg",t.__assign({},n,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),P.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"}))},fn=function(n){return P.default.createElement("svg",t.__assign({},n,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),P.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"}))},hn=function(e){var a=n.useState((function(){return"star-half-mask-".concat(Math.random())}))[0];return P.default.createElement("svg",t.__assign({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),P.default.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),P.default.createElement("mask",{id:a,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},P.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),P.default.createElement("g",{mask:"url(#".concat(a,")")},P.default.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))},mn=S.default.div(O||(O=t.__makeTemplateObject(["\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}));exports.Alert=function(n){var t=n.style,a=n.onClose,r=n.text,o=n.type,i=n.contentIcon,l=n.closeIcon,s=n.className,c=n.description;return P.default.createElement("div",{className:"".concat(A," ").concat(s||""),style:t,"data-alert-type":o},P.default.createElement("div",{className:I},P.default.createElement("div",{className:"icon-title"},i,P.default.createElement(e.Text,{type:"bold",size:"label1"},r)),P.default.createElement(e.Text,{type:"regular",size:"p3"},c)),P.default.createElement("div",{className:D,onClick:a},l))},exports.Badge=function(n){var e=n.amount,t=n.type,a=n.size,r=void 0===a?"medium":a,o=n.color,i=void 0===o?"primary":o,l=n.icon,s=n.className;return P.default.createElement(q,{"data-notification-type":t,"data-notification-size":r,"data-notification-color":i,"data-has-icon":!!l||void 0,notificationType:t,notificationSize:r,notificationColor:i,hasIcon:!!l,className:s},P.default.createElement("div",null,e&&P.default.createElement("span",null,e)," ",l&&P.default.createElement("div",null,l)))},exports.BorderHeading=function(n){var e=n.style,a=n.children,r=n.className,o=n.size,i=void 0===o?"lg":o,l=n.type,s=void 0===l?"bold":l,c=n.upperCase,d=n.as,p=void 0===d?"h4":d,u=n.color;return P.default.createElement(F,{style:t.__assign({color:u},e),className:r,"data-size":i,"data-type":s,"data-uppercase":c,as:p},a)},exports.FileDropdown=function(e){var t=e.className,a=e.value,r=e.options,o=e.onUploadSelected,i=e.id,l=e.placeholderIcon,s=e.placeholder,c=e.style,d=n.useState(!1),p=d[0],u=d[1],g=function(){return u(!p)},f=n.useRef(r.map((function(n){return"upload"===n.type&&P.default.createElement("input",{id:"uploader-dropdown-input-"+i+"-"+n.value,key:"uploader-dropdown-input-"+i+"-"+n.value,accept:n.fileAcceptedType,multiple:n.multiple,type:"file",style:{display:"none"},onChange:function(n){console.log("change"),o(n.target.files)}})}))),h=P.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},P.default.createElement("defs",null,P.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},P.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),P.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),P.default.createElement("title",null,"File"),P.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},P.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),P.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),m=P.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},P.default.createElement("defs",null,P.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),P.default.createElement("title",null,"download"),P.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),x=P.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},P.default.createElement("defs",null,P.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),P.default.createElement("title",null,"upload"),P.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"}));return P.default.createElement(U,{className:t,"data-dropdown-open":!!p,id:i,"data-has-icons":!0,style:c,onBlur:function(){return u(!1)},tabIndex:0},P.default.createElement(W,{onClick:g},l||h," ",P.default.createElement("span",null,a&&a.value?a.label:s)),p&&P.default.createElement(H,{onClick:g,"data-has-icons":!0},r.map((function(n){return P.default.createElement(V,{key:"".concat(i,"-").concat(n.value),"data-selected":a&&a.value===n.value||void 0,onClick:function(){return"upload"===n.type?function(n){var e;null===(e=document.querySelector(n))||void 0===e||e.click()}("#uploader-dropdown-input-"+i+"-"+n.value):void((e=n.url)&&window.open(e,"_blank"));var e}},P.default.createElement(R,null,n.icon||"download"===n.type?m:x),n.label)}))),P.default.createElement(P.default.Fragment,null,f.current))},exports.Grid=function(n){var e=n.className,t=n.columns,a=n.columnsDesktop,r=n.gridTemplateColumns,o=n.gridTemplateColumnsDesktop,i=n.gap,l=n.children,s=n.justifyChildren,c=n.style,d=n.alignItems;return P.default.createElement(Z,{className:e,style:c,theme:{columns:t,columnsDesktop:a,gap:i,justifyChildren:s,gridTemplateColumns:r,gridTemplateColumnsDesktop:o,alignItems:d}},l)},exports.Pagination=function(e){var a=e.className,r=e.pagesAmount,i=e.currentPage,l=e.onChange,s=e.onClick,c=e.style,d=e.href,p=e.queryPageName,u=void 0===p?"page":p,g=t.__spreadArray([],Array(r),!0).map((function(n,e){return e+1})),f=n.useState(i),h=f[0],m=f[1],x=n.useMemo((function(){return d&&d.endsWith("&page=")?d.replace("&page=",""):d}),[d]),v=r-1,b=function(n){n<=r&&n>0&&(m(n),l(n))},w=function(n){s&&s(n)};return n.useEffect((function(){m(i)}),[i]),P.default.createElement(Q,{className:a,style:c},P.default.createElement(X,{className:"prev-page",onClick:function(){return b(h-1)},"data-last-page":1===h||void 0},x?P.default.createElement("a",{href:o.formatUrlWithPageParam(x,h,u),onClick:w},P.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},P.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):P.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},P.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),g.length>8?P.default.createElement(G,{pagesAmount:r,activePage:h,handlePageChange:b,handleClick:w,href:x,queryPageName:u}):g.map((function(n){return P.default.createElement(Y,{key:"".concat("pagination","+").concat(n),"data-page-active":n===h||void 0,onClick:function(){return b(n)}},x?P.default.createElement("a",{href:o.formatUrlWithPageParam(x,n,u),onClick:w},n):n)})),P.default.createElement(X,{className:"next-page",onClick:function(){return b(h+1)},"data-last-page":h===v+1||void 0},x?P.default.createElement("a",{href:o.formatUrlWithPageParam(x,h,u),onClick:w},P.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},P.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):P.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},P.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Progress=function(n){var e=n.percent,a=n.style;return P.default.createElement(mn,{style:t.__assign({"--progress":e},a)})},exports.RateStars=function(e){var a=e.gap,r=void 0===a?2:a,o=e.size,i=void 0===o?24:o,l=e.star,s=e.totalStars,c=void 0===s?5:s,d=e.onSelect,p=e.hideEmptyStars,u=e.style,g=e.className,f=Math.floor(l),h=l-f>=.5?1:0,m=n.useState(null),x=m[0],v=m[1],b=x||f,w=x?0:h;return P.default.createElement(un,{"data-selectable":!!d,style:t.__assign({"--gap":r,"--star-size":i},u),className:g},Array.from({length:p?f+h:c}).map((function(n,e){var t=function(){return!!d&&v(e+1)},a=function(){return!!d&&v(null)};return e+1<=b?P.default.createElement(fn,{key:e,onClick:function(){return null==d?void 0:d(e+1)},onMouseOver:t,onMouseLeave:a}):e+1===b+w?P.default.createElement(hn,{key:e,onClick:function(){return null==d?void 0:d(e+1)},onMouseOver:t,onMouseLeave:a}):P.default.createElement(gn,{key:e,onClick:function(){return null==d?void 0:d(e+1)},onMouseOver:t,onMouseLeave:a})})))},exports.Shadow=function(n){var e=n.size,t=n.children,a=n.style,r=n.className;return P.default.createElement(J,{style:a,className:r,"data-shadow-size":e},t)},exports.Tag=function(n){var a=n.type,r=n.children,o=n.style,i=n.isInline,l=n.isSquared,s=void 0!==l&&l,c=n.className,d=n.isLight,p=n.hasMorePadding,u=n.isLink,g=n.isSelected,f=n.textProps,h=void 0===f?{size:"sm"}:f,m=h.color?{"--text-props-color":h.color}:{};return P.default.createElement(K,{"data-is-squared":s||void 0,"data-tag-type":a,"data-is-light":d||void 0,"data-has-more-padding":p||void 0,"data-is-inline":i||void 0,style:t.__assign(t.__assign({},o),m),className:c,"data-is-selected":g||void 0,"data-is-link":u||void 0,tagType:a,isInline:i,tagHasMorePadding:p,tagIsLight:d,tagIsSquared:s,tagIsALink:u},P.default.createElement(e.Text,t.__assign({},h),r))},exports.TextDivider=function(n){var t=n.children,a=n.icon,r=n.className,o=n.style;return P.default.createElement(pn,{style:o,className:r},P.default.createElement(s.Container,null,P.default.createElement("div",{className:"icon-wrapper"},a),P.default.createElement(e.Text,{size:"c1",color:"var(--neutral800)"},t)))},exports.Toggle=function(n){var e=n.className,t=n.id,a=n.onChange,r=n.checked,o=n.style,i=n.label;return P.default.createElement(rn,{className:e,style:o},P.default.createElement("input",{type:"checkbox",id:t,onChange:a,checked:r}),P.default.createElement("label",{htmlFor:t},P.default.createElement(tn,null),i&&P.default.createElement(an,null,i)))},exports.UnderlinedLink=function(n){var e=n.size,t=n.isDisabled,a=n.className,r=n.link,o=n.style;return P.default.createElement(on,{className:a,"data-size":e,style:o,"data-disabled":t||void 0},r)},exports.Uploader=function(n){var e=n.type,t=n.withIcon,a=n.onFileSelected,r=n.inputId,o=n.withElement,i=n.fileAcceptType,s=n.multiple,c=n.value,d=n.className,p=function(){var n;null===(n=document.querySelector("#uploader-input-"+r))||void 0===n||n.click()};return P.default.createElement(ln,{className:d},"badge"===e?P.default.createElement(sn,{onClick:p,"data-is-attached-to-element":!!o},o,P.default.createElement(cn,{"data-is-attached-to-element":!!o},t)):o?P.default.createElement("div",{onClick:p},o):P.default.createElement(l.Button,{size:"md",color:"secondary",className:"default-button",icon:t,onClick:p},P.default.createElement(dn,null,P.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},P.default.createElement("defs",null,P.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),P.default.createElement("title",null,"upload"),P.default.createElement("path",{className:"prefix__cls-1",d:"M14 10v2.67A1.33 1.33 0 0112.67 14H3.33A1.33 1.33 0 012 12.67V10M11.33 5.33L8 2 4.67 5.33M8 2v8",transform:"translate(-1.25 -1.25)"})),"Upload Image")),P.default.createElement("input",{id:"uploader-input-"+r,accept:i,multiple:s,type:"file",style:{display:"none"},onChange:function(n){a(n.target.files)},value:c}))};

package/build/{index-e154e989.js → index-39b585ec.js}

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