@hhgtech/hhg-components 1.21.0-beta-11 → 1.21.0-beta-13

package/build/components/carousel.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../tslib.es6-f7929e76.js"),t=require("react"),e=require("styled-components");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i=r(t),a=r(e),o=i.default;function u(n){return Array.prototype.slice.call(n)}function s(n,t){var e=Math.floor(n);return e===t||e+1===t?n:t}function l(){return Date.now()}function c(n,t,e){if(t="data-keen-slider-"+t,null===e)return n.removeAttribute(t);n.setAttribute(t,e||"")}function d(n,t){return t=t||document,"function"==typeof n&&(n=n(t)),Array.isArray(n)?n:"string"==typeof n?u(t.querySelectorAll(n)):n instanceof HTMLElement?[n]:n instanceof NodeList?u(n):[]}function f(n){n.raw&&(n=n.raw),n.cancelable&&!n.defaultPrevented&&n.preventDefault()}function p(n){n.raw&&(n=n.raw),n.stopPropagation&&n.stopPropagation()}function v(){var n=[];return{add:function(t,e,r,i){t.addListener?t.addListener(r):t.addEventListener(e,r,i),n.push([t,e,r,i])},input:function(n,t,e,r){this.add(n,t,function(n){return function(t){t.nativeEvent&&(t=t.nativeEvent);var e=t.changedTouches||[],r=t.targetTouches||[],i=t.detail&&t.detail.x?t.detail:null;return n({id:i?i.identifier?i.identifier:"i":r[0]?r[0]?r[0].identifier:"e":"d",idChanged:i?i.identifier?i.identifier:"i":e[0]?e[0]?e[0].identifier:"e":"d",raw:t,x:i&&i.x?i.x:r[0]?r[0].screenX:i?i.x:t.pageX,y:i&&i.y?i.y:r[0]?r[0].screenY:i?i.y:t.pageY})}}(e),r)},purge:function(){n.forEach((function(n){n[0].removeListener?n[0].removeListener(n[2]):n[0].removeEventListener(n[1],n[2],n[3])})),n=[]}}}function m(n,t,e){return Math.min(Math.max(n,t),e)}function h(n){return(n>0?1:0)-(n<0?1:0)||+n}function g(n){var t=n.getBoundingClientRect();return{height:s(t.height,n.offsetHeight),width:s(t.width,n.offsetWidth)}}function b(n,t,e,r){var i=n&&n[t];return null==i?e:r&&"function"==typeof i?i():i}function x(n){return Math.round(1e6*n)/1e6}function w(n,t){if(n===t)return!0;var e=typeof n;if(e!==typeof t)return!1;if("object"!==e||null===n||null===t)return"function"===e&&n.toString()===t.toString();if(n.length!==t.length||Object.getOwnPropertyNames(n).length!==Object.getOwnPropertyNames(t).length)return!1;for(var r in n)if(!w(n[r],t[r]))return!1;return!0}var k=function(){return k=Object.assign||function(n){for(var t,e=1,r=arguments.length;e<r;e++)for(var i in t=arguments[e])Object.prototype.hasOwnProperty.call(t,i)&&(n[i]=t[i]);return n},k.apply(this,arguments)};function y(n,t,e){if(e||2===arguments.length)for(var r,i=0,a=t.length;i<a;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return n.concat(r||Array.prototype.slice.call(t))}function C(n){var t,e,r,i,a,o,u,s,c,d,f,p,v,g,w=1/0,k=[],C=null,M=0;function E(n){I(M+n)}function T(n){var t=L(M+n).abs;return j(t)?t:null}function L(n){var t=Math.floor(Math.abs(x(n/e))),r=x((n%e+e)%e);r===e&&(r=0);var i=h(n),a=u.indexOf(y([],u,!0).reduce((function(n,t){return Math.abs(t-r)<Math.abs(n-r)?t:n}))),s=a;return i<0&&t++,a===o&&(s=0,t+=i>0?1:-1),{abs:s+t*o*i,origin:a,rel:s}}function A(n,t,e){var r;if(t||!O())return _(n,e);if(!j(n))return null;var i=L(null!=e?e:M),a=i.abs,u=n-i.rel,s=a+u;r=_(s);var l=_(s-o*h(u));return(null!==l&&Math.abs(l)<Math.abs(r)||null===r)&&(r=l),x(r)}function _(n,t){if(null==t&&(t=x(M)),!j(n)||null===n)return null;n=Math.round(n);var r=L(t),i=r.abs,a=r.rel,s=r.origin,l=z(n),c=(t%e+e)%e,d=u[s],f=Math.floor((n-(i-a))/o)*e;return x(d-c-d+u[l]+f+(s===o?e:0))}function j(n){return D(n)===n}function D(n){return m(n,c,d)}function O(){return i.loop}function z(n){return(n%o+o)%o}function I(t){var e;e=t-M,k.push({distance:e,timestamp:l()}),k.length>6&&(k=k.slice(-6)),M=x(t);var r=N().abs;if(r!==C){var i=null!==C;C=r,i&&n.emit("slideChanged")}}function N(u){var s=u?null:function(){if(o){var n=O(),t=n?(M%e+e)%e:M,u=(n?M%e:M)-a[0][2],s=0-(u<0&&n?e-Math.abs(u):u),l=0,m=L(M),b=m.abs,x=m.rel,w=a[x][2],k=a.map((function(t,r){var a=s+l;(a<0-t[0]||a>1)&&(a+=(Math.abs(a)>e-1&&n?e:0)*h(-a));var u=r-x,c=h(u),d=u+b;n&&(-1===c&&a>w&&(d+=o),1===c&&a<w&&(d-=o),null!==f&&d<f&&(a+=e),null!==p&&d>p&&(a-=e));var v=a+t[0]+t[1],m=Math.max(a>=0&&v<=1?1:v<0||a>1?0:a<0?Math.min(1,(t[0]+a)/t[0]):(1-a)/t[0],0);return l+=t[0]+t[1],{abs:d,distance:i.rtl?-1*a+1-t[0]:a,portion:m,size:t[0]}}));return b=D(b),x=z(b),{abs:D(b),length:r,max:g,maxIdx:d,min:v,minIdx:c,position:M,progress:n?t/e:M/r,rel:x,slides:k,slidesLength:e}}}();return t.details=s,n.emit("detailsChanged"),s}return t={absToRel:z,add:E,details:null,distToIdx:T,idxToDist:A,init:function(t){if(function(){if(i=n.options,a=(i.trackConfig||[]).map((function(n){return[b(n,"size",1),b(n,"spacing",0),b(n,"origin",0)]})),o=a.length){e=x(a.reduce((function(n,t){return n+t[0]+t[1]}),0));var t,l=o-1;r=x(e+a[0][2]-a[l][0]-a[l][2]-a[l][1]),u=a.reduce((function(n,e){if(!n)return[0];var r=a[n.length-1],i=n[n.length-1]+(r[0]+r[2])+r[1];return i-=e[2],n[n.length-1]>i&&(i=n[n.length-1]),i=x(i),n.push(i),(!t||t<i)&&(s=n.length-1),t=i,n}),null),0===r&&(s=0),u.push(x(e))}}(),!o)return N(!0);var l;!function(){var t=n.options.range,e=n.options.loop;f=c=e?b(e,"min",-1/0):0,p=d=e?b(e,"max",w):s;var r=b(t,"min",null),i=b(t,"max",null);r&&(c=r),i&&(d=i),v=c===-1/0?c:n.track.idxToDist(c||0,!0,0),g=d===w?d:A(d,!0,0),null===i&&(p=d),b(t,"align",!1)&&d!==w&&0===a[z(d)][2]&&(g-=1-a[z(d)][0],d=T(g-M)),v=x(v),g=x(g)}(),l=t,Number(l)===l?E(_(D(t))):N()},to:I,velocity:function(){var n=l(),t=k.reduce((function(t,e){var r=e.distance,i=e.timestamp;return n-i>200||(h(r)!==h(t.distance)&&t.distance&&(t={distance:0,lastTimestamp:0,time:0}),t.time&&(t.distance+=r),t.lastTimestamp&&(t.time+=i-t.lastTimestamp),t.lastTimestamp=i),t}),{distance:0,lastTimestamp:0,time:0});return t.distance/t.time||0}}}function M(n){var t,e,r,i,a,o,u;function s(n){return 2*n}function l(n){return m(n,o,u)}function c(n){return 1-Math.pow(1-n,3)}function d(){v();var t="free-snap"===n.options.mode,e=n.track,o=e.velocity();r=h(o);var u=n.track.details,d=[];if(o||!t){var p=f(o),m=p.dist,g=p.dur;if(g=s(g),m*=r,t){var b=e.idxToDist(e.distToIdx(m),!0);b&&(m=b)}d.push({distance:m,duration:g,easing:c});var x=u.position,w=x+m;if(w<i||w>a){var k=w<i?i-x:a-x,y=0,C=o;if(h(k)===r){var M=Math.min(Math.abs(k)/Math.abs(m),1),E=function(n){return 1-Math.pow(1-n,1/3)}(M)*g;d[0].earlyExit=E,C=o*(1-M)}else d[0].earlyExit=0,y+=k;var T=f(C,100),L=T.dist*r;n.options.rubberband&&(d.push({distance:L,duration:s(T.dur),easing:c}),d.push({distance:-L+y,duration:500,easing:c}))}n.animator.start(d)}else n.moveToIdx(l(u.abs),!0,{duration:500,easing:function(n){return 1+--n*n*n*n*n}})}function f(n,t){void 0===t&&(t=1e3);var e=147e-9+(n=Math.abs(n))/t;return{dist:Math.pow(n,2)/e,dur:n/e}}function p(){var t=n.track.details;t&&(i=t.min,a=t.max,o=t.minIdx,u=t.maxIdx)}function v(){n.animator.stop()}n.on("updated",p),n.on("optionsChanged",p),n.on("created",p),n.on("dragStarted",(function(){v(),t=e=n.track.details.abs})),n.on("dragEnded",(function(){var r=n.options.mode;"snap"===r&&function(){var r=n.track,o=n.track.details,u=o.position,s=h(r.velocity());(u>a||u<i)&&(s=0);var c=t+s;0===o.slides[r.absToRel(c)].portion&&(c-=s),t!==e&&(c=e),h(r.idxToDist(c,!0))!==s&&(c+=s),c=l(c);var d=r.idxToDist(c,!0);n.animator.start([{distance:d,duration:500,easing:function(n){return 1+--n*n*n*n*n}}])}(),"free"!==r&&"free-snap"!==r||d()})),n.on("dragged",(function(){e=n.track.details.abs}))}function E(n){var t,e,r,i,a,o,u,s,l,c,g,b,x,w,k,y,C,M,E=v();function T(t){if(o&&s===t.id){var d=j(t);if(l){if(!_(t))return A(t);c=d,l=!1,n.emit("dragChecked")}if(y)return c=d;f(t);var v=function(t){if(C===-1/0&&M===1/0)return t;var r=n.track.details,o=r.length,u=r.position,s=m(t,C-u,M-u);if(0===o)return 0;if(!n.options.rubberband)return s;if(u<=M&&u>=C)return t;if(u<C&&e>0||u>M&&e<0)return t;var l=(u<C?u-C:u-M)/o,c=i*o,d=Math.abs(l*c),f=Math.max(0,1-d/a*2);return f*f*t}(u(c-d)/i*r);e=h(v);var x=n.track.details.position;(x>C&&x<M||x===C&&e>0||x===M&&e<0)&&p(t),g+=v,!b&&Math.abs(g*i)>5&&(b=!0),n.track.add(v),c=d,n.emit("dragged")}}function L(t){!o&&n.track.details&&n.track.details.length&&(g=0,o=!0,b=!1,l=!0,s=t.id,_(t),c=j(t),n.emit("dragStarted"))}function A(t){o&&s===t.idChanged&&(o=!1,n.emit("dragEnded"))}function _(n){var t=D(),e=t?n.y:n.x,r=t?n.x:n.y,i=void 0!==x&&void 0!==w&&Math.abs(w-r)<=Math.abs(x-e);return x=e,w=r,i}function j(n){return D()?n.y:n.x}function D(){return n.options.vertical}function O(){i=n.size,a=D()?window.innerHeight:window.innerWidth;var t=n.track.details;t&&(C=t.min,M=t.max)}function z(n){b&&(p(n),f(n))}function I(){if(E.purge(),n.options.drag&&!n.options.disabled){var e;e=n.options.dragSpeed||1,u="function"==typeof e?e:function(n){return n*e},r=n.options.rtl?-1:1,O(),t=n.container,function(){var n="data-keen-slider-clickable";d("[".concat(n,"]:not([").concat(n,"=false])"),t).map((function(n){E.add(n,"mousedown",p),E.add(n,"touchstart",p)}))}(),E.add(t,"dragstart",(function(n){f(n)})),E.add(t,"click",z,{capture:!0}),E.input(t,"ksDragStart",L),E.input(t,"ksDrag",T),E.input(t,"ksDragEnd",A),E.input(t,"mousedown",L),E.input(t,"mousemove",T),E.input(t,"mouseleave",A),E.input(t,"mouseup",A),E.input(t,"touchstart",L,{passive:!0}),E.input(t,"touchmove",T,{passive:!1}),E.input(t,"touchend",A),E.input(t,"touchcancel",A),E.add(window,"wheel",(function(n){o&&f(n)}));var i="data-keen-slider-scrollable";d("[".concat(i,"]:not([").concat(i,"=false])"),n.container).map((function(n){return function(n){var t;E.input(n,"touchstart",(function(n){t=j(n),y=!0,k=!0}),{passive:!0}),E.input(n,"touchmove",(function(e){var r=D(),i=r?n.scrollHeight-n.clientHeight:n.scrollWidth-n.clientWidth,a=t-j(e),o=r?n.scrollTop:n.scrollLeft,u=r&&"scroll"===n.style.overflowY||!r&&"scroll"===n.style.overflowX;if(t=j(e),(a<0&&o>0||a>0&&o<i)&&k&&u)return y=!0;k=!1,f(e),y=!1})),E.input(n,"touchend",(function(){y=!1}))}(n)}))}}n.on("updated",O),n.on("optionsChanged",I),n.on("created",I),n.on("destroyed",E.purge)}function T(n){var t,e,r=null;function i(t,e,r){n.animator.active?o(t,e,r):requestAnimationFrame((function(){return o(t,e,r)}))}function a(){i(!1,!1,e)}function o(e,i,a){var o=0,u=n.size,c=n.track.details;if(c&&t){var d=c.slides;t.forEach((function(n,t){if(e)!r&&i&&s(n,null,a),l(n,null,a);else{if(!d[t])return;var c=d[t].size*u;!r&&i&&s(n,c,a),l(n,d[t].distance*u-o,a),o+=c}}))}}function u(t){return"performance"===n.options.renderMode?Math.round(t):t}function s(n,t,e){var r=e?"height":"width";null!==t&&(t=u(t)+"px"),n.style["min-"+r]=t,n.style["max-"+r]=t}function l(n,t,e){if(null!==t){t=u(t);var r=e?t:0;t="translate3d(".concat(e?0:t,"px, ").concat(r,"px, 0)")}n.style.transform=t,n.style["-webkit-transform"]=t}function c(){t&&(o(!0,!0,e),t=null),n.on("detailsChanged",a,!0)}function d(){i(!1,!0,e)}function f(){c(),e=n.options.vertical,n.options.disabled||"custom"===n.options.renderMode||(r="auto"===b(n.options.slides,"perView",null),n.on("detailsChanged",a),(t=n.slides).length&&d())}n.on("created",f),n.on("optionsChanged",f),n.on("beforeOptionsChanged",(function(){c()})),n.on("updated",d),n.on("destroyed",c)}function L(n,t){return function(e){var r,i,a,o,u,s=v();function l(n){var t;c(e.container,"reverse","rtl"!==(t=e.container,window.getComputedStyle(t,null).getPropertyValue("direction"))||n?null:""),c(e.container,"v",e.options.vertical&&!n?"":null),c(e.container,"disabled",e.options.disabled&&!n?"":null)}function f(){p()&&y()}function p(){var n=null;if(o.forEach((function(t){t.matches&&(n=t.__media)})),n===r)return!1;r||e.emit("beforeOptionsChanged"),r=n;var t=n?a.breakpoints[n]:a;return e.options=k(k({},a),t),l(),L(),A(),M(),!0}function m(n){var t=g(n);return(e.options.vertical?t.height:t.width)/e.size||1}function h(){return e.options.trackConfig.length}function x(n){for(var u in r=!1,a=k(k({},t),n),s.purge(),i=e.size,o=[],a.breakpoints||[]){var l=window.matchMedia(u);l.__media=u,o.push(l),s.add(l,"change",f)}s.add(window,"orientationchange",T),s.add(window,"resize",E),p()}function w(n){e.animator.stop();var t=e.track.details;e.track.init(null!=n?n:t?t.abs:0)}function y(n){w(n),e.emit("optionsChanged")}function C(n,t){if(n)return x(n),void y(t);L(),A();var r=h();M(),h()!==r?y(t):w(t),e.emit("updated")}function M(){var n=e.options.slides;if("function"==typeof n)return e.options.trackConfig=n(e.size,e.slides);for(var t=e.slides,r=t.length,i="number"==typeof n?n:b(n,"number",r,!0),a=[],o=b(n,"perView",1,!0),u=b(n,"spacing",0,!0)/e.size||0,s="auto"===o?u:u/o,l=b(n,"origin","auto"),c=0,d=0;d<i;d++){var f="auto"===o?m(t[d]):1/o-u+s,p="center"===l?.5-f/2:"auto"===l?0:l;a.push({origin:p,size:f,spacing:u}),c+=f}if(c+=u*(i-1),"auto"===l&&!e.options.loop&&1!==o){var v=0;a.map((function(n){var t=c-v;return v+=n.size+u,t>=1||(n.origin=1-t-(c>1?0:1-c)),n}))}e.options.trackConfig=a}function E(){L();var n=e.size;e.options.disabled||n===i||(i=n,C())}function T(){E(),setTimeout(E,500),setTimeout(E,2e3)}function L(){var n=g(e.container);e.size=(e.options.vertical?n.height:n.width)||1}function A(){e.slides=d(e.options.selector,e.container)}e.container=(u=d(n,document)).length?u[0]:null,e.destroy=function(){s.purge(),e.emit("destroyed"),l(!0)},e.prev=function(){e.moveToIdx(e.track.details.abs-1,!0)},e.next=function(){e.moveToIdx(e.track.details.abs+1,!0)},e.update=C,x(e.options)}}var A,_,j,D=function(n,t,e){try{return function(n,t){var e,r={};return e={emit:function(n){r[n]&&r[n].forEach((function(n){n(e)}));var t=e.options&&e.options[n];t&&t(e)},moveToIdx:function(n,t,r){var i=e.track.idxToDist(n,t);if(i){var a=e.options.defaultAnimation;e.animator.start([{distance:i,duration:b(r||a,"duration",500),easing:b(r||a,"easing",(function(n){return 1+--n*n*n*n*n}))}])}},on:function(n,t,e){void 0===e&&(e=!1),r[n]||(r[n]=[]);var i=r[n].indexOf(t);i>-1?e&&delete r[n][i]:e||r[n].push(t)},options:n},function(){if(e.track=C(e),e.animator=function(n){var t,e,r,i,a,o;function u(t){o||(o=t),s(!0);var a=t-o;a>r&&(a=r);var d=i[e];if(d[3]<a)return e++,u(t);var f=d[2],p=d[4],v=d[0],m=d[1]*(0,d[5])(0===p?1:(a-f)/p);if(m&&n.track.to(v+m),a<r)return c();o=null,s(!1),l(null),n.emit("animationEnded")}function s(n){t.active=n}function l(n){t.targetIdx=n}function c(){var n;n=u,a=window.requestAnimationFrame(n)}function d(){var t;t=a,window.cancelAnimationFrame(t),s(!1),l(null),o&&n.emit("animationStopped"),o=null}return t={active:!1,start:function(t){if(d(),n.track.details){var a=0,o=n.track.details.position;e=0,r=0,i=t.map((function(n){var t,e=o,i=null!==(t=n.earlyExit)&&void 0!==t?t:n.duration,u=n.easing,s=n.distance*u(i/n.duration)||0;o+=s;var l=r;return r+=i,a+=s,[e,n.distance,l,r,n.duration,u]})),l(n.track.distToIdx(a)),c(),n.emit("animationStarted")}},stop:d,targetIdx:null}}(e),t)for(var n=0,r=t;n<r.length;n++)(0,r[n])(e);e.track.init(e.options.initial||0),e.emit("created")}(),e}(t,y([L(n,{drag:!0,mode:"snap",renderMode:"precision",rubberband:!0,selector:".keen-slider__slide"}),T,E,M],e||[],!0))}catch(n){console.error(n)}},O=function(n,t){var e=o.useRef(null),r=o.useRef(!1),i=o.useRef(n),a=o.useCallback((function(a){a?(i.current=n,e.current=new D(a,n,t),r.current=!1):(e.current&&e.current.destroy&&e.current.destroy(),e.current=null)}),[]);return o.useEffect((function(){w(i.current,n)||(i.current=n,e.current&&e.current.update(i.current))}),[n]),[a,e]},z=a.default.button(A||(A=n.__makeTemplateObject(["\n  background: #ffffff;\n  border: 1px solid ",";\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  border-radius: 24px;\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &[data-is-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n\n  &[data-is-left='true'] {\n    left: -16px;\n  }\n  &[data-is-left='false'] {\n    right: -16px;\n    left: auto;\n  }\n"],["\n  background: #ffffff;\n  border: 1px solid ",";\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  border-radius: 24px;\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &[data-is-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n\n  &[data-is-left='true'] {\n    left: -16px;\n  }\n  &[data-is-left='false'] {\n    right: -16px;\n    left: auto;\n  }\n"])),(function(n){return n.theme.colors.neutral200})),I=a.default.button(_||(_=n.__makeTemplateObject(["\n  background: ",";\n  border-radius: 50%;\n  cursor: pointer;\n  width: 8px;\n  height: 8px;\n\n  &[data-is-active='true'] {\n    background: ",";\n\n    &[data-is-hellosites='false'] {\n      background: ",";\n    }\n  }\n"],["\n  background: ",";\n  border-radius: 50%;\n  cursor: pointer;\n  width: 8px;\n  height: 8px;\n\n  &[data-is-active='true'] {\n    background: ",";\n\n    &[data-is-hellosites='false'] {\n      background: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink})),N=a.default.div(j||(j=n.__makeTemplateObject(["\n  ","\n\n  .navigation-wrapper {\n    position: relative;\n\n    .page-items {\n      display: grid;\n      grid-template-columns: repeat(\n        ",",\n        1fr\n      );\n      grid-template-rows: repeat(",", 1fr);\n      gap: 12px;\n    }\n  }\n\n  .dots {\n    margin-top: 24px;\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n  }\n"],["\n  ","\n\n  .navigation-wrapper {\n    position: relative;\n\n    .page-items {\n      display: grid;\n      grid-template-columns: repeat(\n        ",",\n        1fr\n      );\n      grid-template-rows: repeat(",", 1fr);\n      gap: 12px;\n    }\n  }\n\n  .dots {\n    margin-top: 24px;\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n  }\n"])),"\n   .keen-slider:not([data-keen-slider-disabled]) {\n    align-content: flex-start;\n    display: flex;\n    overflow: hidden;\n    position: relative;\n    user-select: none;\n    -webkit-touch-callout: none;\n    -khtml-user-select: none;\n    -ms-touch-action: pan-y;\n    touch-action: pan-y;\n    -webkit-tap-highlight-color: transparent;\n    width: 100%;\n\n    .keen-slider__slide {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      min-height: 100%;\n    }\n\n    &[data-keen-slider-reverse] {\n      flex-direction: row-reverse;\n    }\n\n    &[data-keen-slider-v] {\n      flex-wrap: wrap;\n    }\n  }\n\n  [data-keen-slider-moves] * {\n    pointer-events: none;\n  }\n}\n",(function(n){return n.column}),(function(n){return n.row})),S=function(n){var t=n.isDisabled,e=n.isLeft,r=n.onClick,a=n.className,o=n.scheme,u=void 0===o?"hellosites":o;return i.default.createElement(z,{onClick:r,"data-is-disabled":t,"data-is-left":e,className:a},i.default.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e?i.default.createElement("path",{d:"M2.92902 6.00015L6.75002 2.17915C7.16402 1.76515 7.16402 1.09315 6.75002 0.679152C6.33602 0.265152 5.66402 0.265152 5.25002 0.679152L0.636023 5.29315C0.245023 5.68415 0.245023 6.31715 0.636023 6.70715L5.25002 11.3212C5.66402 11.7352 6.33602 11.7352 6.75002 11.3212C7.16402 10.9072 7.16402 10.2352 6.75002 9.82115L2.92902 6.00015Z",fill:"hellosites"===u?"#595959":"#E55C8A"}):i.default.createElement("path",{d:"M5.07095 6.00015L1.24995 2.17915C0.835953 1.76515 0.835953 1.09315 1.24995 0.679152C1.66395 0.265152 2.33595 0.265152 2.74995 0.679152L7.36395 5.29315C7.75495 5.68415 7.75495 6.31715 7.36395 6.70715L2.74995 11.3212C2.33595 11.7352 1.66395 11.7352 1.24995 11.3212C0.835953 10.9072 0.835953 10.2352 1.24995 9.82115L5.07095 6.00015Z",fill:"hellosites"===u?"#595959":"#E55C8A"})))};exports.Carousel=function(e){for(var r=e.row,a=e.column,o=e.children,u=e.scheme,s=void 0===u?"hellosites":u,l=e.classNameLeftArrow,c=void 0===l?"":l,d=e.classNameRightArrow,f=void 0===d?"":d,p=e.mode,v=void 0===p?"snap":p,m=e.isDotsShown,h=void 0===m||m,g=e.isArrowShown,b=void 0!==g&&g,x=e.dataEventCategory,w=e.dataEventAction,k=e.dataEventLabel,y=e.onChangePage,C=i.default.useState(0),M=C[0],E=C[1],T=t.useState(!1),L=T[0],A=T[1],_=O({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(n){E(n.track.details.rel),y&&y(n.track.details.rel)},created:function(){A(!0)},drag:!0,mode:v,slides:{spacing:12}}),j=_[0],D=_[1],z=[],P=r*a,R=0;R<o.length;R+=P){var Y=o.slice(R,R+P);z.push(Y)}return i.default.createElement(N,{row:r,column:a},i.default.createElement("div",{className:"navigation-wrapper"},i.default.createElement("div",{ref:j,className:"keen-slider slides-wrapper"},z.map((function(n,t){return i.default.createElement("div",{key:t,className:"keen-slider__slide page-items"},n.map((function(n,t){return i.default.createElement("div",{key:t},n)})))}))),L&&D.current&&b&&i.default.createElement(i.default.Fragment,null,i.default.createElement(S,{isLeft:!0,onClick:function(n){var t;return n.stopPropagation()||(null===(t=D.current)||void 0===t?void 0:t.prev())},isDisabled:0===M,scheme:s,className:"left-arrow ".concat(c),"data-event-category":x,"data-event-action":w,"data-event-label":k}),i.default.createElement(S,{isLeft:!1,onClick:function(n){var t;return n.stopPropagation()||(null===(t=D.current)||void 0===t?void 0:t.next())},isDisabled:M===D.current.track.details.slides.length-1,scheme:s,className:"right-arrow ".concat(f),"data-event-category":x,"data-event-action":w,"data-event-label":k}))),L&&D.current&&h&&i.default.createElement("div",{className:"dots"},n.__spreadArray([],Array(D.current.track.details.slides.length),!0).map((function(n,t){return i.default.createElement(I,{key:t,onClick:function(){var n;null===(n=D.current)||void 0===n||n.moveToIdx(t)},"data-is-active":M===t,"data-is-hellosites":"hellosites"===s})}))))};

package/build/components/categoryCard.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("./text.js"),t=require("../tslib.es6-f7929e76.js"),r=require("styled-components");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../theme-696d81a9.js"),require("../utils-1cac3068.js");var o,i=a(e),l=a(r).default.a(o||(o=t.__makeTemplateObject(["\n  display: flex;\n  height: 125px;\n\n  box-sizing: border-box;\n  flex-direction: column;\n  align-items: center;\n  padding: 8px;\n\n  border: 1px solid ",";\n  background-color: white;\n  border-radius: 6px;\n  box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n  cursor: pointer;\n  text-decoration: none;\n\n  & > .banner {\n    width: 100%;\n    height: 63px;\n    text-align: center;\n  }\n\n  & > .content {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-align: center;\n    word-break: break-word;\n  }\n\n  * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  height: 125px;\n\n  box-sizing: border-box;\n  flex-direction: column;\n  align-items: center;\n  padding: 8px;\n\n  border: 1px solid ",";\n  background-color: white;\n  border-radius: 6px;\n  box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n  cursor: pointer;\n  text-decoration: none;\n\n  & > .banner {\n    width: 100%;\n    height: 63px;\n    text-align: center;\n  }\n\n  & > .content {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-align: center;\n    word-break: break-word;\n  }\n\n  * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.neutral100}));exports.CategoryCard=function(e){var t=e.imgBanner,r=e.label,a=e.className,o=e.style,d=e.href,c=void 0===d?"":d,s=e.dataEventCategory,b=e.dataEventAction,x=e.dataEventLabel;return i.default.createElement(l,{"data-event-category":s,"data-event-action":b,"data-event-label":x,className:a,style:o,href:c,onClick:function(e){""===c&&e.preventDefault()}},i.default.createElement("div",{className:"banner"},t),i.default.createElement("div",{className:"content"},i.default.createElement(n.Text,{className:"category_name",size:"sm",type:"bold"},r)))};

package/build/components/checkbox.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("../tslib.es6-f7929e76.js"),r=require("../utils-1cac3068.js"),t=require("styled-components");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,a=o(n),c=o(t).default.div(i||(i=e.__makeTemplateObject(["\n  display: flex;\n  cursor: pointer;\n\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"],["\n  display: flex;\n  cursor: pointer;\n\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),r.MediaQueries.mbDown,r.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}));exports.Checkbox=function(n){var e=n.label,r=n.name,t=n.checked,o=n.className,i=n.isDisabled,l=n.onChange,d=n.value,s=n.isRectangle;return a.default.createElement(c,{className:o,"data-disabled":i||void 0,"data-is-rectangle":s||void 0,"data-label-text":e},a.default.createElement("input",{type:"checkbox",checked:t,name:r,onChange:function(){return l(d,!t)},disabled:i,value:d,id:"".concat(r,"-").concat(d),"data-label-text":e}),!s&&a.default.createElement("label",{htmlFor:"".concat(r,"-").concat(d)},e))};

package/build/components/checkboxGroup.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("./checkbox.js"),a=require("../tslib.es6-f7929e76.js"),t=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../utils-1cac3068.js");var r,l=i(e),c=i(t).default.div(r||(r=a.__makeTemplateObject(["\n  display: flex;\n\n  &[data-type='vertical'] {\n    flex-direction: column;\n\n    div {\n      margin-bottom: 20px;\n    }\n  }\n\n  &[data-type='horizontal'] {\n    flex-wrap: wrap;\n\n    div {\n      margin-right: 25px;\n    }\n\n    &[data-is-rectangle] {\n      div {\n        margin-right: 14px;\n      }\n    }\n  }\n"],["\n  display: flex;\n\n  &[data-type='vertical'] {\n    flex-direction: column;\n\n    div {\n      margin-bottom: 20px;\n    }\n  }\n\n  &[data-type='horizontal'] {\n    flex-wrap: wrap;\n\n    div {\n      margin-right: 25px;\n    }\n\n    &[data-is-rectangle] {\n      div {\n        margin-right: 14px;\n      }\n    }\n  }\n"])));exports.CheckboxGroup=function(e){var a=e.name,t=e.values,i=void 0===t?[]:t,r=e.onChanges,d=e.options,o=void 0===d?[]:d,s=e.className,u=e.type,p=void 0===u?"vertical":u,v=e.isDisabled,f=e.isRectangle,m=function(e,n){var a=i.slice();if(n)a.push(e);else{var t=a.findIndex((function(n){return n===e}));a.splice(t,1)}r&&r(a)};return l.default.createElement(c,{className:s,"data-type":p,"data-is-rectangle":f||void 0},o.map((function(e,t){return l.default.createElement(n.Checkbox,{label:e.label,name:a,key:"".concat(t,"-").concat(e.value),checked:i.includes(e.value),value:e.value,isDisabled:v||e.disabled,onChange:!v&&m,isRectangle:f})})))};

package/build/components/childCard.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../useTranslations-77f20604.js"),n=require("../theme-696d81a9.js"),l=require("./heading.js"),a=require("./icons.js"),r=require("./text.js"),i=require("../tslib.es6-f7929e76.js"),o=require("./menu.js"),d=require("styled-components"),s=require("../useOutsideClick-528bfd6c.js"),C=require("../utils-1cac3068.js"),c=require("../BabyGrowth-67f596f1.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js"),require("../FullScreen-924067af.js");var m,f,p,h=u(e),g=u(d),x=g.default.div(m||(m=i.__makeTemplateObject(["\n  /* Auto layout */\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding: 16px;\n  gap: 16px;\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 6px;\n  .information {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    h5:first-letter {\n      text-transform: uppercase;\n    }\n    .detail {\n      display: flex;\n      gap: 16px;\n      div {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n      }\n    }\n  }\n"],["\n  /* Auto layout */\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding: 16px;\n  gap: 16px;\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 6px;\n  .information {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    h5:first-letter {\n      text-transform: uppercase;\n    }\n    .detail {\n      display: flex;\n      gap: 16px;\n      div {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n      }\n    }\n  }\n"])),n.theme.colors.white,n.theme.colors.gray100),E=g.default.div(f||(f=i.__makeTemplateObject(["\n  position: absolute;\n  top: 18px;\n  right: 16px;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 18px;\n  right: 16px;\n  cursor: pointer;\n"]))),v=g.default(o.Menu)(p||(p=i.__makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"],["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"]))),w=function(l){var a=l.name,i=l.onClose,d=l.onEdit,C=l.onSwitch,c=l.onAdd,u=l.onRemove,m=t.useTranslations().t,f=e.useRef();return s.useOutsideClick(f,i),h.default.createElement("div",{ref:f},h.default.createElement(v,{width:250},h.default.createElement(o.Menu.Item,{onClick:d,icon:h.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h.default.createElement("path",{d:"M12.7812 1.83301C12.2987 1.83301 11.8162 2.01676 11.4479 2.38509L10.6667 3.16634L13.3333 5.83301L14.1146 5.05176C14.8506 4.31576 14.8506 3.12176 14.1146 2.38509C13.7463 2.01676 13.2638 1.83301 12.7812 1.83301ZM9.66667 4.16634L2 11.833V14.4997H4.66667L12.3333 6.83301L9.66667 4.16634Z",fill:"#595959"}))},h.default.createElement(r.Text,{size:"p2",color:n.theme.colors.gray800},m("childCard.menu.edit",{name:a}))),h.default.createElement(o.Menu.Item,{onClick:C,icon:h.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h.default.createElement("path",{d:"M8 2.5C4.9478 2.5 2.4204 4.79359 2.05078 7.7513C2.03763 7.83928 2.04222 7.929 2.06428 8.01518C2.08634 8.10136 2.12542 8.18226 2.17922 8.2531C2.23303 8.32394 2.30046 8.3833 2.37756 8.42768C2.45465 8.47206 2.53985 8.50057 2.62813 8.51152C2.71642 8.52247 2.806 8.51564 2.8916 8.49143C2.9772 8.46723 3.05709 8.42614 3.12657 8.37059C3.19605 8.31503 3.2537 8.24613 3.29615 8.16795C3.33859 8.08978 3.36496 8.00389 3.3737 7.91536C3.66141 5.61307 5.61354 3.83333 8 3.83333C9.34288 3.83333 10.5434 4.39987 11.3919 5.30339L10.0977 6.59766C9.96766 6.72766 9.96766 6.93901 10.0977 7.06901C10.1623 7.13434 10.248 7.16667 10.3333 7.16667H13.3333C13.5101 7.16667 13.6797 7.09643 13.8047 6.9714C13.9298 6.84638 14 6.67681 14 6.5V3.5C14 3.41467 13.967 3.32966 13.9023 3.26432C13.7723 3.13432 13.561 3.13432 13.431 3.26432L12.3359 4.35938C11.2437 3.21415 9.7037 2.5 8 2.5ZM13.2943 8.49089C13.1292 8.48959 12.9695 8.54959 12.8461 8.65928C12.7227 8.76896 12.6444 8.92053 12.6263 9.08464C12.3386 11.3869 10.3865 13.1667 8 13.1667C6.65713 13.1667 5.45884 12.5994 4.60938 11.6953L5.90234 10.4023C6.03234 10.2723 6.03234 10.061 5.90234 9.93099C5.83768 9.86566 5.752 9.83333 5.66667 9.83333H2.66667C2.48986 9.83333 2.32029 9.90357 2.19526 10.0286C2.07024 10.1536 2 10.3232 2 10.5V13.5C2 13.5853 2.03299 13.6703 2.09766 13.7357C2.22766 13.8657 2.43901 13.8657 2.56901 13.7357L3.66536 12.6393C4.75711 13.7836 6.29696 14.5 8 14.5C11.0522 14.5 13.5796 12.2064 13.9492 9.2487C13.9622 9.1548 13.955 9.05922 13.928 8.96833C13.9011 8.87745 13.8552 8.79334 13.7932 8.72163C13.7312 8.64991 13.6546 8.59224 13.5686 8.55245C13.4826 8.51266 13.3891 8.49167 13.2943 8.49089Z",fill:"#595959"}))},h.default.createElement(r.Text,{size:"p2",color:n.theme.colors.gray800},m("childCard.menu.switch"))),h.default.createElement(o.Menu.Item,{onClick:c,icon:h.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.9564 8.56545C15.7745 7.46727 14.9673 6.57273 13.9127 6.26C13.5273 5.44545 12.9818 4.73273 12.32 4.14364C11.1709 3.11818 9.65818 2.5 8 2.5C6.34182 2.5 4.82909 3.11818 3.68 4.14364C3.01091 4.73273 2.46545 5.45273 2.08727 6.26C1.03273 6.57273 0.225455 7.46 0.0436364 8.56545C0.0145455 8.71818 0 8.87818 0 9.04545C0 9.21273 0.0145455 9.37273 0.0436364 9.52545C0.225455 10.6236 1.03273 11.5182 2.08727 11.8309C2.46545 12.6382 3.01091 13.3509 3.66545 13.9327C4.81455 14.9655 6.33455 15.5909 8 15.5909C9.66545 15.5909 11.1855 14.9655 12.3418 13.9327C12.9964 13.3509 13.5418 12.6309 13.92 11.8309C14.9673 11.5182 15.7745 10.6309 15.9564 9.52545C15.9855 9.37273 16 9.21273 16 9.04545C16 8.87818 15.9855 8.71818 15.9564 8.56545ZM6.18182 7.04545C5.67974 7.04545 5.27273 7.45247 5.27273 7.95455C5.27273 8.45662 5.67974 8.86364 6.18182 8.86364C6.6839 8.86364 7.09091 8.45662 7.09091 7.95455C7.09091 7.45247 6.6839 7.04545 6.18182 7.04545ZM9.81818 7.04545C9.3161 7.04545 8.90909 7.45247 8.90909 7.95455C8.90909 8.45662 9.3161 8.86364 9.81818 8.86364C10.3203 8.86364 10.7273 8.45662 10.7273 7.95455C10.7273 7.45247 10.3203 7.04545 9.81818 7.04545ZM5.01821 10.5H10.9818C11.1128 10.5 11.2073 10.6455 11.1491 10.7691C10.5455 11.9109 9.36002 12.6818 8.00002 12.6818C6.64002 12.6818 5.45457 11.9109 4.85093 10.7691C4.78548 10.6455 4.88002 10.5 5.01821 10.5ZM12.9538 10.4875C12.9991 10.4938 13.0435 10.5 13.0909 10.5C13.8909 10.5 14.5455 9.84545 14.5455 9.04545C14.5455 8.24545 13.8909 7.59091 13.0909 7.59091C13.0435 7.59091 12.9991 7.5971 12.9538 7.60343C12.9297 7.60679 12.9053 7.6102 12.88 7.61273C12.7345 7.12545 12.5236 6.67455 12.2545 6.26C11.3455 4.87091 9.78182 3.95455 8 3.95455C6.21818 3.95455 4.65455 4.87091 3.74545 6.26C3.47636 6.67455 3.26545 7.12545 3.12 7.61273C3.09473 7.6102 3.07033 7.60679 3.0462 7.60343C3.0009 7.5971 2.95654 7.59091 2.90909 7.59091C2.10909 7.59091 1.45455 8.24545 1.45455 9.04545C1.45455 9.84545 2.10909 10.5 2.90909 10.5C2.95654 10.5 3.0009 10.4938 3.0462 10.4875C3.07033 10.4841 3.09473 10.4807 3.12 10.4782C3.26545 10.9655 3.47636 11.4164 3.74545 11.8309C4.65455 13.22 6.21818 14.1364 8 14.1364C9.78182 14.1364 11.3455 13.22 12.2545 11.8309C12.5236 11.4164 12.7345 10.9655 12.88 10.4782C12.9053 10.4807 12.9297 10.4841 12.9538 10.4875Z",fill:"#595959"}),h.default.createElement("path",{d:"M2.5 2V1C2.5 0.725 2.275 0.5 2 0.5C1.725 0.5 1.5 0.725 1.5 1V2H0.5C0.225 2 0 2.225 0 2.5C0 2.775 0.225 3 0.5 3H1.5V4C1.5 4.275 1.725 4.5 2 4.5C2.275 4.5 2.5 4.275 2.5 4V3H3.5C3.775 3 4 2.775 4 2.5C4 2.225 3.775 2 3.5 2H2.5Z",fill:"#595959"}))},h.default.createElement(r.Text,{size:"p2",color:n.theme.colors.gray800},m("childCard.menu.add"))),h.default.createElement(o.Menu.Item,{onClick:u,icon:h.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h.default.createElement("path",{d:"M6.66699 1.83301L6.00033 2.49967H3.33366C2.93366 2.49967 2.66699 2.76634 2.66699 3.16634C2.66699 3.56634 2.93366 3.83301 3.33366 3.83301H4.66699H11.3337H12.667C13.067 3.83301 13.3337 3.56634 13.3337 3.16634C13.3337 2.76634 13.067 2.49967 12.667 2.49967H10.0003L9.33366 1.83301H6.66699ZM3.33366 5.16634V13.833C3.33366 14.5663 3.93366 15.1663 4.66699 15.1663H11.3337C12.067 15.1663 12.667 14.5663 12.667 13.833V5.16634H3.33366ZM6.00033 6.49967C6.40033 6.49967 6.66699 6.76634 6.66699 7.16634V13.1663C6.66699 13.5663 6.40033 13.833 6.00033 13.833C5.60033 13.833 5.33366 13.5663 5.33366 13.1663V7.16634C5.33366 6.76634 5.60033 6.49967 6.00033 6.49967ZM10.0003 6.49967C10.4003 6.49967 10.667 6.76634 10.667 7.16634V13.1663C10.667 13.5663 10.4003 13.833 10.0003 13.833C9.60033 13.833 9.33366 13.5663 9.33366 13.1663V7.16634C9.33366 6.76634 9.60033 6.49967 10.0003 6.49967Z",fill:"#F44D2C"}))},h.default.createElement(r.Text,{size:"p2",color:n.theme.colors.red600},m("childCard.menu.remove",{name:a})))))},y=function(e,t){if(e)if(e.year<1){if(0===e.month)switch(e.week){case 0:case 1:return t("childCard.age.oneWeek");default:return t("childCard.age.week",{weeks:e.week})}if(e.month>0)return t("childCard.age.months",{month:e.month})}else{if(0===e.month)return t("childCard.age.yearNoMonth",{year:e.year});if(e.month>0)return t("childCard.age.yearMonth",{year:e.year,month:e.month})}};exports.ChildCard=function(i){var o=i.name,d=i.gender,s=i.age,u=i.isLoggedIn,m=void 0!==u&&u,f=i.showMenu,p=void 0!==f&&f,g=i.onEdit,v=i.onSwitch,b=i.onAdd,M=i.onRemove,j=i.className,H=t.useTranslations().t,k=e.useState(!1),q=k[0],Z=k[1];return h.default.createElement(x,{className:j},h.default.createElement("div",{"data-testid":"gender"},d===c.Gender.Boy?h.default.createElement(a.Icon.Boy,{"data-testid":"boy",id:"boy"}):h.default.createElement(a.Icon.Girl,{"data-testid":"girl",id:"girl"})),h.default.createElement("div",{className:"information"},h.default.createElement(l.Heading,{tag:"h5",fontWeight:"bold",color:n.theme.colors.gray800},C.startCase(o)||H("childCard.noName")),h.default.createElement("div",{className:"detail"},h.default.createElement("div",null,d===c.Gender.Boy?h.default.createElement(a.Icon.GenderBoy,null):h.default.createElement(a.Icon.GenderGirl,null),h.default.createElement(r.Text,{size:"p3",color:n.theme.colors.gray800,style:{textTransform:"capitalize"}},d)),h.default.createElement("div",null,h.default.createElement(a.Icon.Calendar,{size:16}),s&&h.default.createElement(r.Text,{size:"p3",color:n.theme.colors.gray800},y(s,H))))),p&&m&&h.default.createElement(E,null,h.default.createElement(a.Icon.Kebab,{onClick:function(){return Z((function(e){return!e}))}}),q&&h.default.createElement(w,{name:o,onClose:function(){return Z(!1)},onEdit:function(){Z(!1),g()},onSwitch:function(){Z(!1),v()},onAdd:function(){Z(!1),b()},onRemove:function(){Z(!1),M()}})))},exports.renderChildAge=y;

package/build/components/container.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../tslib.es6-f7929e76.js"),n=require("../utils-1cac3068.js"),a=require("styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i,d=r(e),s=r(a).default.div(i||(i=t.__makeTemplateObject(["\n  width: 100%;\n  margin: 0 auto;\n  "," {\n    padding: 0 16px;\n  }\n  "," {\n    max-width: 1170px;\n    &[data-type='marryBaby'] {\n      max-width: 1064px;\n    }\n  }\n"],["\n  width: 100%;\n  margin: 0 auto;\n  "," {\n    padding: 0 16px;\n  }\n  "," {\n    max-width: 1170px;\n    &[data-type='marryBaby'] {\n      max-width: 1064px;\n    }\n  }\n"])),n.MediaQueries.mbDown,n.MediaQueries.tdUp);exports.Container=function(e){var t=e.children,n=e.className,a=e.style,r=e.type;return d.default.createElement(s,{className:n,style:a,"data-type":r},t)};

package/build/components/cookieAcceptConfirm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("../tslib.es6-f7929e76.js"),t=require("../utils-1cac3068.js"),o=require("styled-components");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,r,l,d,p,c,s=i(n),u=i(o),h=u.default.div(a||(a=e.__makeTemplateObject(["\n  padding: 16px;\n  width: 375px;\n  word-wrap: break-word;\n  word-break: break-word;\n  "," {\n    width: 100%;\n  }\n  &[data-theme='helloSites'] {\n    background: ",";\n    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);\n  }\n  &[data-theme='marryBaby'] {\n    border: none;\n    background: ",";\n    border-radius: 12px 12px 0 0;\n  }\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-default-position='true'] {\n    position: fixed;\n    z-index: 1000;\n    bottom: 0;\n    right: 0;\n    "," {\n      left: 0;\n      right: unset;\n    }\n  }\n"],["\n  padding: 16px;\n  width: 375px;\n  word-wrap: break-word;\n  word-break: break-word;\n  "," {\n    width: 100%;\n  }\n  &[data-theme='helloSites'] {\n    background: ",";\n    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);\n  }\n  &[data-theme='marryBaby'] {\n    border: none;\n    background: ",";\n    border-radius: 12px 12px 0 0;\n  }\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-default-position='true'] {\n    position: fixed;\n    z-index: 1000;\n    bottom: 0;\n    right: 0;\n    "," {\n      left: 0;\n      right: unset;\n    }\n  }\n"])),t.MediaQueries.mbDown,(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.mbColors.pink}),t.MediaQueries.mbDown),x=u.default.p(r||(r=e.__makeTemplateObject(["\n  position: relative;\n  padding-left: 24px;\n  color: ",";\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n  &[data-has-content='true'] {\n    ::before {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      width: 16px;\n      height: 16px;\n      margin: auto 0;\n      content: url(\"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e\");\n    }\n  }\n"],["\n  position: relative;\n  padding-left: 24px;\n  color: ",";\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n  &[data-has-content='true'] {\n    ::before {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      width: 16px;\n      height: 16px;\n      margin: auto 0;\n      content: url(\"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e\");\n    }\n  }\n"])),(function(n){return n.theme.colors.white})),f=u.default.p(l||(l=e.__makeTemplateObject(["\n  margin-top: 2px;\n  color: ",";\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 18px;\n  a {\n    color: ",";\n    text-decoration: none;\n    text-decoration-line: underline;\n  }\n"],["\n  margin-top: 2px;\n  color: ",";\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 18px;\n  a {\n    color: ",";\n    text-decoration: none;\n    text-decoration-line: underline;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),g=u.default.div(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-top: 8px;\n  gap: 16px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-top: 8px;\n  gap: 16px;\n"]))),m=u.default.div(p||(p=e.__makeTemplateObject(["\n  padding: 7px 28px;\n  background: ",";\n  border-radius: 6px;\n  color: ",";\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n"],["\n  padding: 7px 28px;\n  background: ",";\n  border-radius: 6px;\n  color: ",";\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.secondaryBase})),b=u.default.a(c||(c=e.__makeTemplateObject(["\n  color: ",";\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 22px;\n  text-decoration: none;\n  text-decoration-line: underline;\n"],["\n  color: ",";\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 22px;\n  text-decoration: none;\n  text-decoration-line: underline;\n"])),(function(n){return n.theme.colors.white}));exports.CookieAcceptConfirm=function(n){var e=n.className,t=n.policiesUrl,o=n.onAcceptClick,i=n.translations,a=void 0===i?{acceptButton:"Accept",policiesButton:"Our Policies"}:i,r=n.title,l=void 0===r?"":r,d=n.description,p=void 0===d?"":d,c=n.theme,u=void 0===c?"helloSites":c,w=n.isOpen,v=void 0===w||w,k=n.useDefaultPosition,C=void 0===k||k,y=n.trackingAttributes;return s.default.createElement(h,{className:e,"data-theme":u,"data-is-open":v,"data-default-position":C},s.default.createElement(x,{"data-has-content":!!l},l),s.default.createElement(f,{dangerouslySetInnerHTML:{__html:p}}),s.default.createElement(g,null,s.default.createElement(m,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:o,"data-event-category":null==y?void 0:y.dataEventCategory,"data-event-action":null==y?void 0:y.dataEventAction,"data-event-label":null==y?void 0:y.dataEventLabel},a.acceptButton),s.default.createElement(b,{href:t},a.policiesButton)))};

package/build/components/datePicker.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../tslib.es6-f7929e76.js"),e=require("react"),t=require("date-fns"),r=require("react-day-picker/DayPickerInput"),a=require("styled-components");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,c,d=i(e),l=i(r),s=i(a),p={"vi-VN":["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],"id-ID":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"ms-MY":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"km-KH":["មករា","ខែកុម្ភៈ","មីនា","ខែមេសា","ឧសភា","មិថុនា","ខែកក្កដា","សីហា","ខែកញ្ញា","តុលា","វិច្ឆិកា","ធ្នូ"],"en-PH":["January","February","March","April","May","June","July","August","September","October","November","December"],"th-TH":["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","อาจ","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],"my-MM":["ဇန်နဝါရီလ","ဖေဖော်ဝါရီလ","မတ်လ","ပြီလ","မေလ","ဇွန","ဇူလိုင်လ","သြဂုတ်လ","စက်တင်ဘာ","အောက်တိုဘာ","နိုဝင်ဘာ","ဒီဇင်ဘာ"],"zh-TW":["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],"hi-IN":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},u=s.default.div(o||(o=n.__makeTemplateObject(["\n  .pickerContainer {\n    position: relative;\n    padding-top: 0;\n    & > div > svg {\n      position: absolute;\n      top: 36px;\n      right: 16px;\n      cursor: pointer;\n    }\n\n    & > :not(:first-child) {\n      position: absolute;\n      z-index: 1;\n      width: 100%;\n    }\n  }\n\n  &[data-is-static] .pickerOverlayWrapper {\n    position: static;\n    max-width: 250px;\n    aspect-ratio: 1 / 1;\n\n    > .pickerOverlay {\n      padding: 1rem;\n    }\n  }\n\n  .pickerOverlayWrapper {\n    min-width: 320px;\n  }\n\n  &[data-align-right='true'] {\n    .pickerOverlayWrapper {\n      right: 0;\n    }\n  }\n\n  .pickerOverlay {\n    margin-top: 6px;\n    background: white;\n    border-radius: 6px;\n    box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);\n  }\n\n  .picker {\n    width: 100%;\n  }\n\n  .react-datepicker-popper {\n    .react-datepicker {\n      display: flex;\n      width: 340px;\n      height: 305px;\n      align-items: center;\n      justify-content: center;\n      border: none;\n      box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)),\n        (-2px 2px 5px rgba(67, 86, 100, 0.123689));\n    }\n\n    .svg {\n      cursor: pointer;\n      stroke: ",";\n    }\n    .react-datepicker__day {\n      width: 40px;\n    }\n\n    .react-datepicker__header {\n      border-bottom: 0;\n      background-color: white;\n    }\n\n    .react-datepicker__day--outside-month {\n      color: #e9e9e9;\n    }\n\n    .react-datepicker__day {\n      font-weight: ",";\n    }\n\n    .react-datepicker__day--selected,\n    .react-datepicker__day--today,\n    .react-datepicker__day--selected:hover,\n    .react-datepicker__day--keyboard-selected {\n      width: 32px;\n      height: 30px;\n      margin: 4px;\n      margin-bottom: -2px;\n      background: ",";\n      border-radius: 50%;\n    }\n\n    .react-datepicker__day-name {\n      width: 40px;\n    }\n\n    .react-datepicker__triangle {\n      display: none;\n    }\n\n    .react-datepicker__header.react-datepicker__header--custom {\n      svg {\n        stroke: #262626;\n      }\n      select {\n        background: ",";\n        text-align: center;\n        &:not(:last-child) {\n          padding: 8px 10px;\n          margin-right: 15px;\n          border-radius: 6px;\n        }\n      }\n    }\n  }\n\n  /* DayPicker styles */\n\n  .DayPicker {\n    display: inline-block;\n    font-size: 1rem;\n  }\n\n  .DayPicker-wrapper {\n    position: relative;\n\n    flex-direction: row;\n    padding-bottom: 1em;\n\n    -webkit-user-select: none;\n\n    -moz-user-select: none;\n\n    -ms-user-select: none;\n\n    user-select: none;\n  }\n\n  .DayPicker-Months {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .DayPicker-Month {\n    display: table;\n    margin: 0 16px;\n    margin-top: 16px;\n    border-collapse: collapse;\n    border-spacing: 0;\n\n    -webkit-user-select: none;\n\n    -moz-user-select: none;\n\n    -ms-user-select: none;\n\n    user-select: none;\n  }\n\n  .DayPicker-NavBar {\n    position: absolute;\n    top: 16px;\n    left: 0;\n    display: flex;\n    width: 100%;\n    height: 0;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 20px;\n  }\n\n  .DayPicker-NavButton {\n    width: 24px;\n    height: 24px;\n    margin-bottom: -47px;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: 16px 16px;\n    color: #8b9898;\n    cursor: pointer;\n  }\n\n  .DayPicker-NavButton:hover {\n    opacity: 0.8;\n  }\n\n  .DayPicker-NavButton--prev {\n    //left: 2px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  }\n\n  .DayPicker-NavButton--next {\n    //right: 2px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  }\n\n  .DayPicker-NavButton--interactionDisabled {\n    display: none;\n  }\n\n  .DayPicker-Caption {\n    display: table-caption;\n    width: 100%;\n    height: 46px;\n    padding: 0 32px;\n  }\n\n  .DayPicker-Caption select {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 24px;\n    text-align: left;\n  }\n\n  .DayPicker-Weekdays {\n    display: table-header-group;\n    margin-top: 1em;\n  }\n\n  .DayPicker-WeekdaysRow {\n    display: table-row;\n  }\n\n  .DayPicker-Weekday {\n    display: table-cell;\n    padding: 0.5em;\n    color: #8b9898;\n    font-size: 0.875em;\n    text-align: center;\n  }\n\n  .DayPicker-Weekday abbr[title] {\n    border-bottom: none;\n    text-decoration: none;\n  }\n\n  .DayPicker-Body {\n    display: table-row-group;\n  }\n\n  .DayPicker-Week {\n    display: table-row;\n  }\n\n  .DayPicker-Day {\n    display: table-cell;\n\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    cursor: pointer;\n    text-align: center;\n    vertical-align: middle;\n  }\n\n  .DayPicker-WeekNumber {\n    display: table-cell;\n    min-width: 1em;\n    padding: 0.5em;\n    border-right: 1px solid #eaecec;\n    color: #8b9898;\n    cursor: pointer;\n    font-size: 0.75em;\n    text-align: right;\n    vertical-align: middle;\n  }\n\n  .DayPicker--interactionDisabled .DayPicker-Day {\n    cursor: default;\n  }\n\n  .DayPicker-Footer {\n    padding-top: 0.5em;\n  }\n\n  .DayPicker-TodayButton {\n    border: none;\n    background-color: transparent;\n    background-image: none;\n    box-shadow: none;\n    color: #4a90e2;\n    cursor: pointer;\n    font-size: 0.875em;\n  }\n\n  /* Default modifiers */\n\n  .DayPicker-Day--today {\n    color: #d0021b;\n    font-weight: 700;\n  }\n\n  .DayPicker-Day--outside {\n    color: #8b9898;\n    cursor: default;\n  }\n\n  .DayPicker-Day--disabled {\n    color: #dce0e0;\n    cursor: default;\n    /* background-color: #eff1f1; */\n  }\n\n  /* Example modifiers */\n\n  .DayPicker-Day--sunday {\n    background-color: #f7f8f8;\n  }\n\n  .DayPicker-Day--sunday:not(.DayPicker-Day--today) {\n    color: #dce0e0;\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {\n    position: relative;\n\n    background-color: ",";\n    color: #f0f8ff;\n    font-weight: ",";\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {\n    background-color: #51a0fa;\n  }\n\n  .DayPicker:not(.DayPicker--interactionDisabled)\n    .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {\n    background-color: #f0f8ff;\n  }\n\n  /* DayPickerInput */\n\n  .DayPickerInput {\n    display: inline-block;\n  }\n\n  .DayPickerInput-OverlayWrapper {\n    position: relative;\n  }\n\n  .DayPickerInput-Overlay {\n    position: absolute;\n    z-index: 1;\n    left: 0;\n\n    background: white;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n  }\n"],["\n  .pickerContainer {\n    position: relative;\n    padding-top: 0;\n    & > div > svg {\n      position: absolute;\n      top: 36px;\n      right: 16px;\n      cursor: pointer;\n    }\n\n    & > :not(:first-child) {\n      position: absolute;\n      z-index: 1;\n      width: 100%;\n    }\n  }\n\n  &[data-is-static] .pickerOverlayWrapper {\n    position: static;\n    max-width: 250px;\n    aspect-ratio: 1 / 1;\n\n    > .pickerOverlay {\n      padding: 1rem;\n    }\n  }\n\n  .pickerOverlayWrapper {\n    min-width: 320px;\n  }\n\n  &[data-align-right='true'] {\n    .pickerOverlayWrapper {\n      right: 0;\n    }\n  }\n\n  .pickerOverlay {\n    margin-top: 6px;\n    background: white;\n    border-radius: 6px;\n    box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);\n  }\n\n  .picker {\n    width: 100%;\n  }\n\n  .react-datepicker-popper {\n    .react-datepicker {\n      display: flex;\n      width: 340px;\n      height: 305px;\n      align-items: center;\n      justify-content: center;\n      border: none;\n      box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)),\n        (-2px 2px 5px rgba(67, 86, 100, 0.123689));\n    }\n\n    .svg {\n      cursor: pointer;\n      stroke: ",";\n    }\n    .react-datepicker__day {\n      width: 40px;\n    }\n\n    .react-datepicker__header {\n      border-bottom: 0;\n      background-color: white;\n    }\n\n    .react-datepicker__day--outside-month {\n      color: #e9e9e9;\n    }\n\n    .react-datepicker__day {\n      font-weight: ",";\n    }\n\n    .react-datepicker__day--selected,\n    .react-datepicker__day--today,\n    .react-datepicker__day--selected:hover,\n    .react-datepicker__day--keyboard-selected {\n      width: 32px;\n      height: 30px;\n      margin: 4px;\n      margin-bottom: -2px;\n      background: ",";\n      border-radius: 50%;\n    }\n\n    .react-datepicker__day-name {\n      width: 40px;\n    }\n\n    .react-datepicker__triangle {\n      display: none;\n    }\n\n    .react-datepicker__header.react-datepicker__header--custom {\n      svg {\n        stroke: #262626;\n      }\n      select {\n        background: ",";\n        text-align: center;\n        &:not(:last-child) {\n          padding: 8px 10px;\n          margin-right: 15px;\n          border-radius: 6px;\n        }\n      }\n    }\n  }\n\n  /* DayPicker styles */\n\n  .DayPicker {\n    display: inline-block;\n    font-size: 1rem;\n  }\n\n  .DayPicker-wrapper {\n    position: relative;\n\n    flex-direction: row;\n    padding-bottom: 1em;\n\n    -webkit-user-select: none;\n\n    -moz-user-select: none;\n\n    -ms-user-select: none;\n\n    user-select: none;\n  }\n\n  .DayPicker-Months {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .DayPicker-Month {\n    display: table;\n    margin: 0 16px;\n    margin-top: 16px;\n    border-collapse: collapse;\n    border-spacing: 0;\n\n    -webkit-user-select: none;\n\n    -moz-user-select: none;\n\n    -ms-user-select: none;\n\n    user-select: none;\n  }\n\n  .DayPicker-NavBar {\n    position: absolute;\n    top: 16px;\n    left: 0;\n    display: flex;\n    width: 100%;\n    height: 0;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 20px;\n  }\n\n  .DayPicker-NavButton {\n    width: 24px;\n    height: 24px;\n    margin-bottom: -47px;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: 16px 16px;\n    color: #8b9898;\n    cursor: pointer;\n  }\n\n  .DayPicker-NavButton:hover {\n    opacity: 0.8;\n  }\n\n  .DayPicker-NavButton--prev {\n    //left: 2px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  }\n\n  .DayPicker-NavButton--next {\n    //right: 2px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  }\n\n  .DayPicker-NavButton--interactionDisabled {\n    display: none;\n  }\n\n  .DayPicker-Caption {\n    display: table-caption;\n    width: 100%;\n    height: 46px;\n    padding: 0 32px;\n  }\n\n  .DayPicker-Caption select {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 24px;\n    text-align: left;\n  }\n\n  .DayPicker-Weekdays {\n    display: table-header-group;\n    margin-top: 1em;\n  }\n\n  .DayPicker-WeekdaysRow {\n    display: table-row;\n  }\n\n  .DayPicker-Weekday {\n    display: table-cell;\n    padding: 0.5em;\n    color: #8b9898;\n    font-size: 0.875em;\n    text-align: center;\n  }\n\n  .DayPicker-Weekday abbr[title] {\n    border-bottom: none;\n    text-decoration: none;\n  }\n\n  .DayPicker-Body {\n    display: table-row-group;\n  }\n\n  .DayPicker-Week {\n    display: table-row;\n  }\n\n  .DayPicker-Day {\n    display: table-cell;\n\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    cursor: pointer;\n    text-align: center;\n    vertical-align: middle;\n  }\n\n  .DayPicker-WeekNumber {\n    display: table-cell;\n    min-width: 1em;\n    padding: 0.5em;\n    border-right: 1px solid #eaecec;\n    color: #8b9898;\n    cursor: pointer;\n    font-size: 0.75em;\n    text-align: right;\n    vertical-align: middle;\n  }\n\n  .DayPicker--interactionDisabled .DayPicker-Day {\n    cursor: default;\n  }\n\n  .DayPicker-Footer {\n    padding-top: 0.5em;\n  }\n\n  .DayPicker-TodayButton {\n    border: none;\n    background-color: transparent;\n    background-image: none;\n    box-shadow: none;\n    color: #4a90e2;\n    cursor: pointer;\n    font-size: 0.875em;\n  }\n\n  /* Default modifiers */\n\n  .DayPicker-Day--today {\n    color: #d0021b;\n    font-weight: 700;\n  }\n\n  .DayPicker-Day--outside {\n    color: #8b9898;\n    cursor: default;\n  }\n\n  .DayPicker-Day--disabled {\n    color: #dce0e0;\n    cursor: default;\n    /* background-color: #eff1f1; */\n  }\n\n  /* Example modifiers */\n\n  .DayPicker-Day--sunday {\n    background-color: #f7f8f8;\n  }\n\n  .DayPicker-Day--sunday:not(.DayPicker-Day--today) {\n    color: #dce0e0;\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {\n    position: relative;\n\n    background-color: ",";\n    color: #f0f8ff;\n    font-weight: ",";\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {\n    background-color: #51a0fa;\n  }\n\n  .DayPicker:not(.DayPicker--interactionDisabled)\n    .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {\n    background-color: #f0f8ff;\n  }\n\n  /* DayPickerInput */\n\n  .DayPickerInput {\n    display: inline-block;\n  }\n\n  .DayPickerInput-OverlayWrapper {\n    position: relative;\n  }\n\n  .DayPickerInput-Overlay {\n    position: absolute;\n    z-index: 1;\n    left: 0;\n\n    background: white;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwBold})),y=s.default.form(c||(c=n.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n\n  height: 46px;\n  align-items: center;\n  justify-content: space-between;\n  & > :first-child {\n    margin-right: 10px;\n  }\n\n  & * {\n    height: 46px;\n    padding: 10px 10px;\n    background: ",";\n    border-radius: 6px;\n  }\n"],["\n  display: flex;\n  width: 100%;\n\n  height: 46px;\n  align-items: center;\n  justify-content: space-between;\n  & > :first-child {\n    margin-right: 10px;\n  }\n\n  & * {\n    height: 46px;\n    padding: 10px 10px;\n    background: ",";\n    border-radius: 6px;\n  }\n"])),(function(n){return n.theme.colors.neutral100}));exports.DatePicker=function(r){var a=r.alignRight,i=void 0===a||a,o=r.placeholder,c=r.displayDateFormat,s=r.onChange,k=r.customInput,g=r.pickedDate,h=r.className,b=r.isStatic,m=r.disabledDays,D=r.modifiers,x=r.UnHideOnClickOutside,f=r.initialMonth,w=r.locale,v=void 0===w?"en-PH":w,P=e.useRef(!1),_=t.format,C=e.useState(f||new Date),O=C[0],E=C[1],B=e.useRef(null),M=e.useRef(null),N=p[v],W=function(n){x||B.current&&B.current.contains(n.target)||M.current&&M.current.hideDayPicker()},z=(new Date).getFullYear(),T=new Date(z-150,0),j=new Date(z+1,0),I=function(n){for(var e=n.date,t=n.onChange,r=n.monthLabels,a=[],i=j.getFullYear();i>=T.getFullYear();i-=1)a.push(i);var o=function(n){var e=n.target.form,r=e.year,a=e.month;t(new Date(r.value,a.value))};return d.default.createElement("div",{className:"DayPicker-Caption"},d.default.createElement(y,null,d.default.createElement("select",{name:"month",onChange:o,value:e.getMonth()},r.map((function(n,e){return d.default.createElement("option",{key:n,value:e},n)}))),d.default.createElement("select",{name:"year",onChange:o,value:e.getFullYear()},a.map((function(n){return d.default.createElement("option",{key:n,value:n},n)})))))};return e.useEffect((function(){return document.addEventListener("mousedown",W,!1),function(){document.removeEventListener("mousedown",W,!1)}}),[]),d.default.createElement(u,{className:h,"data-align-right":i,ref:B,"data-is-static":b||void 0},d.default.createElement(l.default,{ref:M,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:k&&d.default.forwardRef((function(e,t){return d.default.createElement(k,n.__assign({},e))})),onDayPickerHide:function(){P.current=!1},onDayPickerShow:function(){P.current=!0},dayPickerProps:{month:O,className:"picker",selectedDays:g,canChangeMonth:!0,enableOutsideDaysClick:!b,firstDayOfWeek:1,captionElement:function(n){var e=n.date,t=n.localeUtils,r=null==t?void 0:t.getMonths();return d.default.createElement(I,{date:e,monthLabels:N||r,onChange:E})},disabledDays:m||void 0,modifiers:D},format:c||"yyyy-MM-dd",formatDate:function(n,e){return _(n,e)},hideOnDayClick:!b,placeholder:o||"",onDayChange:function(n){var e;e=n,M.current&&!b&&M.current.hideDayPicker(),s&&s(e)},showOverlay:b}))};

package/build/components/dateRangePicker.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("date-fns"),t=require("./pureInput.js"),a=require("../useOutsideClick-528bfd6c.js"),r=require("../tslib.es6-f7929e76.js"),o=require("date-fns/locale/en-US"),i=require("date-fns/locale/id"),l=require("date-fns/locale/vi"),s=require("date-fns/locale/zh-TW"),d=require("./button.js"),u=require("../useScreenSize-1a87cd03.js"),c=require("../useTranslations-77f20604.js"),f=require("styled-components"),p=require("../utils-1cac3068.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./label.js"),require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js");var g=m(e),h=m(o),x=m(i),v=m(l),b=m(s),w=m(f);var y=w.default.div(E||(E=r.__makeTemplateObject(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),k=w.default.div(D||(D=r.__makeTemplateObject(["\n  padding: 0 10px;\n"],["\n  padding: 0 10px;\n"]))),_=w.default.div(T||(T=r.__makeTemplateObject(["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"],["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"])),p.MediaQueries.mbDown),j=w.default.div(C||(C=r.__makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"],["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"]))),M=w.default(j)(O||(O=r.__makeTemplateObject(["\n  margin-bottom: 8px;\n"],["\n  margin-bottom: 8px;\n"])));w.default.div(q||(q=r.__makeTemplateObject(["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var E,D,T,C,O,q,z,S,B,H,P,V,I,N=w.default.div(z||(z=r.__makeTemplateObject(["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"],["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"])),(function(e){return e.theme.colors.gray800})),Q=w.default.div(S||(S=r.__makeTemplateObject(["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"],["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"])),(function(e){return e.theme.colors.neutral100})),F=w.default.div(B||(B=r.__makeTemplateObject(["\n  margin: 0 auto;\n"],["\n  margin: 0 auto;\n"]))),L=w.default.div(H||(H=r.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),W=w.default(j)(P||(P=r.__makeTemplateObject([""],[""]))),R=w.default.div(V||(V=r.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"])),p.MediaQueries.mbUp,(function(e){return e.theme.colors.gray100}),(function(e){return e.theme.colors.gray100})),U=w.default.div(I||(I=r.__makeTemplateObject(["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"],["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"])),p.MediaQueries.mbDown,p.MediaQueries.mbUp,(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.primaryBase})),Z={"en-PH":h.default,"vi-VN":v.default,"zh-TW":b.default,"id-ID":x.default};function A(t){var a=t.value,o=void 0===a?{from:null,to:null}:a,i=e.useState(null),l=i[0],s=i[1],d=u.useScreenSize().isMobile,c=e.useState((function(){return o})),f=c[0],p=c[1],m=e.useState((function(){var e;return n.startOfMonth(null!==(e=o.from)&&void 0!==e?e:new Date)})),h=m[0],x=m[1],v=e.useMemo((function(){return n.addMonths(h,1)}),[h]);var b=r.__assign(r.__assign({},t),{goToNextMonth:function(){x((function(e){return n.addMonths(e,1)}))},goToPreviousMonth:function(){x((function(e){return n.subMonths(e,1)}))},range:f,setRange:p,hoverDay:l,setHoverDay:s});return g.default.createElement(g.default.Fragment,null,g.default.createElement(Y,r.__assign({},b,{date:h})),!d&&g.default.createElement(Q,null),!d&&g.default.createElement(Y,r.__assign({},b,{date:v})))}function Y(t){var a=t.date,o=t.range,i=t.setRange,l=t.onChange,s=t.goToPreviousMonth,u=t.goToNextMonth,f=t.minDate,p=t.maxDate,m=t.close,h=void 0===m?function(){}:m,x=t.autoClose,v=void 0!==x&&x,b=t.hoverDay,w=t.setHoverDay,j=c.useTranslations().locale,E=e.useMemo((function(){var e;return null!==(e=Z[j])&&void 0!==e?e:Z["en-PH"]}),[j]),D=e.useMemo((function(){return n.format(a,"MMMM",{locale:E})}),[a,E]),T=e.useMemo((function(){return E?[1,2,3,4,5,6,0].map((function(e){return E.localize.day(e,{width:"narrow"})})):[]}),[E]);function C(e,t){if(null===e)return g.default.createElement(R,{key:"idx-".concat(t),"data-empty":"true"});var a=e.getDate(),l=n.isToday(e),s=!!o.from&&n.isSameDay(o.from,e),d=!!o.to&&n.isSameDay(o.to,e),u=s||d,c=!1;null!==b&&o.from&&n.isBefore(o.from,b)&&!o.to?c=n.isWithinInterval(e,{start:o.from,end:b}):o.from&&o.to&&(c=n.isWithinInterval(e,{start:o.from,end:o.to}));var m=!1;return f&&p?m=!n.isWithinInterval(e,{start:f,end:p}):f?m=n.isBefore(e,f):p&&(m=n.isAfter(e,p)),g.default.createElement(R,{key:a,"data-is-today":l,"data-is-past":!l&&n.isPast(e),"data-is-selected":u,"data-is-disabled":m,"data-in-range":c,"data-is-from":s,"data-is-to":d,onMouseEnter:function(){w(e)},onMouseLeave:function(){return w(null)},onClick:function(){m||i((function(t){return v&&o.from&&!o.to&&h(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?n.isBefore(e,t.from)?r.__assign(r.__assign({},t),{from:e}):r.__assign(r.__assign({},t),{to:e}):t:r.__assign(r.__assign({},t),{from:e})}(e,t)}))}},g.default.createElement(U,{onClick:function(){}},g.default.createElement("p",null,a)))}return e.useEffect((function(){o.from&&o.to&&l(o)}),[o]),g.default.createElement(y,{className:"calendar-wrapper"},g.default.createElement(_,null,g.default.createElement(d.Button,{onClick:s,size:"md",color:"ghost",icon:g.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.66875 11.814L1.46875 6.657L5.66875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})}),g.default.createElement("div",{className:"calendar-month"},D,g.default.createElement("strong",null,n.format(a,"yyyy"))),g.default.createElement(d.Button,{onClick:u,size:"md",color:"ghost",icon:g.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.46875 11.814L5.66875 6.657L1.46875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})})),g.default.createElement(k,null,g.default.createElement("div",null,g.default.createElement(M,null,T.map((function(e,n){return g.default.createElement(N,{key:"".concat(e,"-").concat(n)},e)})))),g.default.createElement("div",null,function(){for(var e=a.getFullYear(),t=a.getMonth(),r=n.getDaysInMonth(a),i=[],l=1;l<=r;l++)i.push(new Date(e,t,l));var s=i[0]?i[0].getDay():0;if(1!==s){var d=0===s?6:s-1;for(l=0;l<d;l++)i.unshift(null)}return g.default.createElement(L,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(o.from&&o.to)},g.default.createElement(F,null,g.default.createElement(W,null,i.map(C))))}())))}var G,J,K=w.default.div(G||(G=r.__makeTemplateObject(["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"],["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"])),p.MediaQueries.mbDown),X=w.default.div(J||(J=r.__makeTemplateObject(["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"])),(function(e){return e.theme.colors.gray200}),p.MediaQueries.mbDown);exports.DateRangePicker=function(r){var o=r.inputSize,i=void 0===o?"md":o,l=r.name,s=void 0===l?"date-range-picker":l,d=r.value,u=r.minDate,c=r.maxDate,f=r.onChange,p=r.className,m=r.autoClose,h=void 0!==m&&m;d||(d={from:null,to:null});var x=e.useState(!1),v=x[0],b=x[1];function w(){b(!1)}var y=e.useRef(null);function k(e){f&&f(e)}function _(e){return n.format(e,"dd/MM/yyyy")}a.useOutsideClick(y,(function(){w()}));var j=e.useMemo((function(){return d.from&&d.to?n.isSameDay(d.from,d.to)?_(d.from):"".concat(_(d.from)," - ").concat(_(d.to)):""}),[d.from,d.to]);return g.default.createElement(K,{className:[p,v&&"focused"].filter(Boolean).join(" "),ref:y},g.default.createElement("label",{htmlFor:s},g.default.createElement(t.PureInput,{size:i,value:j,name:s,actionIcon:g.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9168 1.99984H13.5835C14.3168 1.99984 14.9168 2.59984 14.9168 3.33317V13.9998C14.9168 14.7332 14.3168 15.3332 13.5835 15.3332H2.91683C2.1835 15.3332 1.5835 14.7332 1.5835 13.9998V3.33317C1.5835 2.59984 2.1835 1.99984 2.91683 1.99984H3.5835V1.33317C3.5835 0.966504 3.8835 0.666504 4.25016 0.666504C4.61683 0.666504 4.91683 0.966504 4.91683 1.33317V1.99984H11.5835V1.33317C11.5835 0.966504 11.8835 0.666504 12.2502 0.666504C12.6168 0.666504 12.9168 0.966504 12.9168 1.33317V1.99984ZM3.5835 13.9998H12.9168C13.2835 13.9998 13.5835 13.6998 13.5835 13.3332V5.33317H2.91683V13.3332C2.91683 13.6998 3.21683 13.9998 3.5835 13.9998Z' fill='%23595959'/%3e%3c/svg%3e"}),autoFocus:!1,onFocus:function(){return b(!0)}})),v?g.default.createElement(X,{onMouseDown:function(e){e.stopPropagation()}},g.default.createElement(A,{value:d,onChange:k,minDate:u,maxDate:c,close:w,autoClose:h})):null)};

package/build/components/displayWrapper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react");var e=require("../index-cbfaf5d2.js");require("../useScreenSize-1a87cd03.js"),require("../utils-1cac3068.js"),require("../tslib.es6-f7929e76.js"),require("styled-components"),exports.DisplayWrapper=e.DisplayWrapper;

package/build/components/divider.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("../tslib.es6-f7929e76.js"),t=require("styled-components");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o,d=n(e),i=n(t).default.hr(o||(o=r.__makeTemplateObject(["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"],["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"])),(function(e){return e.theme.colors.neutral200}),(function(e){return e.dividerType}));exports.Divider=function(e){var r=e.type,t=void 0===r?"solid":r,n=e.className,o=e.style;return d.default.createElement(i,{style:o,className:n,"data-diver-type":t,dividerType:t})};

package/build/components/doctorInfo.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../tslib.es6-f7929e76.js"),n=require("react"),t=require("./text.js"),r=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../theme-696d81a9.js"),require("../utils-1cac3068.js");var a,p=i(n),u=i(r).default.figure(a||(a=e.__makeTemplateObject(["\n  display: flex;\n\n  > img,\n  svg,\n  picture {\n    width: 40px;\n    height: 40px;\n    margin-right: 1rem;\n    border-radius: 6px;\n    object-fit: cover;\n  }\n\n  > figcaption {\n    p + p {\n      margin-top: 2px;\n    }\n  }\n"],["\n  display: flex;\n\n  > img,\n  svg,\n  picture {\n    width: 40px;\n    height: 40px;\n    margin-right: 1rem;\n    border-radius: 6px;\n    object-fit: cover;\n  }\n\n  > figcaption {\n    p + p {\n      margin-top: 2px;\n    }\n  }\n"])));exports.DoctorInfo=function(e){var n=e.name,r=e.description,i=e.image,a=e.isDescriptionHidden;return p.default.createElement(u,null,i,!a&&p.default.createElement("figcaption",null,p.default.createElement(t.Text,{size:"p4",type:"bold"},n),p.default.createElement(t.Text,{size:"p4"},r)))};

package/build/components/drawer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("../utils-1cac3068.js"),t=require("react-dom"),i=require("./backdrop.js"),a=require("./text.js"),o=require("../tslib.es6-f7929e76.js"),s=require("../theme-696d81a9.js"),r=require("styled-components"),l=require("../animation-b53aef6e.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var u,p,m,c,f,x,h,b,w,g,C,O,_,j,v=d(n),k=d(r),T=k.default.div(C||(C=o.__makeTemplateObject(["\n  position: fixed;\n  inset: 0;\n  z-index: ",";\n  pointer-events: ",";\n"],["\n  position: fixed;\n  inset: 0;\n  z-index: ",";\n  pointer-events: ",";\n"])),s.theme.zIndexes.drawer,(function(n){return n.open?"auto":"none"})),y=k.default.div(_||(_=o.__makeTemplateObject(["\n  position: fixed;\n  z-index: 300;\n  background: #ffffff;\n  visibility: ",";\n  max-height: calc(100vh - 100px);\n  display: flex;\n  flex-direction: column;\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    ","\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  ","\n"],["\n  position: fixed;\n  z-index: 300;\n  background: #ffffff;\n  visibility: ",";\n  max-height: calc(100vh - 100px);\n  display: flex;\n  flex-direction: column;\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    ","\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  ","\n"])),(function(n){return n.open?"visible":"hidden"}),(function(n){return n.hasTitle?r.css(O||(O=o.__makeTemplateObject(["\n            border-bottom: 1px solid ",";\n          "],["\n            border-bottom: 1px solid ",";\n          "])),s.theme.colors.neutral100):null}),(function(n){return function(n,e){switch(n){case"top":return r.css(p||(p=o.__makeTemplateObject(["\n        top: 0;\n        width: 100%;\n        border-radius: 0px 0px 6px 6px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        top: 0;\n        width: 100%;\n        border-radius: 0px 0px 6px 6px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?r.css(u||(u=o.__makeTemplateObject(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),l.slideInDown,"600ms"):null,l.slideOutUp,"600ms");case"right":return r.css(c||(c=o.__makeTemplateObject(["\n        right: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 6px 0px 0px 6px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        right: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 6px 0px 0px 6px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?r.css(m||(m=o.__makeTemplateObject(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),l.slideInRight,"600ms"):null,l.slideOutRight,"600ms");case"bottom":return r.css(x||(x=o.__makeTemplateObject(["\n        bottom: 0;\n        width: 100%;\n        border-radius: 6px 6px 0px 0px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        bottom: 0;\n        width: 100%;\n        border-radius: 6px 6px 0px 0px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?r.css(f||(f=o.__makeTemplateObject(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),l.slideInUp,"600ms"):null,l.slideOutDown,"600ms");case"left":return r.css(b||(b=o.__makeTemplateObject(["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?r.css(h||(h=o.__makeTemplateObject(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),l.slideInLeft,"600ms"):null,l.slideOutLeft,"600ms");default:return r.css(g||(g=o.__makeTemplateObject(["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?r.css(w||(w=o.__makeTemplateObject(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),l.slideInUp,"600ms"):null,l.slideOutDown,"600ms")}}(n.placement,n.open)})),E=k.default.div(j||(j=o.__makeTemplateObject(["\n  min-height: 200px;\n  padding: 16px;\n  overflow-y: auto;\n"],["\n  min-height: 200px;\n  padding: 16px;\n  overflow-y: auto;\n"])));exports.Drawer=function(o){var s=o.children,r=o.title,l=o.onClose,d=o.open,u=void 0!==d&&d,p=o.placement,m=void 0===p?"left":p,c=o.destroyOnClose,f=void 0!==c&&c,x=o.className,h=n.useRef();n.useEffect((function(){return e.toggleNoScroll(u),function(){return e.toggleNoScroll(!1)}}),[u]);var b=function(){h.current.classList.add("slideOut"),setTimeout((function(){l()}),800)};return!u&&f?null:t.createPortal(v.default.createElement(v.default.Fragment,null,v.default.createElement(T,{className:x,open:u},v.default.createElement(i.Backdrop,{open:u,onClickOutside:b}),v.default.createElement(y,{open:u,placement:m,ref:h,hasTitle:Boolean(r)},v.default.createElement("div",{className:"title"},r&&v.default.createElement(a.Text,{size:"s2",type:"semiBold"},r),v.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:b},v.default.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),v.default.createElement(E,{onClick:function(n){return n.stopPropagation()}},s&&(v.default.isValidElement(s)?s:"function"==typeof s?s({internalClose:b}):null))))),e.getPopupWrapperDom())};

package/build/components/dropdown.js

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

package/build/components/dropdownSearch.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../tslib.es6-f7929e76.js"),e=require("react"),t=require("styled-components"),a=require("./pureInput.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("./label.js"),require("../utils-1cac3068.js");var i=o(e),r=o(t);r.default.img(d||(d=n.__makeTemplateObject(["\n  width: 24px;\n  height: 24px;\n"],["\n  width: 24px;\n  height: 24px;\n"])));var d,l,p,s,u,x,c,g=r.default.div(l||(l=n.__makeTemplateObject(["\n  position: relative;\n  border: 1px solid ",";\n  background-position: right 16px center;\n  border-radius: 6px;\n  background-color: ",";\n\n  &[data-has-icons='true'] {\n    border: none;\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      z-index: 0;\n      padding: 8px 0px;\n    }\n\n    &[data-is-open='false'] {\n      > div::after {\n        top: 50%;\n        right: 0;\n        width: 52px;\n        height: 36px;\n        background-image: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99968 11.7259L6.81551 8.54171C6.47051 8.19671 5.91051 8.19671 5.56551 8.54171C5.22051 8.88671 5.22051 9.44671 5.56551 9.79171L9.41051 13.6367C9.73635 13.9625 10.2638 13.9625 10.5888 13.6367L14.4338 9.79171C14.7788 9.44671 14.7788 8.88671 14.4338 8.54171C14.0888 8.19671 13.5288 8.19671 13.1838 8.54171L9.99968 11.7259Z' fill='%23595959'/%3E%3C/svg%3E%0A\");\n        background-position: center;\n        background-repeat: no-repeat;\n        content: '';\n        transform: translateY(-50%);\n      }\n    }\n    &[data-is-open='true'] {\n      > div::after {\n        top: 50%;\n        right: 0;\n        width: 52px;\n        height: 36px;\n        background-image: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66675 10.0001C1.66675 5.39175 5.39175 1.66675 10.0001 1.66675C14.6084 1.66675 18.3334 5.39175 18.3334 10.0001C18.3334 14.6084 14.6084 18.3334 10.0001 18.3334C5.39175 18.3334 1.66675 14.6084 1.66675 10.0001ZM12.4084 13.5834C12.7334 13.9084 13.2584 13.9084 13.5834 13.5834C13.9001 13.2584 13.9001 12.7251 13.5834 12.4084L11.1751 10.0001L13.5834 7.59175C13.9084 7.26675 13.9084 6.74175 13.5834 6.41675C13.2584 6.09175 12.7334 6.09175 12.4084 6.41675L10.0001 8.82508L7.59175 6.41675C7.26675 6.09175 6.74175 6.09175 6.41675 6.41675C6.2607 6.57244 6.17301 6.78382 6.17301 7.00425C6.17301 7.22468 6.2607 7.43606 6.41675 7.59175L8.82508 10.0001L6.41675 12.4084C6.2607 12.5641 6.17301 12.7755 6.17301 12.9959C6.17301 13.2163 6.2607 13.4277 6.41675 13.5834C6.74175 13.9084 7.26675 13.9084 7.59175 13.5834L10.0001 11.1751L12.4084 13.5834Z' fill='%238C8C8C'/%3E%3C/svg%3E%0A\");\n        background-position: center;\n        background-repeat: no-repeat;\n        content: '';\n        transform: translateY(-50%);\n      }\n    }\n\n    &:disabled {\n      > div::after {\n        display: none;\n      }\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  position: relative;\n  border: 1px solid ",";\n  background-position: right 16px center;\n  border-radius: 6px;\n  background-color: ",";\n\n  &[data-has-icons='true'] {\n    border: none;\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      z-index: 0;\n      padding: 8px 0px;\n    }\n\n    &[data-is-open='false'] {\n      > div::after {\n        top: 50%;\n        right: 0;\n        width: 52px;\n        height: 36px;\n        background-image: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99968 11.7259L6.81551 8.54171C6.47051 8.19671 5.91051 8.19671 5.56551 8.54171C5.22051 8.88671 5.22051 9.44671 5.56551 9.79171L9.41051 13.6367C9.73635 13.9625 10.2638 13.9625 10.5888 13.6367L14.4338 9.79171C14.7788 9.44671 14.7788 8.88671 14.4338 8.54171C14.0888 8.19671 13.5288 8.19671 13.1838 8.54171L9.99968 11.7259Z' fill='%23595959'/%3E%3C/svg%3E%0A\");\n        background-position: center;\n        background-repeat: no-repeat;\n        content: '';\n        transform: translateY(-50%);\n      }\n    }\n    &[data-is-open='true'] {\n      > div::after {\n        top: 50%;\n        right: 0;\n        width: 52px;\n        height: 36px;\n        background-image: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66675 10.0001C1.66675 5.39175 5.39175 1.66675 10.0001 1.66675C14.6084 1.66675 18.3334 5.39175 18.3334 10.0001C18.3334 14.6084 14.6084 18.3334 10.0001 18.3334C5.39175 18.3334 1.66675 14.6084 1.66675 10.0001ZM12.4084 13.5834C12.7334 13.9084 13.2584 13.9084 13.5834 13.5834C13.9001 13.2584 13.9001 12.7251 13.5834 12.4084L11.1751 10.0001L13.5834 7.59175C13.9084 7.26675 13.9084 6.74175 13.5834 6.41675C13.2584 6.09175 12.7334 6.09175 12.4084 6.41675L10.0001 8.82508L7.59175 6.41675C7.26675 6.09175 6.74175 6.09175 6.41675 6.41675C6.2607 6.57244 6.17301 6.78382 6.17301 7.00425C6.17301 7.22468 6.2607 7.43606 6.41675 7.59175L8.82508 10.0001L6.41675 12.4084C6.2607 12.5641 6.17301 12.7755 6.17301 12.9959C6.17301 13.2163 6.2607 13.4277 6.41675 13.5834C6.74175 13.9084 7.26675 13.9084 7.59175 13.5834L10.0001 11.1751L12.4084 13.5834Z' fill='%238C8C8C'/%3E%3C/svg%3E%0A\");\n        background-position: center;\n        background-repeat: no-repeat;\n        content: '';\n        transform: translateY(-50%);\n      }\n    }\n\n    &:disabled {\n      > div::after {\n        display: none;\n      }\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.white}),(function(n){return n.theme.colors.blue200})),h=r.default.div(p||(p=n.__makeTemplateObject(["\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  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"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),b=r.default.ul(s||(s=n.__makeTemplateObject(["\n  position: absolute;\n  z-index: 100;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  max-height: 500px;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n  overflow-y: auto;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"],["\n  position: absolute;\n  z-index: 100;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  max-height: 500px;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n  overflow-y: auto;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),v=r.default.li(u||(u=n.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 6px 18px 6px 16px;\n  &:hover,\n  :active {\n    background: ",";\n  }\n  .dropdown-label {\n    line-height: 20px;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 6px 18px 6px 16px;\n  &:hover,\n  :active {\n    background: ",";\n  }\n  .dropdown-label {\n    line-height: 20px;\n  }\n"])),(function(n){return n.theme.colors.gray100})),f=r.default.div(x||(x=n.__makeTemplateObject(["\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n"],["\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n"]))),m=r.default(a.PureInput)(c||(c=n.__makeTemplateObject(["\n  input {\n    padding: 12px 36px 12px 48px;\n  }\n\n  &[data-has-display-icon] input {\n    padding: 12px 36px 12px 48px;\n  }\n  .displayIcon {\n    img {\n      width: 24px;\n      max-width: unset;\n      height: 24px;\n    }\n  }\n"],["\n  input {\n    padding: 12px 36px 12px 48px;\n  }\n\n  &[data-has-display-icon] input {\n    padding: 12px 36px 12px 48px;\n  }\n  .displayIcon {\n    img {\n      width: 24px;\n      max-width: unset;\n      height: 24px;\n    }\n  }\n"])));exports.DropdownSearch=function(t){var a=t.className,o=t.style,r=t.id,d=t.placeholder,l=t.placeholderIcon,p=t.onChange,s=t.value,u=t.options,x=t.dropdownLabelTrackingAttributes,c=t.disabled,w=t.onSearchChange,C=t.useSearchFilter,k=void 0===C||C,y=e.useState(""),L=y[0],_=y[1],E=i.default.useState(!1),j=E[0],T=E[1],M=e.useRef(null);var O=e.useMemo((function(){return L&&k?(n=u,e="".concat(L).toLowerCase(),n.filter((function(n){return"".concat(n.value).toLowerCase().includes(e)||"".concat(n.label).toLowerCase().includes(e)}))):s?u.filter((function(n){return n.value!==s.value})):u;var n,e}),[L,u,s]);return i.default.createElement(g,{className:a,"data-dropdown-open":j||void 0,id:r,"data-has-icons":!0,"data-is-open":j,ref:M,onBlur:function(n){(!n.relatedTarget||"id"in n.relatedTarget&&n.relatedTarget.id!==r)&&T(!1)},style:o,tabIndex:0},i.default.createElement(h,n.__assign({onClick:function(n){var e,t;"true"===(null===(t=null===(e=n.target)||void 0===e?void 0:e.getAttribute)||void 0===t?void 0:t.call(e,"data-is-open"))&&(_(""),p(null,""),null==w||w("")),!c&&T(!0)},"data-is-open":j},x),i.default.createElement(m,n.__assign({name:"dropdown-input",autoFocus:!1,displayIcon:l,size:"md",onChange:function(n){p(null,n),_(n),null==w||w(L)},placeholder:d,value:s&&s.value?"".concat(s.label):L,isDisabled:c},x))),j&&O.length>0&&i.default.createElement(b,{onClick:function(n){var e,t;"true"===(null===(t=null===(e=n.target)||void 0===e?void 0:e.getAttribute)||void 0===t?void 0:t.call(e,"data-is-open"))&&(_(""),p(null,"")),!c&&T(!j)},className:"dropdown-option","data-has-icons":!0},O.map((function(n){return i.default.createElement(v,{key:"".concat(r,"-").concat(n.value),"data-selected":s&&s.value===n.value||void 0,onClick:function(){!c&&(null==p||p(n,n.value))}},n.icon&&i.default.createElement(f,null,n.icon),i.default.createElement("div",{className:"dropdown-label"},n.label))}))))};

package/build/components/fileDropdown.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("../tslib.es6-f7929e76.js"),t=require("styled-components");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,o,l,i,d,p=r(n),s=r(t),u=s.default.div(a||(a=e.__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})),c=s.default.div(o||(o=e.__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})),x=s.default.ul(l||(l=e.__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),\n    -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),\n    -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})),g=s.default.li(i||(i=e.__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})),h=s.default.div(d||(d=e.__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"])));exports.FileDropdown=function(e){var t=e.className,r=e.value,a=e.options,o=e.onUploadSelected,l=e.id,i=e.placeholderIcon,d=e.placeholder,s=e.style,f=n.useState(!1),m=f[0],b=f[1],v=function(){return b(!m)},w=n.useRef(a.map((function(n){return"upload"===n.type&&p.default.createElement("input",{id:"uploader-dropdown-input-"+l+"-"+n.value,key:"uploader-dropdown-input-"+l+"-"+n.value,accept:n.fileAcceptedType,multiple:n.multiple,type:"file",style:{display:"none"},onChange:function(n){console.log("change"),o(n.target.files)}})}))),k=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)"}))),y=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)"})),_=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":!!m,id:l,"data-has-icons":!0,style:s,onBlur:function(){return b(!1)},tabIndex:0},p.default.createElement(c,{onClick:v},i||k," ",p.default.createElement("span",null,r&&r.value?r.label:d)),m&&p.default.createElement(x,{onClick:v,"data-has-icons":!0},a.map((function(n){return p.default.createElement(g,{key:"".concat(l,"-").concat(n.value),"data-selected":r&&r.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-"+l+"-"+n.value):void((e=n.url)&&window.open(e,"_blank"));var e}},p.default.createElement(h,null,n.icon||"download"===n.type?y:_),n.label)}))),p.default.createElement(p.default.Fragment,null,w.current))};

package/build/components/flag.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../tslib.es6-f7929e76.js"),l=require("styled-components");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n,i=a(e),d=function(e){return i.default.createElement("img",t.__assign({src:"data:image/png;base64,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",style:t.__assign({borderRadius:"50%"},e.style)},e))},f=function(e){return i.default.createElement("img",t.__assign({src:"data:image/png;base64,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"},e))},r=function(e){return i.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),i.default.createElement("g",null,i.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},i.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.default.createElement("path",{d:"M13.4785 8.50019L11.7345 7.43417L11.5925 7.34717L11.5 7.49867V8.50019H13.4785Z",fill:"white"}),i.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"}),i.default.createElement("path",{d:"M7.01758 8.50026H8.50011V7.59424L7.01758 8.50026Z",fill:"white"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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 i.default.createElement("svg",t.__assign({viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i.default.createElement("g",null,i.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"1",y:"5",width:"24",height:"16"},i.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"})),i.default.createElement("path",{d:"M1.08301 5.41675H24.9163V20.5834H1.08301V5.41675Z",fill:"#3F51B5"}),i.default.createElement("path",{d:"M1.08301 7.70041L12.3551 14.5899L14.05 11.8165L3.57901 5.41675H1.08301V7.70041Z",fill:"white"}),i.default.createElement("path",{d:"M24.9165 5.41675H22.9616L12.4912 11.816L14.1855 14.5899L24.9165 8.03083V5.41675Z",fill:"white"}),i.default.createElement("path",{d:"M14.1855 10.9802L12.4912 13.7536L23.6658 20.5834H24.9165V17.5387L14.1855 10.9802Z",fill:"white"}),i.default.createElement("path",{d:"M1.08301 17.8702V20.5834H2.87592L14.05 13.7541L12.3556 10.9802L1.08301 17.8702Z",fill:"white"}),i.default.createElement("path",{d:"M1.08301 10.8333H24.9163V15.1666H1.08301V10.8333Z",fill:"white"}),i.default.createElement("path",{d:"M10.833 5.41675H15.1663V20.5834H10.833V5.41675Z",fill:"white"}),i.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"}),i.default.createElement("path",{d:"M11.917 5.41675H14.0837V20.5834H11.917V5.41675Z",fill:"#E53935"})))},c=function(e){return i.default.createElement("img",t.__assign({src:"data:image/png;base64,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",style:t.__assign({borderRadius:"50%"},e.style)},e))},u=function(e){return i.default.createElement("img",t.__assign({src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABACAYAAADlNHIOAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAURSURBVHgB7Zy/jxtFFMff7Dmxr8E2xSEhkWwKqILOVoIUiaA4RDQgFOcvuLsOKjtlKtsV6WJXQULCTkEEBeTcUHHkIoKEFCT7CNWlsA8aLkKyHSR0DjkP832bWUyoENzNrPQ+kr27M7uR8r7zfsxb6xQ9g/6oUCK9UCatLxKpkIT/jqK++e7T/pGGev+74d+nnqLbpRw9flQzQ1USDhDVpKNPGmqtP+YrfEXG/23TnC6TcPDAI47sn4cIAQ/wyhfjHxqaCvQ4BZuT0tfPhBT8MSDh8Jmp84Exfp0ENyzMygEpJaHHFVpdDEy5WSDBFWFAglNEAMeIAI4RARwjAjhGBHCMCOAYEcAxIoBjRADHpOjFUyS4Q2kDCc6QEOSYFCWM8XhK6+vbtLMzoeHwEY+F4XN07twxKpWOUdJITAgaDie0tvYlbW7+FI8VCkuEF6yYG4/3KJfLULn8MtVqrxtRspQEEiFAq/U9VasbZoW/xEa+du0CH+fp93ep0bgbewXugRjeoz2nXr9rFshVXSp9okejPR4bDMZ8fvv2Dl/3ervx/UYIHYbX+Rk86zteC2CN32zeY4Pj0+v9wnM4QgCM3bq1zWNWEIxVKl/xs3bMV7ytghDXjQAcdiqV0+Z6bMJO2oSah5yI79z5mSaTKcf+KCFP+DnMYaxeP2tyxAt06dIXPOYr3gpw+fLXnGRrtbN8HYY5unHjvonrr3BOgJFhdAgCYRD/YfBudztOwM3mm4Qk3WrdI1/xMgnDsCdOfEirqyep3X7HlJ0PeByCwPjArmoIgXEYHWJAMIgAMZaXl6hY7LD3jEZ+/uLSSwE6nfvGAzbYaDA0VjhEaTS+5Zp/Ptyg9sc1PjA6/jvV6mvxM7inWGxTr7fK877hZQja2nrIRxvPcd3tPuCVbstMgPNmM/KIaE+g2RMQqiDifKlq/03f8HInjFAyv6vNZtMcTpBssbJBp/MjiwMQoqL7dRyO8MG8Pbde4xteeoBdudbYNt5ns5nYqHbO3hd9MiYEqX9s0qQK+pfkcke55RDF/wyvXqx+fCxY8ZiDGNZbonC1y0kYXgTm2xQ+4qUAzyZLtBTQbIMhcYQ4SMaokqrV0yyUTcJgZeXVuA0xmURhCiHMR7ysgmDQfL4Zl6FYzUpFucDW+3YfABCaisUlFgb324YdPANlKO4dDN4jH/E0BKWflpdRxYPEevx4lishGNgCb4AYMD7EwB4AFRCeteUpjL+ycpK8RXsKejhRE+4mX9sekO3/tNs/aPNegBtz6BXhiHswZ5t1hcLH3JjDta9424rACkZfH+EEtT5aESCfz7CH5PNpDklIrvAOJGOlFM/hHDtmhC60pb1+N6A9p1b7hj2hXP48Xsn2aNvQONpWNY62HY1nfScRL2TQFY3aEFnOB1jV0X4g8gq7IcMbM1t+tttvJ+KFTKJeSaICwg4YIPRErYlJ3LLAWKVyKu4FJYHE/SzFtqCx4bJlKDzDVkRJMbxFfhfkGPldkGPUuzffEg9wiHr+aloEcIiEIMeIAI4RARwjAjhGBHCMCOAYEcAxIoBjRADHiACOgQBDEtygdD8gTV0S3KCpHwSk1klwwkwHjYXfN54MFy+k8qToDAmHhtLUGl2ZfspJeDad1uEOJBwOmrb2p4t1nC7ga2+T9tJv7H+mFlKL4gkHC1b+bLq4Oq6P//rj3fPkPsiEAc3qZmrZzMrfFP1/GKLYQb799YpZ7nP8CZLS5lD+sCLsAAAAAElFTkSuQmCC"},e))},A=function(l){var a=l.isTesting,n=t.__rest(l,["isTesting"]),d=e.useRef("id-flag-round-mask-"+(a?1:Math.random()));return i.default.createElement("svg",t.__assign({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),i.default.createElement("mask",{id:d.current,style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},i.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),i.default.createElement("g",{mask:"url(#".concat(d.current,")")},i.default.createElement("rect",{width:"20",height:"10",fill:"#CE1126"}),i.default.createElement("rect",{y:"10",width:"20",height:"10",fill:"white"})))},E=function(l){var a=l.isTesting,n=t.__rest(l,["isTesting"]),d=e.useRef("id-flag-clip-"+(a?1:Math.random()));return i.default.createElement("svg",t.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),i.default.createElement("g",{clipPath:"url(#".concat(d.current,")")},i.default.createElement("rect",{y:"0.0166016",width:"24",height:"8",fill:"#CE1126"}),i.default.createElement("rect",{y:"8.0166",width:"24",height:"8",fill:"white"})),i.default.createElement("defs",null,i.default.createElement("clipPath",{id:d.current},i.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}))))},s=function(e){return i.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),i.default.createElement("g",null,i.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},i.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),i.default.createElement("rect",{y:"1",width:"20",height:"20",fill:"#CC0001"}),i.default.createElement("rect",{y:"16.106",width:"20",height:"1.02041",fill:"white"}),i.default.createElement("rect",{y:"16",width:"20",height:"1.02041",fill:"white"}),i.default.createElement("rect",{y:"18",width:"20",height:"1.02041",fill:"white"}),i.default.createElement("rect",{y:"14.0652",width:"20",height:"1.02041",fill:"white"}),i.default.createElement("rect",{y:"12.0242",width:"20",height:"1.02041",fill:"white"}),i.default.createElement("rect",{y:"9.9834",width:"20",height:"1.02041",fill:"white"}),i.default.createElement("rect",{y:"7.94263",width:"20",height:"1.02041",fill:"white"}),i.default.createElement("rect",{y:"5.90186",width:"20",height:"1.02041",fill:"white"}),i.default.createElement("rect",{y:"3.86084",width:"20",height:"1.02041",fill:"white"}),i.default.createElement("rect",{y:"2",width:"20",height:"1.02041",fill:"white"}),i.default.createElement("rect",{width:"20",height:"1.02041",fill:"white"}),i.default.createElement("rect",{y:"-1",width:"10",height:"12",fill:"#010066"}),i.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"}),i.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"})))},m=function(e){return i.default.createElement("svg",t.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#CC0001"}),i.default.createElement("rect",{y:"12.2712",width:"24",height:"0.777454",fill:"white"}),i.default.createElement("rect",{y:"12.1904",width:"24",height:"0.777454",fill:"white"}),i.default.createElement("rect",{y:"13.7144",width:"24",height:"0.777454",fill:"white"}),i.default.createElement("rect",{y:"10.7161",width:"24",height:"0.777454",fill:"white"}),i.default.createElement("rect",{y:"9.16138",width:"24",height:"0.777454",fill:"white"}),i.default.createElement("rect",{y:"7.60645",width:"24",height:"0.777454",fill:"white"}),i.default.createElement("rect",{y:"6.05127",width:"24",height:"0.777454",fill:"white"}),i.default.createElement("rect",{y:"4.49658",width:"24",height:"0.777454",fill:"white"}),i.default.createElement("rect",{y:"2.94141",width:"24",height:"0.777454",fill:"white"}),i.default.createElement("rect",{y:"1.52393",width:"24",height:"0.777454",fill:"white"}),i.default.createElement("rect",{width:"24",height:"0.777454",fill:"white"}),i.default.createElement("path",{d:"M0 2C0 0.895431 0.895431 0 2 0H12V8.38095H0V2Z",fill:"#010066"}),i.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"}),i.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"}))},g=function(e){return i.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),i.default.createElement("g",null,i.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},i.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),i.default.createElement("rect",{x:"-4",y:"-1",width:"28",height:"11",fill:"#FECB00"}),i.default.createElement("rect",{x:"-4",y:"10",width:"28",height:"10",fill:"#EA2839"}),i.default.createElement("rect",{x:"-4",y:"6.7041",width:"28",height:"6.47773",fill:"#34B233"}),i.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.56543 10.3272L10.1796 5.15527L11.7938 10.3272H8.56543Z",fill:"white"}),i.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5292 11.2775L7.18336 14.5129L8.91745 9.37991L11.5292 11.2775Z",fill:"white"}),i.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.75181 11.8648L5.33182 8.73143L10.7494 8.79447L9.75181 11.8648Z",fill:"white"}),i.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.6105 8.78962L15.0281 8.72658L10.6081 11.86L9.6105 8.78962Z",fill:"white"}),i.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.4424 9.37686L13.1765 14.5098L8.83064 11.2744L11.4424 9.37686Z",fill:"white"})))},L=function(e){return i.default.createElement("svg",t.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#FECB00"}),i.default.createElement("rect",{y:"8.3811",width:"24",height:"7.61905",rx:"2",fill:"#EA2839"}),i.default.createElement("rect",{y:"5.86987",width:"24",height:"4.93542",fill:"#34B233"}),i.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.7705 8.63046L12.1541 4.68994L13.5377 8.63046H10.7705Z",fill:"white"}),i.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3108 9.35502L9.58574 11.8201L11.0721 7.90925L13.3108 9.35502Z",fill:"white"}),i.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7874 9.80216L7.99884 7.41482L12.6425 7.46285L11.7874 9.80216Z",fill:"white"}),i.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.6667 7.4589L16.3104 7.41087L12.5218 9.79821L11.6667 7.4589Z",fill:"white"}),i.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2361 7.90629L14.7225 11.8171L10.9974 9.35207L13.2361 7.90629Z",fill:"white"}))},w=function(e){return i.default.createElement("img",t.__assign({src:"data:image/png;base64,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",style:t.__assign({borderRadius:"50%"},e.style)},e))},p=function(e){return i.default.createElement("img",t.__assign({src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABACAYAAADlNHIOAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUySURBVHgB7ZxPaBxVHMe/b2LW1koSoSIKabc3oUoj+P9i4kVKBduTigcroj0oFsFDBaEJeKkemkUFqZWmJ5McpD1IxUuCNFEEyUoTGlckq22J2mI2ccPGLDuvv9/bnWWS7GY2u/MmuzPvA5uZ2Xl5LL/v7/d77/fbYQXW8+RXvRDiMCReoKs4DI0jkCR7JgE5gB9fTrtvWc6JlLKLXqdPvv7wGA0+DmN8/5Doob9HSYk5PDFyGr3nupxbQt0n49NhnF4H+Do9v4yBL2cw9M0cDBrgiLgz14fx1zJOBJxEyfhM/P5dOPfB4+rF5waf4YjI3cU2hyDvj9NxU1fvPztDETENg9/IPhZgiM5e9RrKaendwSQufH8dBp8QSLAAU3TaU+v/8LrA6wMLYmiYNAsgsUUy2TwGzk5jcCQFQ2PUJYADR8GRExNIphZgqI+GBHAwaal+fBGAMbVDffgmgAML0ffWmImGGvFdAIfB4RQSoykjhAfaBGBMWvJGqwAOyVSGdkuXTTRUQJ8A+WtAezdgL1HPtUO9xS2NxOivyPyXh6GINgHs6+9AtO+BuOdFINZdft+kpbVoEUAuXQLaOoHVa8r4YtfTG8aY2qGItgiQt85AdByEpG8cRHt31XFR77QGsgh7EeW01BQCOEQxLTWVAAx3WrmIi0paajoBHKLSad0+AZw6wYOwpyUL2wEVZ4XUs8CKd5o5emgfxj7rU8cwEkwEFBapNvgW2LkfguoD+e8w5MKIKtLE7mOQyxMQOx8q1g0VagaHMHZaA4sA+ffHRcPTS107N1auKMMXfj8Ce/HSpnPwIzJzXz8fqsdlgomAlRnI3DRkdgKSzpFbm3rE3eT1OygCSBbrgQ9rmjIstUMwEbBjv2pHcPpZb3xG5mZUClLG5+ZdDeztSKpImDr/XEtHg/4IIIOW087CsDJ2xQ9y7xuqecc9JNF5sNxB3QDtnmyaT8T2rBnXqp1W7QLYv9Fup0Be3dYByUdeaCt9EFqgFXSfF2Zx33tV51R9JhpvZ3+AtftNNTdz9bufMXrsI7QSgawBvONROyFaZOXyZMUxZUPGSi3satA8/EgZR5Pg/ykxf+oT/HXqU7QadyAAlEFpq8kLMSrtIHltoDVALcZexRmP5TlLxs9duYo/3n5fHVuRYBZhSisyO6nyNxtZxNYaWaUftUua3NK07PWzzxxuWeMzgRVihdlHi4UXezAtnlwXcDGgCjAuzvhLHKsTVnzIc7pW93o3gfWCJLUdhNVZPldRwSmJjG9ximIR7EUIVQ9Up1VzfTW2rRnHCzN7vbV3qKbxYfJ6N03bjnYTNq93E8guqF7C6vVumlaAMHu9m6YTIApe76apBIiK17vRV4hx64H3+tzd9OhwsrdzQRU14zN6BKCKV976ggqvl2DfPFO9s4lwVLONoCcFcT+Hu5/8VWOscm8narm+GvrqgNJzoU4r2k0Uc301Ai3EjNdvJLBdkPH6ymgXwHj95mgVwHi9N1oEMF5fO74LYLx+a/gmgPH6+vBFAOP19dOQAMbrG6cuAQqLS/jn8/PG631gywJkL/9EXn8Cq3/egKFxWIA0aviNUPb6efL4m+T5Bt9Icjv6otco9npuGRvj+4uQIsnNuF46H6s0wHi9Xv6X1j5LCDFO54n1N43X60UKmXgqM5t2/3QxR0GP8fpA+EXI1d5HMumMcN5hEfI35vtTh145bnY4+mDPt+x8Pxufr8X6AVNdD8alZffDxgG6W/MPuho2JU2Gv2jbbRcey8yOu2/cBrGSER7V9LJCAAAAAElFTkSuQmCC"},e))},C=function(e){return i.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),i.default.createElement("g",null,i.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},i.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),i.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#D8D8D8"}),i.default.createElement("g",null,i.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},i.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),i.default.createElement("rect",{width:"30",height:"20",fill:"#ED1E24"}),i.default.createElement("rect",{width:"15",height:"10",fill:"#2B2F84"}),i.default.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}))))},v=function(e){return i.default.createElement("svg",t.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i.default.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#ED1E24"}),i.default.createElement("path",{d:"M0 2C0 0.89543 0.895431 0 2 0H15V10H0V2Z",fill:"#2B2F84"}),i.default.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}))},o=function(e){return i.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),i.default.createElement("g",null,i.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},i.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),i.default.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#ED1C24"}),i.default.createElement("rect",{x:"-4",y:"3.31665",width:"28",height:"13.3333",fill:"white"}),i.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M-4 6.65015H24V13.3168H-4V6.65015Z",fill:"#241D4F"})))},M=function(e){return i.default.createElement("svg",t.__assign({viewBox:"0 0 24 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i.default.createElement("rect",{y:"0.983398",width:"24",height:"16",rx:"2",fill:"#ED1C24"}),i.default.createElement("rect",{y:"3.65039",width:"24",height:"10.6667",fill:"white"}),i.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 6.31689H24V11.6502H0V6.31689Z",fill:"#241D4F"}))},H=function(e){return i.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),i.default.createElement("g",null,i.default.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},i.default.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),i.default.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#DA251D"}),i.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"})))},y=function(e){return i.default.createElement("svg",t.__assign({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i.default.createElement("g",null,i.default.createElement("clipPath",null,i.default.createElement("rect",{width:"24",height:"16",fill:"white"})),i.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"}),i.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"})))},B=a(l).default.div(n||(n=t.__makeTemplateObject(["\n  --width: ",";\n  --height: ",";\n\n  width: calc(var(--width) * 1px);\n  height: calc(var(--height) * 1px);\n  img,\n  svg {\n    width: calc(var(--width) * 1px);\n    height: calc(var(--height) * 1px);\n  }\n\n  img {\n    object-fit: contain;\n  }\n"],["\n  --width: ",";\n  --height: ",";\n\n  width: calc(var(--width) * 1px);\n  height: calc(var(--height) * 1px);\n  img,\n  svg {\n    width: calc(var(--width) * 1px);\n    height: calc(var(--height) * 1px);\n  }\n\n  img {\n    object-fit: contain;\n  }\n"])),(function(e){return e.theme.width||20}),(function(e){return e.theme.height||20}));exports.Flag=function(e){var t,l,a=e.country,n=e.language,x=e.rounded,R=e.height,Z=e.width,U=e.isTesting;switch(n){case"en":t=i.default.createElement(h,null),l=i.default.createElement(r,null);break;case"vi":t=i.default.createElement(y,null),l=i.default.createElement(H,null);break;case"id":t=i.default.createElement(E,{isTesting:U}),l=i.default.createElement(A,{isTesting:U});break;case"th":t=i.default.createElement(M,null),l=i.default.createElement(o,null);break;case"km":t=i.default.createElement(f,null),l=i.default.createElement(d,null);break;case"ms":t=i.default.createElement(m,null),l=i.default.createElement(s,null);break;case"my":t=i.default.createElement(L,null),l=i.default.createElement(g,null);break;case"tl":t=i.default.createElement(p,null),l=i.default.createElement(w,null);break;case"hi":t=i.default.createElement(u,null),l=i.default.createElement(c,null);break;case"zh":t=i.default.createElement(v,null),l=i.default.createElement(C,null)}if(!t&&!l)switch(a){case"VN":t=i.default.createElement(y,null),l=i.default.createElement(H,null);break;case"ID":t=i.default.createElement(E,{isTesting:U}),l=i.default.createElement(A,{isTesting:U});break;case"TH":t=i.default.createElement(M,null),l=i.default.createElement(o,null);break;case"KH":t=i.default.createElement(f,null),l=i.default.createElement(d,null);break;case"MY":t=i.default.createElement(m,null),l=i.default.createElement(s,null);break;case"MM":t=i.default.createElement(L,null),l=i.default.createElement(g,null);break;case"PH":t=i.default.createElement(p,null),l=i.default.createElement(w,null);break;case"IN":t=i.default.createElement(u,null),l=i.default.createElement(c,null);break;case"TW":t=i.default.createElement(v,null),l=i.default.createElement(C,null)}return i.default.createElement(B,{theme:{width:Z,height:R}},x?l:t)};

package/build/components/floatButtonGroup.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../tslib.es6-f7929e76.js"),t=require("react"),a=require("styled-components");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,i,r,l,s,m,d,p,f=e(t),c=e(a),u=c.default.div(o||(o=n.__makeTemplateObject([""],[""]))),h=c.default.div(i||(i=n.__makeTemplateObject(["\n  width: 100vw;\n  height: 100vh;\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  background-color: ",";\n  opacity: 0.83;\n  transition: display ","ms linear;\n\n  [data-floatmenu-open='true'] & {\n    animation: showBackgroundPanel ","ms linear 0s normal\n      forwards;\n  }\n\n  [data-floatmenu-open='false'] & {\n    animation: hideBackgroundPanel ","ms linear 0s normal\n      forwards;\n  }\n\n  @keyframes showBackgroundPanel {\n    0% {\n      opacity: 0;\n      width: 100vw;\n      height: 100vh;\n    }\n    100% {\n      opacity: 0.83;\n    }\n  }\n\n  @keyframes hideBackgroundPanel {\n    0% {\n      width: 100vw;\n      height: 100vh;\n    }\n    99% {\n      width: 100vw;\n      height: 100vh;\n    }\n    100% {\n      opacity: 0;\n      width: 0;\n      height: 0;\n    }\n  }\n"],["\n  width: 100vw;\n  height: 100vh;\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  background-color: ",";\n  opacity: 0.83;\n  transition: display ","ms linear;\n\n  [data-floatmenu-open='true'] & {\n    animation: showBackgroundPanel ","ms linear 0s normal\n      forwards;\n  }\n\n  [data-floatmenu-open='false'] & {\n    animation: hideBackgroundPanel ","ms linear 0s normal\n      forwards;\n  }\n\n  @keyframes showBackgroundPanel {\n    0% {\n      opacity: 0;\n      width: 100vw;\n      height: 100vh;\n    }\n    100% {\n      opacity: 0.83;\n    }\n  }\n\n  @keyframes hideBackgroundPanel {\n    0% {\n      width: 100vw;\n      height: 100vh;\n    }\n    99% {\n      width: 100vw;\n      height: 100vh;\n    }\n    100% {\n      opacity: 0;\n      width: 0;\n      height: 0;\n    }\n  }\n"])),(function(n){var t,a;return n.theme.colors.white||(null===(a=null===(t=n.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}),200,200,200),g=c.default.div(r||(r=n.__makeTemplateObject(["\n  position: fixed;\n  right: 16px;\n  bottom: 40px;\n"],["\n  position: fixed;\n  right: 16px;\n  bottom: 40px;\n"]))),y=c.default.div(l||(l=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  transition: all ","ms ease-in-out;\n  position: fixed;\n  bottom: 112px;\n  right: 16px;\n\n  // scale\n  [data-animation-type='scale'] & {\n    transform-origin: 100% 100%;\n  }\n\n  [data-animation-type='scale'][data-floatmenu-open='true'] & {\n    transform: scale(1);\n  }\n\n  [data-animation-type='scale'][data-floatmenu-open='false'] & {\n    transform: scale(0);\n    bottom: 46px;\n    right: 36px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  transition: all ","ms ease-in-out;\n  position: fixed;\n  bottom: 112px;\n  right: 16px;\n\n  // scale\n  [data-animation-type='scale'] & {\n    transform-origin: 100% 100%;\n  }\n\n  [data-animation-type='scale'][data-floatmenu-open='true'] & {\n    transform: scale(1);\n  }\n\n  [data-animation-type='scale'][data-floatmenu-open='false'] & {\n    transform: scale(0);\n    bottom: 46px;\n    right: 36px;\n  }\n"])),200),x=c.default.div(s||(s=n.__makeTemplateObject(["\n  border-radius: 50%;\n  width: 56px;\n  height: 56px;\n  position: relative;\n  cursor: pointer;\n  margin-left: auto;\n  transition: all 0.1s linear;\n  -webkit-tap-highlight-color: transparent;\n  [data-site-type='hb'] & {\n    background-color: ",";\n    &:hover {\n      background-color: ",";\n    }\n  }\n  [data-site-type='mb'] & {\n    background-color: #2d87f3;\n    &:hover {\n      background-color: #2c74df;\n    }\n  }\n\n  &:before {\n    content: '';\n    width: 2px;\n    height: 20px;\n    background-color: ",";\n    border-radius: 2px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  &:after {\n    content: '';\n    width: 20px;\n    height: 2px;\n    background-color: ",";\n    border-radius: 2px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  [data-floatmenu-open='true'] &:before,\n  [data-floatmenu-open='true'] &:after {\n    animation: toX ","ms linear 0s normal forwards;\n  }\n\n  [data-floatmenu-open='false'] &:before,\n  [data-floatmenu-open='false'] &:after {\n    animation: toPlus ","ms linear 0s normal forwards;\n  }\n\n  @keyframes toX {\n    0% {\n      transform: translate(-50%, -50%) rotateZ(0deg);\n    }\n    49% {\n      transform: translate(-50%, -50%) rotateZ(0deg);\n    }\n    50% {\n      width: 2px;\n      height: 2px;\n      transform: translate(-50%, -50%) rotateZ(45deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotateZ(45deg);\n    }\n  }\n\n  @keyframes toPlus {\n    0% {\n      transform: translate(-50%, -50%) rotateZ(45deg);\n    }\n    49% {\n      transform: translate(-50%, -50%) rotateZ(45deg);\n    }\n    50% {\n      width: 2px;\n      height: 2px;\n      transform: translate(-50%, -50%) rotateZ(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotateZ(0deg);\n    }\n  }\n"],["\n  border-radius: 50%;\n  width: 56px;\n  height: 56px;\n  position: relative;\n  cursor: pointer;\n  margin-left: auto;\n  transition: all 0.1s linear;\n  -webkit-tap-highlight-color: transparent;\n  [data-site-type='hb'] & {\n    background-color: ",";\n    &:hover {\n      background-color: ",";\n    }\n  }\n  [data-site-type='mb'] & {\n    background-color: #2d87f3;\n    &:hover {\n      background-color: #2c74df;\n    }\n  }\n\n  &:before {\n    content: '';\n    width: 2px;\n    height: 20px;\n    background-color: ",";\n    border-radius: 2px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  &:after {\n    content: '';\n    width: 20px;\n    height: 2px;\n    background-color: ",";\n    border-radius: 2px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  [data-floatmenu-open='true'] &:before,\n  [data-floatmenu-open='true'] &:after {\n    animation: toX ","ms linear 0s normal forwards;\n  }\n\n  [data-floatmenu-open='false'] &:before,\n  [data-floatmenu-open='false'] &:after {\n    animation: toPlus ","ms linear 0s normal forwards;\n  }\n\n  @keyframes toX {\n    0% {\n      transform: translate(-50%, -50%) rotateZ(0deg);\n    }\n    49% {\n      transform: translate(-50%, -50%) rotateZ(0deg);\n    }\n    50% {\n      width: 2px;\n      height: 2px;\n      transform: translate(-50%, -50%) rotateZ(45deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotateZ(45deg);\n    }\n  }\n\n  @keyframes toPlus {\n    0% {\n      transform: translate(-50%, -50%) rotateZ(45deg);\n    }\n    49% {\n      transform: translate(-50%, -50%) rotateZ(45deg);\n    }\n    50% {\n      width: 2px;\n      height: 2px;\n      transform: translate(-50%, -50%) rotateZ(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotateZ(0deg);\n    }\n  }\n"])),(function(n){return n.theme.colors.primaryBase||n.theme.colors.primary}),(function(n){var t,a;return n.theme.colors.primaryHover||(null===(a=null===(t=n.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.blue_700)}),(function(n){var t,a;return n.theme.colors.white||(null===(a=null===(t=n.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}),(function(n){var t,a;return n.theme.colors.white||(null===(a=null===(t=n.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}),200,200),b=c.default.div(m||(m=n.__makeTemplateObject(["\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: flex-end;\n\n  width: fit-content;\n  margin-left: auto;\n\n  [data-floatmenu-open='true'] {\n    cursor: pointer;\n  }\n  [data-floatmenu-open='false'] {\n    pointer-events: none;\n  }\n\n  [data-animation-type='zoom'] &,\n  [data-animation-type='slide'] & {\n    position: absolute;\n    right: 0;\n    width: max-content;\n  }\n  // slide\n  [data-animation-type='slide'] & {\n    transition: all ","ms ease-in;\n  }\n\n  [data-animation-type='slide'][data-floatmenu-open='true'] & {\n    animation: showItem ","ms;\n  }\n  [data-animation-type='slide'][data-floatmenu-open='false'] & {\n    bottom: -64px !important;\n    animation: hideItemOnZoom ","ms normal forwards;\n  }\n\n  // zoom\n  [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n    animation: hideItemOnZoom ","ms normal forwards;\n  }\n\n  @keyframes showItem {\n    0% {\n      opacity: 0;\n    }\n\n    100% {\n      opacity: 1;\n    }\n  }\n\n  @keyframes hideItemOnZoom {\n    0% {\n      transform: translateX(0);\n      opacity: 1;\n    }\n\n    99% {\n      transform: translateX(0);\n      opacity: 0.5;\n    }\n\n    100% {\n      transform: translateX(calc(100% + 16px));\n      opacity: 0;\n    }\n  }\n"],["\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: flex-end;\n\n  width: fit-content;\n  margin-left: auto;\n\n  [data-floatmenu-open='true'] {\n    cursor: pointer;\n  }\n  [data-floatmenu-open='false'] {\n    pointer-events: none;\n  }\n\n  [data-animation-type='zoom'] &,\n  [data-animation-type='slide'] & {\n    position: absolute;\n    right: 0;\n    width: max-content;\n  }\n  // slide\n  [data-animation-type='slide'] & {\n    transition: all ","ms ease-in;\n  }\n\n  [data-animation-type='slide'][data-floatmenu-open='true'] & {\n    animation: showItem ","ms;\n  }\n  [data-animation-type='slide'][data-floatmenu-open='false'] & {\n    bottom: -64px !important;\n    animation: hideItemOnZoom ","ms normal forwards;\n  }\n\n  // zoom\n  [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n    animation: hideItemOnZoom ","ms normal forwards;\n  }\n\n  @keyframes showItem {\n    0% {\n      opacity: 0;\n    }\n\n    100% {\n      opacity: 1;\n    }\n  }\n\n  @keyframes hideItemOnZoom {\n    0% {\n      transform: translateX(0);\n      opacity: 1;\n    }\n\n    99% {\n      transform: translateX(0);\n      opacity: 0.5;\n    }\n\n    100% {\n      transform: translateX(calc(100% + 16px));\n      opacity: 0;\n    }\n  }\n"])),200,200,250,250),w=c.default.div(d||(d=n.__makeTemplateObject(["\n  font-size: 14px;\n\n  // zoom\n  [data-animation-type='zoom'] & {\n    transition: transform ","ms ease-in-out;\n    transform-origin: 100% 0;\n  }\n\n  [data-animation-type='zoom'][data-floatmenu-open='true'] & {\n    transform: scale(1);\n  }\n\n  [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n    transform: scale(0);\n  }\n\n  // slide\n  [data-animation-type='slide'] & {\n    transition: opacity ","ms;\n  }\n  [data-animation-type='slide'][data-floatmenu-open='true'] & {\n    opacity: 1;\n  }\n  [data-animation-type='slide'][data-floatmenu-open='false'] & {\n    opacity: 0;\n  }\n"],["\n  font-size: 14px;\n\n  // zoom\n  [data-animation-type='zoom'] & {\n    transition: transform ","ms ease-in-out;\n    transform-origin: 100% 0;\n  }\n\n  [data-animation-type='zoom'][data-floatmenu-open='true'] & {\n    transform: scale(1);\n  }\n\n  [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n    transform: scale(0);\n  }\n\n  // slide\n  [data-animation-type='slide'] & {\n    transition: opacity ","ms;\n  }\n  [data-animation-type='slide'][data-floatmenu-open='true'] & {\n    opacity: 1;\n  }\n  [data-animation-type='slide'][data-floatmenu-open='false'] & {\n    opacity: 0;\n  }\n"])),200,200),v=c.default.div(p||(p=n.__makeTemplateObject(["\n  border-radius: 50%;\n  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: ",";\n\n  // zoom\n  [data-animation-type='zoom'] & {\n    transition: transform ","ms ease-in-out;\n  }\n\n  [data-animation-type='zoom'][data-floatmenu-open='true'] & {\n    transform: scale(1);\n  }\n\n  [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n    transform: scale(0);\n  }\n\n  > img {\n    width: 24px;\n    height: 24px;\n    object-fit: contain;\n  }\n"],["\n  border-radius: 50%;\n  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: ",";\n\n  // zoom\n  [data-animation-type='zoom'] & {\n    transition: transform ","ms ease-in-out;\n  }\n\n  [data-animation-type='zoom'][data-floatmenu-open='true'] & {\n    transform: scale(1);\n  }\n\n  [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n    transform: scale(0);\n  }\n\n  > img {\n    width: 24px;\n    height: 24px;\n    object-fit: contain;\n  }\n"])),(function(n){var t,a;return n.theme.colors.white||(null===(a=null===(t=n.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}),200);exports.FloatButtonGroup=function(a){var e=a.items,o=a.className,i=a.style,r=a.backgroundPanelStyle,l=a.isOpen,s=a.onOpen,m=a.onClose,d=a.disableBackdropClick,p=a.siteType,c=void 0===p?"hb":p,k=a.animationType,_=void 0===k?"zoom":k,z=a.zIndex,Z=void 0===z?300:z,O=t.useState(!!l),j=O[0],P=O[1];t.useEffect((function(){P(!!l)}),[l]);var I=function(){P(!1),m&&m()};return f.default.createElement(u,{style:i,className:o,"data-floatmenu-open":j,"data-site-type":c,"data-animation-type":_},f.default.createElement(h,{className:"float-button-group__panel",style:n.__assign({zIndex:Z},r),onClick:d?void 0:I}),f.default.createElement(g,{className:"float-button-group___content",style:{zIndex:Z}},f.default.createElement(y,null,e.map((function(t,a){return f.default.createElement(b,{className:"float-item-button-".concat(a),style:n.__assign(n.__assign({},"zoom"===_&&{bottom:64*(e.length-1-a),transitionDelay:"".concat(200/e.length*(j?e.length-1-a:a),"ms")}),"slide"===_&&{bottom:64*(e.length-1-a),transitionDelay:"".concat(200/e.length*(j?a:e.length-1-a),"ms")}),key:a,onClick:function(){t.onClick(),t.keepMenuOnClick||P(!1)}},f.default.createElement(w,{style:n.__assign({},"zoom"===_&&{transitionDelay:"".concat(200/e.length*(j?e.length-1-a:a),"ms")})},t.label),f.default.createElement(v,{className:"float-item-button__icon-wrapper",style:n.__assign({},("zoom"===_||"slide"===_)&&{transitionDelay:"".concat(200/e.length*(j?e.length-1-a:a),"ms")})},t.icon))}))),f.default.createElement(x,{onClick:j?I:function(){P(!0),s&&s()}})))};