@hhgtech/hhg-components 1.18.46 → 1.18.48

package/build/components/molecules/radioGroup/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../src/components/molecules/radioGroup/index.styled.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledRadioGroup = styled.div`\n  display: flex;\n\n  &[data-direction='vertical'] {\n    flex-direction: column;\n\n    div {\n      &[data-type='circle'] {\n        margin-bottom: 20px;\n      }\n\n      &[data-type='rectangle'] {\n        margin-bottom: 20px;\n      }\n    }\n  }\n\n  &[data-direction='horizontal'] {\n    flex-wrap: wrap;\n\n    &[data-group='group1'] {\n      div {\n        &[data-type='rectangle'] {\n          flex-wrap: wrap;\n\n          &:first-child {\n            label {\n              border-top-left-radius: 6px;\n              border-bottom-left-radius: 6px;\n            }\n          }\n\n          &:last-child {\n            label {\n              border-top-right-radius: 6px;\n              border-bottom-right-radius: 6px;\n            }\n          }\n\n          &:not(:last-child) {\n            label {\n              border-right: unset;\n            }\n          }\n\n          label {\n            border-radius: unset;\n          }\n        }\n      }\n    }\n\n    &[data-group='group2'] {\n      div {\n        &[data-type='rectangle'] {\n          flex-wrap: wrap;\n          margin-right: 8px;\n          margin-bottom: 8px;\n        }\n      }\n    }\n\n    div {\n      &[data-type='circle'] {\n        margin-right: 25px;\n      }\n\n      &[data-type='rectangle'] {\n        margin-bottom: 20px;\n      }\n    }\n  }\n`\n"],"names":["StyledRadioGroup","div","templateObject_1","__makeTemplateObject"],"mappings":"4MAEaA,kCAAyB,QAACC,IAAGC,IAAAA,EAAAC,uBAAA,CAAA,o0CAAA,CAAA"}

package/build/components/molecules/scrollList/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("lodash"),l=require("smoothscroll-polyfill"),a=require("./index.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e);"undefined"!=typeof window&&r(l).default.polyfill();var o=function(e){var t=e.status;return"inActive"===t?n.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===t?n.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.default.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),n.default.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===t?n.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.default.createElement("path",{d:"M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z",fill:"#00B16A"}),n.default.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):n.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"}))};exports.ScrollList=function(l){var r=l.row,i=void 0===r?2:r,d=l.column,c=void 0===d?3:d,u=l.isDotsShown,s=void 0===u||u,f=l.isImageGalleryShown,m=void 0!==f&&f,h=l.mode,v=void 0===h?"infinity":h,p=l.type,E=void 0===p?"separated":p,w=l.distanceOverlappedLeft,g=void 0===w?{amount:0,unit:"pixel"}:w,C=l.children,x=l.className,y=l.isProgressShown,L=void 0!==y&&y,k=l.statusChildren,_=l.isArrowShown,B=void 0!==_&&_,M=l.classNameLeftArrow,S=l.classNameRightArrow,D=l.dataEventCategory,N=l.dataEventAction,b=l.dataEventLabel,F=l.onChangePage,A=l.page,Z=l.customPageWidth,W=l.scheme,V=void 0===W?"hellosites":W,T=l.arrowType,j=void 0===T?"Discover":T,O="number"==typeof A,G=e.useState(O?A:0),H=G[0],I=G[1],R=[];n.default.Children.map(C,(function(e,t){t%(i*c)==0&&R.push([]),R[R.length-1].push(n.default.cloneElement(e))}));var X=e.useRef(),q=e.useRef(0),P=function(e){if(X.current){var t=X.current.clientWidth,l=Z||t,a="intertwined"===E?"percentage"===g.unit?e*l+g.amount/100*l*e:e*l+g.amount*l*e:e*l;X.current.scrollTo({top:0,left:a,behavior:"smooth"}),q.current=e,I(e),F&&F(e)}};e.useEffect((function(){"number"==typeof A&&function(e){if(X.current){var t=X.current.clientWidth,l=Z||t,a="intertwined"===E?"percentage"===g.unit?e*l+g.amount/100*l*e:e*l+g.amount*l*e:e*l;X.current.scrollTo({top:0,left:a,behavior:"smooth"}),q.current=e,I(e)}}(A)}),[A]);var U=function(e){if(X.current){var t,l=X.current.clientWidth,a=Z||l;t=0===H?0:H*a,"forward"===e&&(t===a*(R.length-1)?(I(R.length-1),t=a*(R.length-1),F&&F(R.length-1)):(I(H+1),t+=a,F&&F(H+1)),X.current.scrollTo({top:0,left:t,behavior:"smooth"})),"back"===e&&(0===t?(I(0),F&&F(0),t=0):(I(H-1),F&&F(H-1),t-=a),X.current.scrollTo({top:0,left:t,behavior:"smooth"}))}},Y=t.throttle((function(){if("infinity"===v){if(!X.current)return;var e=X.current,t=e.clientWidth,l=e.scrollLeft,a=Z||t,r=Math.floor(l/a);I(r),F&&F(r)}}),400);return e.useEffect((function(){if("snapped"===v){var e,t,l,a,r,n,o=!1,i=X.current,d=function(n,d){o=!0,l=!1,a=!1,e=n-i.offsetLeft,t=d-i.offsetTop,r=i.scrollLeft},c=function(e){d(e.pageX,e.pageY)},u=function(e){d(e.touches[0].pageX,e.touches[0].pageY)},s=function(){if(o=!1,l=!1,a=!1,X.current){var e=X.current.clientWidth,t=Z||e,r="ltr"===n?0!==q.current?q.current-1:q.current:"rtl"===n&&q.current<R.length-1?q.current+1:q.current,i="intertwined"===E?"percentage"===g.unit?r*t+g.amount/100*t*r:r*t+g.amount*t*r:r*t;X.current.scrollTo({top:0,left:i,behavior:"smooth"}),n="none",q.current!==r&&(q.current=r,I(r),F&&F(r))}},f=function(d,c){if(o){var u=d-i.offsetLeft,s=c-i.offsetTop,f=u-e,m=s-t;l||a||!(m>20||m<-20)||(l=!0),!l&&(f>20||f<-20)&&(a=!0,i.scrollLeft=r-f,f>0&&(n="ltr"),f<0&&(n="rtl"),0===f&&(n="none"))}},m=function(e){a&&e.preventDefault(),f(e.pageX,e.pageY)},h=function(e){a&&e.preventDefault(),f(e.touches[0].pageX,e.touches[0].pageY)};return null==i||i.addEventListener("mousedown",c),null==i||i.addEventListener("touchstart",u),window.addEventListener("mouseup",s),window.addEventListener("touchend",s),null==i||i.addEventListener("mousemove",m),null==i||i.addEventListener("touchmove",h),function(){null==i||i.removeEventListener("mousedown",c),null==i||i.removeEventListener("touchstart",u),window.removeEventListener("mouseup",s),window.removeEventListener("touchend",s),null==i||i.removeEventListener("mousemove",m),null==i||i.removeEventListener("touchmove",h)}}}),[]),n.default.createElement(a.StyledScrollList,{className:x,"data-row":i,onScroll:Y},B&&H>0&&n.default.createElement("div",{className:"".concat(M," arrow-left"),onClick:function(){return U("back")},"data-event-category":D,"data-event-action":N,"data-event-label":b},"Care"===j?n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},n.default.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},n.default.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3V3C31.8368 3 39.0002 10.1634 39.0002 19V19C39.0002 27.8366 31.8368 35 23.0002 35V35C14.1637 35 7.00024 27.8366 7.00024 19V19Z",fill:"white"}),n.default.createElement("path",{d:"M20.9293 19L24.7503 15.179C25.1643 14.765 25.1643 14.093 24.7503 13.679C24.3363 13.265 23.6643 13.265 23.2503 13.679L18.6363 18.293C18.2453 18.684 18.2453 19.317 18.6363 19.707L23.2503 24.321C23.6643 24.735 24.3363 24.735 24.7503 24.321C25.1643 23.907 25.1643 23.235 24.7503 22.821L20.9293 19Z",fill:"#595959"}),n.default.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),n.default.createElement("defs",null,n.default.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},n.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),n.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),n.default.createElement("feOffset",{dx:"-2",dy:"2"}),n.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),n.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),n.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),n.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),n.default.createElement("feOffset",{dx:"-1",dy:"1"}),n.default.createElement("feGaussianBlur",{stdDeviation:"1"}),n.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),n.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),n.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):n.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===V?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),n.default.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===V?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),n.default.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===V?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),n.default.createElement("div",{ref:X,className:"container",style:{overflowX:"snapped"===v||B?"hidden":"scroll"}},R.map((function(e,t){for(var l=0,a=0;a<t;a++)l+=R[a].length;return n.default.createElement("div",{key:t,className:"section",style:{marginLeft:"intertwined"===E&&0!==t?g.amount+""+("percentage"===g.unit?"%":"px"):"0px"}},1===i&&L&&n.default.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:"repeat(".concat(c,", calc(100% / ").concat(c,"))")}},e.map((function(a,r){var i=l+r,d=k.find((function(e){return e.index===i}));return n.default.createElement("div",{className:"items-progress",key:r},0===r&&0===t?n.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):n.default.createElement("div",{className:"line"}),n.default.createElement("div",{className:"icon-status"},n.default.createElement(o,{status:null==d?void 0:d.status})),t===R.length-1&&r===e.length-1?n.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):n.default.createElement("div",{className:"line"}))}))),n.default.createElement("div",{className:"grid-layout","data-index":t,style:{gridTemplateColumns:"repeat(".concat(c,", calc(100% / ").concat(c,"))"),gridTemplateRows:"repeat(".concat(i,", 1fr)")}},e.map((function(e,t){return n.default.createElement(n.default.Fragment,{key:t},n.default.createElement("div",{className:"item-grid",key:t},e))}))))}))),B&&H<R.length-1&&n.default.createElement("div",{className:"".concat(S," arrow-right"),onClick:function(){return U("forward")},"data-event-category":D,"data-event-action":N,"data-event-label":b}," ","Care"===j?n.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},n.default.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},n.default.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3C31.8368 3 39.0002 10.1634 39.0002 19C39.0002 27.8366 31.8368 35 23.0002 35C14.1637 35 7.00024 27.8366 7.00024 19Z",fill:"white"}),n.default.createElement("path",{d:"M24.0712 19L20.2502 15.179C19.8362 14.765 19.8362 14.093 20.2502 13.679C20.6642 13.265 21.3362 13.265 21.7502 13.679L26.3642 18.293C26.7552 18.684 26.7552 19.317 26.3642 19.707L21.7502 24.321C21.3362 24.735 20.6642 24.735 20.2502 24.321C19.8362 23.907 19.8362 23.235 20.2502 22.821L24.0712 19Z",fill:"#595959"}),n.default.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),n.default.createElement("defs",null,n.default.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},n.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),n.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),n.default.createElement("feOffset",{dx:"-2",dy:"2"}),n.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),n.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),n.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),n.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),n.default.createElement("feOffset",{dx:"-1",dy:"1"}),n.default.createElement("feGaussianBlur",{stdDeviation:"1"}),n.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),n.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),n.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):n.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===V?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),n.default.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===V?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),n.default.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===V?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),s&&n.default.createElement("ul",{className:"bullet-nav"},R.map((function(e,t){return n.default.createElement("li",{key:t,className:"bullet-nav__item "},n.default.createElement("p",{onClick:function(){return P(t)},className:"bullet-nav__link scroll ".concat(H==t?"active":null),"data-scheme":V}))}))),m&&n.default.createElement("div",{className:"image-gallery-wrapper","data-test":R.length},R.slice(0,3).map((function(e,t){return n.default.createElement("div",{className:"image-block ".concat(H==t?"active":null),key:t,onClick:function(){return P(t)},"data-scheme":V},e)}))))};
+//# sourceMappingURL=index.js.map

package/build/components/molecules/scrollList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/scrollList/index.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\n\nimport { throttle } from 'lodash'\nimport smoothscroll from 'smoothscroll-polyfill'\n\nimport { StyledScrollList } from './index.styled'\n\nif (typeof window !== 'undefined') {\n  smoothscroll.polyfill()\n}\n\ntype Distance = {\n  amount: number\n  unit: 'percentage' | 'pixel'\n}\n\ntype StatusChildren = {\n  index: number\n  status: 'inActive' | 'active' | 'done'\n}\n\ntype Status = {\n  status?: 'inActive' | 'active' | 'done'\n}\n\nexport type Props = {\n  row: 1 | 2 | 3 | 4 | 5 | 6\n  column: 1 | 2 | 3 | 4 | 5 | 6\n  children: ReactNode\n  mode?: 'snapped' | 'infinity'\n  type?: 'separated' | 'intertwined'\n  arrowType?: 'Care' | 'Discover'\n  distanceOverlappedLeft?: Distance\n  isDotsShown?: boolean\n  isImageGalleryShown?: boolean\n  className?: string\n  isProgressShown?: boolean\n  statusChildren?: Array<StatusChildren>\n  isArrowShown?: boolean\n  classNameLeftArrow?: string\n  classNameRightArrow?: string\n  dataEventCategory?: string\n  dataEventAction?: string\n  dataEventLabel?: string\n  onChangePage?: (page: number) => void\n  page?: number\n  customPageWidth?: number\n  scheme?: 'hellosites' | 'marrybaby'\n}\n\nconst RenderIconStatus = ({ status }: Status) => {\n  if (status === 'inActive') {\n    return (\n      <svg\n        width=\"6\"\n        height=\"6\"\n        viewBox=\"0 0 6 6\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <circle cx=\"3\" cy=\"3\" r=\"3\" fill=\"#ADB3BC\" />\n      </svg>\n    )\n  } else if (status === 'active') {\n    return (\n      <svg\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 12 12\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <circle cx=\"6\" cy=\"6\" r=\"4\" fill=\"#2D87F3\" />\n        <circle cx=\"6\" cy=\"6\" r=\"5.5\" stroke=\"#2D87F3\" />\n      </svg>\n    )\n  } else if (status === 'done') {\n    return (\n      <svg\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 12 12\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z\"\n          fill=\"#00B16A\"\n        />\n        <path\n          d=\"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392\"\n          stroke=\"white\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    )\n  }\n\n  return (\n    <svg\n      width=\"6\"\n      height=\"6\"\n      viewBox=\"0 0 6 6\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle cx=\"3\" cy=\"3\" r=\"3\" fill=\"#ADB3BC\" />\n    </svg>\n  )\n}\n\nexport const ScrollList = ({\n  row = 2,\n  column = 3,\n  isDotsShown = true,\n  isImageGalleryShown = false,\n  mode = 'infinity',\n  type = 'separated',\n  distanceOverlappedLeft = {\n    amount: 0,\n    unit: 'pixel',\n  },\n  children,\n  className,\n  isProgressShown = false,\n  statusChildren,\n  isArrowShown = false,\n  classNameLeftArrow,\n  classNameRightArrow,\n  dataEventCategory,\n  dataEventAction,\n  dataEventLabel,\n  onChangePage,\n  page,\n  customPageWidth,\n  scheme = 'hellosites',\n  arrowType = 'Discover',\n}: Props) => {\n  const hasPageProps = typeof page === 'number'\n  const [section, setSection] = useState(hasPageProps ? page : 0)\n  //Create groups\n  const groups = []\n  const indexChildren = []\n  React.Children.map(children, (element: ReactElement, idx) => {\n    indexChildren.push(idx)\n    if (idx % (row * column) === 0) {\n      groups.push([])\n    }\n    groups[groups.length - 1].push(React.cloneElement(element))\n  })\n\n  const scrollRef = useRef<HTMLDivElement>()\n  const currentPage = useRef(0)\n\n  const scrollToPage = (index) => {\n    if (!scrollRef.current) return\n    const { clientWidth } = scrollRef.current\n    const pageWidth = customPageWidth || clientWidth\n    const distance =\n      type === 'intertwined'\n        ? distanceOverlappedLeft.unit === 'percentage'\n          ? index * pageWidth +\n            (distanceOverlappedLeft.amount / 100) * pageWidth * index\n          : index * pageWidth +\n            distanceOverlappedLeft.amount * pageWidth * index\n        : index * pageWidth\n\n    scrollRef.current.scrollTo({\n      top: 0,\n      left: distance,\n      behavior: 'smooth',\n    })\n    currentPage.current = index\n    setSection(index)\n  }\n\n  const handleClick = (index) => {\n    if (!scrollRef.current) return\n    const { clientWidth } = scrollRef.current\n    const pageWidth = customPageWidth || clientWidth\n\n    const distance =\n      type === 'intertwined'\n        ? distanceOverlappedLeft.unit === 'percentage'\n          ? index * pageWidth +\n            (distanceOverlappedLeft.amount / 100) * pageWidth * index\n          : index * pageWidth +\n            distanceOverlappedLeft.amount * pageWidth * index\n        : index * pageWidth\n\n    scrollRef.current.scrollTo({\n      top: 0,\n      left: distance,\n      behavior: 'smooth',\n    })\n    currentPage.current = index\n    setSection(index)\n    onChangePage && onChangePage(index)\n  }\n\n  useEffect(() => {\n    if (typeof page === 'number') scrollToPage(page)\n  }, [page])\n\n  const handleClickArrow = (type: string) => {\n    if (!scrollRef.current) return\n    const { clientWidth } = scrollRef.current\n    const pageWidth = customPageWidth || clientWidth\n\n    let distance\n    section === 0 ? (distance = 0) : (distance = section * pageWidth)\n\n    if (type === 'forward') {\n      if (distance === pageWidth * (groups.length - 1)) {\n        setSection(groups.length - 1)\n        distance = pageWidth * (groups.length - 1)\n\n        onChangePage && onChangePage(groups.length - 1)\n      } else {\n        setSection(section + 1)\n        distance += pageWidth\n\n        onChangePage && onChangePage(section + 1)\n      }\n\n      scrollRef.current.scrollTo({\n        top: 0,\n        left: distance,\n        behavior: 'smooth',\n      })\n    }\n\n    if (type === 'back') {\n      if (distance === 0) {\n        setSection(0)\n        onChangePage && onChangePage(0)\n\n        distance = 0\n      } else {\n        setSection(section - 1)\n        onChangePage && onChangePage(section - 1)\n        distance -= pageWidth\n      }\n\n      scrollRef.current.scrollTo({\n        top: 0,\n        left: distance,\n        behavior: 'smooth',\n      })\n    }\n  }\n\n  const handleScroll = () => {\n    if (mode === 'infinity') {\n      if (!scrollRef.current) return\n      const { clientWidth, scrollLeft } = scrollRef.current\n\n      const pageWidth = customPageWidth || clientWidth\n\n      const page = Math.floor(scrollLeft / pageWidth)\n      setSection(page)\n      onChangePage && onChangePage(page)\n    }\n  }\n\n  const handleScrollThrottle = throttle(handleScroll, 400)\n\n  useEffect(() => {\n    if (mode === 'snapped') {\n      let isDown = false\n      let startX: number\n      let startY: number\n\n      let isSlidingY: boolean\n      let isSlidingX: boolean\n\n      let scrollLeft: number\n      let direction: 'rtl' | 'ltr' | 'none'\n\n      const slider: HTMLDivElement = scrollRef.current\n\n      const start = (pageX: number, pageY) => {\n        isDown = true\n        isSlidingY = false\n        isSlidingX = false\n\n        startX = pageX - slider.offsetLeft\n        startY = pageY - slider.offsetTop\n        scrollLeft = slider.scrollLeft\n      }\n\n      const startMouse = (e: MouseEvent) => {\n        start(e.pageX, e.pageY)\n      }\n\n      const startTouch = (e: TouchEvent) => {\n        start(e.touches[0].pageX, e.touches[0].pageY)\n      }\n\n      const end = () => {\n        isDown = false\n        isSlidingY = false\n        isSlidingX = false\n\n        if (!scrollRef.current) return\n        const { clientWidth } = scrollRef.current\n        const pageWidth = customPageWidth || clientWidth\n\n        const page =\n          direction === 'ltr'\n            ? currentPage.current !== 0\n              ? currentPage.current - 1\n              : currentPage.current\n            : direction === 'rtl'\n            ? currentPage.current < groups.length - 1\n              ? currentPage.current + 1\n              : currentPage.current\n            : currentPage.current\n\n        const distance =\n          type === 'intertwined'\n            ? distanceOverlappedLeft.unit === 'percentage'\n              ? page * pageWidth +\n                (distanceOverlappedLeft.amount / 100) * pageWidth * page\n              : page * pageWidth +\n                distanceOverlappedLeft.amount * pageWidth * page\n            : page * pageWidth\n        scrollRef.current.scrollTo({\n          top: 0,\n          left: distance,\n          behavior: 'smooth',\n        })\n\n        direction = 'none'\n        if (currentPage.current !== page) {\n          currentPage.current = page\n          setSection(page)\n          onChangePage && onChangePage(page)\n        }\n      }\n\n      const move = (pageX: number, pageY: number) => {\n        if (!isDown) return\n\n        const x = pageX - slider.offsetLeft\n        const y = pageY - slider.offsetTop\n\n        const walkX = x - startX\n        const walkY = y - startY\n\n        if (!isSlidingY && !isSlidingX && (walkY > 20 || walkY < -20)) {\n          isSlidingY = true\n        }\n\n        if (!isSlidingY && (walkX > 20 || walkX < -20)) {\n          isSlidingX = true\n\n          slider.scrollLeft = scrollLeft - walkX\n\n          if (walkX > 0) {\n            direction = 'ltr'\n          }\n\n          if (walkX < 0) {\n            direction = 'rtl'\n          }\n\n          if (walkX === 0) {\n            direction = 'none'\n          }\n        }\n      }\n\n      const moveMouse = (e: MouseEvent) => {\n        if (isSlidingX) {\n          e.preventDefault()\n        }\n\n        move(e.pageX, e.pageY)\n      }\n\n      const moveTouch = (e: TouchEvent) => {\n        if (isSlidingX) {\n          e.preventDefault()\n        }\n\n        move(e.touches[0].pageX, e.touches[0].pageY)\n      }\n\n      slider?.addEventListener('mousedown', startMouse)\n      slider?.addEventListener('touchstart', startTouch)\n\n      window.addEventListener('mouseup', end)\n      window.addEventListener('touchend', end)\n\n      slider?.addEventListener('mousemove', moveMouse)\n      slider?.addEventListener('touchmove', moveTouch)\n\n      return () => {\n        slider?.removeEventListener('mousedown', startMouse)\n        slider?.removeEventListener('touchstart', startTouch)\n\n        window.removeEventListener('mouseup', end)\n        window.removeEventListener('touchend', end)\n\n        slider?.removeEventListener('mousemove', moveMouse)\n        slider?.removeEventListener('touchmove', moveTouch)\n      }\n    }\n  }, [])\n\n  return (\n    <StyledScrollList\n      className={className}\n      data-row={row}\n      onScroll={handleScrollThrottle}\n    >\n      {isArrowShown && section > 0 && (\n        <div\n          className={`${classNameLeftArrow} arrow-left`}\n          onClick={() => handleClickArrow('back')}\n          data-event-category={dataEventCategory}\n          data-event-action={dataEventAction}\n          data-event-label={dataEventLabel}\n        >\n          {arrowType === 'Care' ? (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"42\"\n              height=\"42\"\n              viewBox=\"0 0 42 42\"\n              fill=\"none\"\n            >\n              <g filter=\"url(#filter0_dd_12599_34420)\">\n                <path\n                  d=\"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3V3C31.8368 3 39.0002 10.1634 39.0002 19V19C39.0002 27.8366 31.8368 35 23.0002 35V35C14.1637 35 7.00024 27.8366 7.00024 19V19Z\"\n                  fill=\"white\"\n                />\n                <path\n                  d=\"M20.9293 19L24.7503 15.179C25.1643 14.765 25.1643 14.093 24.7503 13.679C24.3363 13.265 23.6643 13.265 23.2503 13.679L18.6363 18.293C18.2453 18.684 18.2453 19.317 18.6363 19.707L23.2503 24.321C23.6643 24.735 24.3363 24.735 24.7503 24.321C25.1643 23.907 25.1643 23.235 24.7503 22.821L20.9293 19Z\"\n                  fill=\"#595959\"\n                />\n                <path\n                  d=\"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z\"\n                  fill=\"#DBDFE5\"\n                />\n              </g>\n              <defs>\n                <filter\n                  id=\"filter0_dd_12599_34420\"\n                  x=\"0.000244141\"\n                  y=\"0\"\n                  width=\"42\"\n                  height=\"42\"\n                  filterUnits=\"userSpaceOnUse\"\n                  colorInterpolationFilters=\"sRGB\"\n                >\n                  <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n                  <feColorMatrix\n                    in=\"SourceAlpha\"\n                    type=\"matrix\"\n                    values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n                    result=\"hardAlpha\"\n                  />\n                  <feOffset dx=\"-2\" dy=\"2\" />\n                  <feGaussianBlur stdDeviation=\"2.5\" />\n                  <feColorMatrix\n                    type=\"matrix\"\n                    values=\"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0\"\n                  />\n                  <feBlend\n                    mode=\"normal\"\n                    in2=\"BackgroundImageFix\"\n                    result=\"effect1_dropShadow_12599_34420\"\n                  />\n                  <feColorMatrix\n                    in=\"SourceAlpha\"\n                    type=\"matrix\"\n                    values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n                    result=\"hardAlpha\"\n                  />\n                  <feOffset dx=\"-1\" dy=\"1\" />\n                  <feGaussianBlur stdDeviation=\"1\" />\n                  <feColorMatrix\n                    type=\"matrix\"\n                    values=\"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0\"\n                  />\n                  <feBlend\n                    mode=\"normal\"\n                    in2=\"effect1_dropShadow_12599_34420\"\n                    result=\"effect2_dropShadow_12599_34420\"\n                  />\n                  <feBlend\n                    mode=\"normal\"\n                    in=\"SourceGraphic\"\n                    in2=\"effect2_dropShadow_12599_34420\"\n                    result=\"shape\"\n                  />\n                </filter>\n              </defs>\n            </svg>\n          ) : (\n            <svg\n              width=\"32\"\n              height=\"32\"\n              viewBox=\"0 0 32 32\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z\"\n                stroke={scheme === 'hellosites' ? '#2D87F3' : '#e85388'}\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n              <path\n                d=\"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887\"\n                stroke={scheme === 'hellosites' ? '#2D87F3' : '#e85388'}\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n              <path\n                d=\"M20.8886 15.999L11.1108 15.999\"\n                stroke={scheme === 'hellosites' ? '#2D87F3' : '#e85388'}\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          )}\n        </div>\n      )}\n\n      <div\n        ref={scrollRef}\n        className=\"container\"\n        style={{\n          overflowX: mode === 'snapped' || isArrowShown ? 'hidden' : 'scroll',\n        }}\n      >\n        {groups.map((group, groupIndex) => {\n          let baseIndex = 0\n          for (let i = 0; i < groupIndex; i++) {\n            baseIndex += groups[i].length\n          }\n\n          return (\n            <div\n              key={groupIndex}\n              className=\"section\"\n              style={{\n                marginLeft:\n                  type === 'intertwined' && groupIndex !== 0\n                    ? distanceOverlappedLeft.amount +\n                      '' +\n                      (distanceOverlappedLeft.unit === 'percentage'\n                        ? '%'\n                        : 'px')\n                    : '0px',\n              }}\n            >\n              {row === 1 && isProgressShown && (\n                <div\n                  className=\"progress-bar\"\n                  style={{\n                    gridTemplateColumns: `repeat(${column}, calc(100% / ${column}))`,\n                  }}\n                >\n                  {group.map((item, itemIndex) => {\n                    const realIndex = baseIndex + itemIndex\n                    const foundStatusItem = statusChildren.find(\n                      (statusItem) => statusItem.index === realIndex,\n                    )\n\n                    return (\n                      <div className=\"items-progress\" key={itemIndex}>\n                        {itemIndex === 0 && groupIndex === 0 ? (\n                          <div\n                            className=\"line\"\n                            style={{ visibility: 'hidden' }}\n                          ></div>\n                        ) : (\n                          <div className=\"line\"></div>\n                        )}\n                        <div className=\"icon-status\">\n                          <RenderIconStatus status={foundStatusItem?.status} />\n                        </div>\n                        {groupIndex === groups.length - 1 &&\n                        itemIndex === group.length - 1 ? (\n                          <div\n                            className=\"line\"\n                            style={{ visibility: 'hidden' }}\n                          ></div>\n                        ) : (\n                          <div className=\"line\"></div>\n                        )}\n                      </div>\n                    )\n                  })}\n                </div>\n              )}\n\n              <div\n                className=\"grid-layout\"\n                data-index={groupIndex}\n                style={{\n                  gridTemplateColumns: `repeat(${column}, calc(100% / ${column}))`,\n                  gridTemplateRows: `repeat(${row}, 1fr)`,\n                }}\n              >\n                {group.map((item, itemIndex) => (\n                  <React.Fragment key={itemIndex}>\n                    <div className=\"item-grid\" key={itemIndex}>\n                      {item}\n                    </div>\n                  </React.Fragment>\n                ))}\n              </div>\n            </div>\n          )\n        })}\n      </div>\n\n      {isArrowShown && section < groups.length - 1 && (\n        <div\n          className={`${classNameRightArrow} arrow-right`}\n          onClick={() => handleClickArrow('forward')}\n          data-event-category={dataEventCategory}\n          data-event-action={dataEventAction}\n          data-event-label={dataEventLabel}\n        >\n          {' '}\n          {arrowType === 'Care' ? (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"42\"\n              height=\"42\"\n              viewBox=\"0 0 42 42\"\n              fill=\"none\"\n            >\n              <g filter=\"url(#filter0_dd_12597_34423)\">\n                <path\n                  d=\"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3C31.8368 3 39.0002 10.1634 39.0002 19C39.0002 27.8366 31.8368 35 23.0002 35C14.1637 35 7.00024 27.8366 7.00024 19Z\"\n                  fill=\"white\"\n                />\n                <path\n                  d=\"M24.0712 19L20.2502 15.179C19.8362 14.765 19.8362 14.093 20.2502 13.679C20.6642 13.265 21.3362 13.265 21.7502 13.679L26.3642 18.293C26.7552 18.684 26.7552 19.317 26.3642 19.707L21.7502 24.321C21.3362 24.735 20.6642 24.735 20.2502 24.321C19.8362 23.907 19.8362 23.235 20.2502 22.821L24.0712 19Z\"\n                  fill=\"#595959\"\n                />\n                <path\n                  d=\"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z\"\n                  fill=\"#DBDFE5\"\n                />\n              </g>\n              <defs>\n                <filter\n                  id=\"filter0_dd_12597_34423\"\n                  x=\"0.000244141\"\n                  y=\"0\"\n                  width=\"42\"\n                  height=\"42\"\n                  filterUnits=\"userSpaceOnUse\"\n                  colorInterpolationFilters=\"sRGB\"\n                >\n                  <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n                  <feColorMatrix\n                    in=\"SourceAlpha\"\n                    type=\"matrix\"\n                    values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n                    result=\"hardAlpha\"\n                  />\n                  <feOffset dx=\"-2\" dy=\"2\" />\n                  <feGaussianBlur stdDeviation=\"2.5\" />\n                  <feColorMatrix\n                    type=\"matrix\"\n                    values=\"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0\"\n                  />\n                  <feBlend\n                    mode=\"normal\"\n                    in2=\"BackgroundImageFix\"\n                    result=\"effect1_dropShadow_12597_34423\"\n                  />\n                  <feColorMatrix\n                    in=\"SourceAlpha\"\n                    type=\"matrix\"\n                    values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n                    result=\"hardAlpha\"\n                  />\n                  <feOffset dx=\"-1\" dy=\"1\" />\n                  <feGaussianBlur stdDeviation=\"1\" />\n                  <feColorMatrix\n                    type=\"matrix\"\n                    values=\"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0\"\n                  />\n                  <feBlend\n                    mode=\"normal\"\n                    in2=\"effect1_dropShadow_12597_34423\"\n                    result=\"effect2_dropShadow_12597_34423\"\n                  />\n                  <feBlend\n                    mode=\"normal\"\n                    in=\"SourceGraphic\"\n                    in2=\"effect2_dropShadow_12597_34423\"\n                    result=\"shape\"\n                  />\n                </filter>\n              </defs>\n            </svg>\n          ) : (\n            <svg\n              width=\"32\"\n              height=\"32\"\n              viewBox=\"0 0 32 32\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z\"\n                stroke={scheme === 'hellosites' ? '#2D87F3' : '#e85388'}\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n              <path\n                d=\"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113\"\n                stroke={scheme === 'hellosites' ? '#2D87F3' : '#e85388'}\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n              <path\n                d=\"M11.1109 16L20.8887 16\"\n                stroke={scheme === 'hellosites' ? '#2D87F3' : '#e85388'}\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          )}\n        </div>\n      )}\n\n      {isDotsShown && (\n        <ul className=\"bullet-nav\">\n          {groups.map((group, index) => (\n            <li key={index} className=\"bullet-nav__item \">\n              <p\n                onClick={() => handleClick(index)}\n                className={`bullet-nav__link scroll ${\n                  section == index ? 'active' : null\n                }`}\n                data-scheme={scheme}\n              ></p>\n            </li>\n          ))}\n        </ul>\n      )}\n      {isImageGalleryShown && (\n        <div className=\"image-gallery-wrapper\" data-test={groups.length}>\n          {groups.slice(0, 3).map((item, itemIndex) => (\n            <div\n              className={`image-block ${\n                section == itemIndex ? 'active' : null\n              }`}\n              key={itemIndex}\n              onClick={() => handleClick(itemIndex)}\n              data-scheme={scheme}\n            >\n              {item}\n            </div>\n          ))}\n        </div>\n      )}\n    </StyledScrollList>\n  )\n}\n"],"names":["window","polyfill","RenderIconStatus","_a","status","React","width","height","viewBox","fill","xmlns","createElement","cx","cy","r","stroke","d","strokeWidth","strokeLinecap","strokeLinejoin","_b","row","_c","column","_d","isDotsShown","_e","isImageGalleryShown","_f","mode","_g","type","_h","distanceOverlappedLeft","amount","unit","children","className","_j","isProgressShown","statusChildren","_k","isArrowShown","classNameLeftArrow","classNameRightArrow","dataEventCategory","dataEventAction","dataEventLabel","onChangePage","page","customPageWidth","_l","scheme","_m","arrowType","hasPageProps","_o","useState","section","setSection","groups","Children","map","element","idx","push","length","cloneElement","scrollRef","useRef","currentPage","handleClick","index","current","clientWidth","pageWidth","distance","scrollTo","top","left","behavior","useEffect","scrollToPage","handleClickArrow","handleScrollThrottle","throttle","scrollLeft","page_1","Math","floor","startX_1","startY_1","isSlidingY_1","isSlidingX_1","scrollLeft_1","direction_1","isDown_1","slider_1","start_1","pageX","pageY","offsetLeft","offsetTop","startMouse_1","e","startTouch_1","touches","end_1","move_1","x","y","walkX","walkY","moveMouse_1","preventDefault","moveTouch_1","addEventListener","removeEventListener","StyledScrollList","onScroll","concat","onClick","filter","id","filterUnits","colorInterpolationFilters","floodOpacity","result","in","values","dx","dy","stdDeviation","in2","ref","style","overflowX","group","groupIndex","baseIndex","i","key","marginLeft","gridTemplateColumns","item","itemIndex","realIndex","foundStatusItem","find","statusItem","visibility","gridTemplateRows","Fragment","slice"],"mappings":"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"}

package/build/components/molecules/scrollList/index.styled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,i=e(require("styled-components")).default.div(t||(t=n.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  > .container {\n    display: flex;\n    width: 100%;\n    -ms-overflow-style: none;\n    overflow-x: auto;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n\n    .section {\n      display: flex;\n      width: 100%;\n      flex-direction: column;\n      flex-shrink: 0;\n      margin: auto;\n\n      > .grid-layout {\n        display: grid;\n        width: 100%;\n        grid-row-gap: 8px;\n\n        > .item-grid {\n          width: 100%;\n\n          > * {\n            margin: 0 auto;\n          }\n        }\n      }\n\n      .progress-bar {\n        display: grid;\n        height: 15px;\n        margin-bottom: 10px;\n\n        .items-progress {\n          position: relative;\n          display: flex;\n          width: 100%;\n          align-items: center;\n          justify-content: center;\n\n          .icon-status {\n            position: absolute;\n            display: flex;\n          }\n\n          .line {\n            width: 50%;\n            height: 2px;\n            background-color: ",";\n          }\n        }\n      }\n    }\n  }\n\n  .bullet-nav {\n    position: absolute;\n    z-index: ",";\n    bottom: -30px;\n    left: 50%;\n    display: flex;\n    transform: translate(-50%, -50%);\n  }\n\n  .bullet-nav__link {\n    display: block;\n    width: 8px;\n    height: 8px;\n    padding: 0;\n    margin-right: 8px;\n    backface-visibility: hidden;\n    background-color: #e4e8ec;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.3s;\n  }\n\n  .bullet-nav__link.active[data-scheme='hellosites'] {\n    background-color: ",";\n  }\n\n  .bullet-nav__link.active[data-scheme='marrybaby'] {\n    background-color: ",";\n  }\n\n  .arrow-left {\n    position: absolute;\n    z-index: 10;\n    top: 50%;\n    left: -35px;\n    transform: translateY(-50%);\n    &[data-event-category] > * {\n      pointer-events: none;\n    }\n  }\n\n  .arrow-right {\n    position: absolute;\n    z-index: 10;\n    top: 50%;\n    right: -35px;\n    transform: translateY(-50%);\n    &[data-event-category] > * {\n      pointer-events: none;\n    }\n  }\n\n  .image-gallery-wrapper {\n    display: flex;\n    position: relative;\n    margin-top: 16px;\n    justify-content: center;\n    gap: 16px;\n    .image-block {\n      display: block;\n      width: 100%;\n      border: 2px solid transparent;\n      border-radius: 4px;\n    }\n    .image-block.active {\n      border-color: ",";\n    }\n    img {\n      height: 40px;\n      width: auto;\n      max-width: 100%;\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n  > .container {\n    display: flex;\n    width: 100%;\n    -ms-overflow-style: none;\n    overflow-x: auto;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n\n    .section {\n      display: flex;\n      width: 100%;\n      flex-direction: column;\n      flex-shrink: 0;\n      margin: auto;\n\n      > .grid-layout {\n        display: grid;\n        width: 100%;\n        grid-row-gap: 8px;\n\n        > .item-grid {\n          width: 100%;\n\n          > * {\n            margin: 0 auto;\n          }\n        }\n      }\n\n      .progress-bar {\n        display: grid;\n        height: 15px;\n        margin-bottom: 10px;\n\n        .items-progress {\n          position: relative;\n          display: flex;\n          width: 100%;\n          align-items: center;\n          justify-content: center;\n\n          .icon-status {\n            position: absolute;\n            display: flex;\n          }\n\n          .line {\n            width: 50%;\n            height: 2px;\n            background-color: ",";\n          }\n        }\n      }\n    }\n  }\n\n  .bullet-nav {\n    position: absolute;\n    z-index: ",";\n    bottom: -30px;\n    left: 50%;\n    display: flex;\n    transform: translate(-50%, -50%);\n  }\n\n  .bullet-nav__link {\n    display: block;\n    width: 8px;\n    height: 8px;\n    padding: 0;\n    margin-right: 8px;\n    backface-visibility: hidden;\n    background-color: #e4e8ec;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.3s;\n  }\n\n  .bullet-nav__link.active[data-scheme='hellosites'] {\n    background-color: ",";\n  }\n\n  .bullet-nav__link.active[data-scheme='marrybaby'] {\n    background-color: ",";\n  }\n\n  .arrow-left {\n    position: absolute;\n    z-index: 10;\n    top: 50%;\n    left: -35px;\n    transform: translateY(-50%);\n    &[data-event-category] > * {\n      pointer-events: none;\n    }\n  }\n\n  .arrow-right {\n    position: absolute;\n    z-index: 10;\n    top: 50%;\n    right: -35px;\n    transform: translateY(-50%);\n    &[data-event-category] > * {\n      pointer-events: none;\n    }\n  }\n\n  .image-gallery-wrapper {\n    display: flex;\n    position: relative;\n    margin-top: 16px;\n    justify-content: center;\n    gap: 16px;\n    .image-block {\n      display: block;\n      width: 100%;\n      border: 2px solid transparent;\n      border-radius: 4px;\n    }\n    .image-block.active {\n      border-color: ",";\n    }\n    img {\n      height: 40px;\n      width: auto;\n      max-width: 100%;\n    }\n  }\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.zIndexes.belowHeader}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.colors.primaryBase}));exports.StyledScrollList=i;
+//# sourceMappingURL=index.styled.js.map

package/build/components/molecules/scrollList/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../src/components/molecules/scrollList/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledScrollList = styled.div`\n  position: relative;\n  width: 100%;\n  > .container {\n    display: flex;\n    width: 100%;\n    -ms-overflow-style: none;\n    overflow-x: auto;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n\n    .section {\n      display: flex;\n      width: 100%;\n      flex-direction: column;\n      flex-shrink: 0;\n      margin: auto;\n\n      > .grid-layout {\n        display: grid;\n        width: 100%;\n        grid-row-gap: 8px;\n\n        > .item-grid {\n          width: 100%;\n\n          > * {\n            margin: 0 auto;\n          }\n        }\n      }\n\n      .progress-bar {\n        display: grid;\n        height: 15px;\n        margin-bottom: 10px;\n\n        .items-progress {\n          position: relative;\n          display: flex;\n          width: 100%;\n          align-items: center;\n          justify-content: center;\n\n          .icon-status {\n            position: absolute;\n            display: flex;\n          }\n\n          .line {\n            width: 50%;\n            height: 2px;\n            background-color: ${(props: ThemeProps) =>\n              props.theme.colors.gray600};\n          }\n        }\n      }\n    }\n  }\n\n  .bullet-nav {\n    position: absolute;\n    z-index: ${(props: ThemeProps) => props.theme.zIndexes.belowHeader};\n    bottom: -30px;\n    left: 50%;\n    display: flex;\n    transform: translate(-50%, -50%);\n  }\n\n  .bullet-nav__link {\n    display: block;\n    width: 8px;\n    height: 8px;\n    padding: 0;\n    margin-right: 8px;\n    backface-visibility: hidden;\n    background-color: #e4e8ec;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.3s;\n  }\n\n  .bullet-nav__link.active[data-scheme='hellosites'] {\n    background-color: ${(props: ThemeProps) => props.theme.colors.blue600};\n  }\n\n  .bullet-nav__link.active[data-scheme='marrybaby'] {\n    background-color: ${(props: ThemeProps) => props.theme.mbColors.pink};\n  }\n\n  .arrow-left {\n    position: absolute;\n    z-index: 10;\n    top: 50%;\n    left: -35px;\n    transform: translateY(-50%);\n    &[data-event-category] > * {\n      pointer-events: none;\n    }\n  }\n\n  .arrow-right {\n    position: absolute;\n    z-index: 10;\n    top: 50%;\n    right: -35px;\n    transform: translateY(-50%);\n    &[data-event-category] > * {\n      pointer-events: none;\n    }\n  }\n\n  .image-gallery-wrapper {\n    display: flex;\n    position: relative;\n    margin-top: 16px;\n    justify-content: center;\n    gap: 16px;\n    .image-block {\n      display: block;\n      width: 100%;\n      border: 2px solid transparent;\n      border-radius: 4px;\n    }\n    .image-block.active {\n      border-color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n    }\n    img {\n      height: 40px;\n      width: auto;\n      max-width: 100%;\n    }\n  }\n`\n"],"names":["StyledScrollList","div","props","theme","colors","gray600","zIndexes","belowHeader","blue600","mbColors","pink","primaryBase"],"mappings":"4MAGaA,kCAAyB,QAACC,kkFAAG,mkCAwDF,4GAS8B,qcAqBG,0FAID,2uBAsCG,yGAzE3C,SAACC,GACnB,OAAAA,EAAMC,MAAMC,OAAOC,WASlB,SAACH,GAAsB,OAAAA,EAAMC,MAAMG,SAASC,eAqBnC,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,WAI1C,SAACN,GAAsB,OAAAA,EAAMC,MAAMM,SAASC,QAsC9C,SAACR,GAAsB,OAAAA,EAAMC,MAAMC,OAAOO"}

package/build/components/molecules/seoHead/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),t=require("react"),a=require("../../organisms/navigationLayout/constants.js"),n=require("../../../node_modules/html-react-parser/index.js"),r=require("../../../interfaces/constants.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(t);exports.SeoHead=function(t){var l,c,i,m,p,s,d,u,g,f,h,v,y,E,w,_,S,b,j,k=t.SEOData,x=void 0===k?{}:k,G=t.isAmp,I=void 0!==G&&G,A=t.locale,D=void 0===A?"vi-VN":A,H=t.routerPathname,O=t.routerQuery,L=t.nextHead,M=t.siteType,P=t.seoCustom,N=t.userId,C=t.forcedCanonicalUrl,T=x.totalPages,W=x.currentPage,B=x.SEOTitle,F=void 0===B?"":B,q=x.SEODescription,U=void 0===q?"":q,V=x.SEOImage,z=x.seoType,K=x.SEOImageWidth,Q=x.SEOImageHeight,R=x.customMetaData,X=void 0===R?[]:R,Y=x.isIndexable,J=void 0===Y||Y,Z=x.hasNoCanonical,$=void 0!==Z&&Z,ee=J&&r.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",te=process.env.NEXT_PUBLIC_BASE_API_URL,ae=x.canonicalUrl||H;Object.keys(O).forEach((function(e){var t=O[e];t&&Array.isArray(t)&&(ae=ae.replace("[...".concat(e,"]"),t.join("/")))}));var ne,re=D||"en-PH",le="helloSites"===M?a.domainLocales[re]:"www.marrybaby.vn",oe=ae.endsWith("/")?"":"/";if(x.apiMetaData&&"string"==typeof x.apiMetaData){var ce=null===(l=x.apiMetaData)||void 0===l?void 0:l.match(/<title.*?>(.*)<\/title>/),ie=" - Page ".concat(W," of ").concat(T),me=W&&1!==W&&ce?x.apiMetaData.replace(ce[0],ce[0].includes("-")?ce[0].replace("-",ie+" - "):"<title>".concat(ce[1].concat(ie),"</title>")).replace('<link rel="canonical" href="https://'.concat(le).concat(ae).concat(oe,'" />'),'<link rel="canonical" href="https://'.concat(le).concat(ae).concat(oe,"?page=").concat(W,'" />')):x.apiMetaData,pe=(ne=n(me,{trim:!0})).find((function(e){var t,a;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(a=e.props)||void 0===a?void 0:a.property)}));if(!pe){var se="https://".concat(le,"/images/").concat(D,".png");ne=e.__spreadArray(e.__spreadArray([],ne,!0),[o.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(c=x.openGraph)||void 0===c?void 0:c.image)||se||""}),o.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(i=x.openGraph)||void 0===i?void 0:i.image)||se}),o.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(m=x.openGraph)||void 0===m?void 0:m.imageWidth)&&String(null===(p=x.openGraph)||void 0===p?void 0:p.imageWidth)||"1200"}),o.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(s=x.openGraph)||void 0===s?void 0:s.imageHeight)&&String(null===(d=x.openGraph)||void 0===d?void 0:d.imageHeight)||"630"})],!1)}}var de="https://".concat(le,"/images/").concat(D,".png");return o.default.createElement(L,null,o.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===M&&o.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===D?o.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===D||"ms-MY"===D?o.default.createElement(o.default.Fragment,null):o.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap",rel:"preload",as:"style"}),o.default.createElement("link",{rel:"preconnect",href:te}),o.default.createElement("meta",{charSet:"UTF-8"}),!I&&o.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),o.default.createElement("meta",{name:"google",content:"notranslate"}),o.default.createElement("meta",{name:"robots",content:ee}),o.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),X.map((function(t,a){return o.default.createElement("meta",e.__assign({key:a},t))})),o.default.createElement("meta",{name:"theme-color",content:"helloSites"===M?"#2c87f3":"#e85388"}),o.default.createElement("meta",{name:"page_type",content:"Home"}),o.default.createElement("meta",{name:"page_platform",content:"WEB"}),o.default.createElement("meta",{name:"page_language",content:re}),o.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),I&&o.default.createElement(o.default.Fragment,null,o.default.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),o.default.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),o.default.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),o.default.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),o.default.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),o.default.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),o.default.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!ne&&o.default.createElement(o.default.Fragment,null,"helloSites"===M?o.default.createElement("title",null,P?F:F+" - "+(null===(u=a.LOCALE_SPECS[D])||void 0===u?void 0:u.SITE_NAME)):o.default.createElement("title",null,F),!$&&o.default.createElement("link",{rel:"canonical",href:"https://".concat(le).concat(ae)}),o.default.createElement("meta",{name:"description",content:U||(null===(g=x.openGraph)||void 0===g?void 0:g.description)}),x.schemaData&&o.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:x.schemaData}}),o.default.createElement("meta",{property:"og:locale",content:D}),o.default.createElement("meta",{property:"og:type",content:z||"website"}),o.default.createElement("meta",{property:"og:title",content:(null===(f=x.openGraph)||void 0===f?void 0:f.title)||F}),o.default.createElement("meta",{property:"og:description",content:(null===(h=x.openGraph)||void 0===h?void 0:h.description)||U}),o.default.createElement("meta",{property:"og:url",content:"https://".concat(le).concat(ae)}),o.default.createElement("meta",{property:"og:site_name",content:"https://".concat(le)}),o.default.createElement("meta",{property:"og:image",content:(null===(v=x.openGraph)||void 0===v?void 0:v.image)||V||de||""}),o.default.createElement("meta",{property:"og:image:secure_url",content:(null===(y=x.openGraph)||void 0===y?void 0:y.image)||V||de}),o.default.createElement("meta",{property:"og:image:width",content:(null===(E=x.openGraph)||void 0===E?void 0:E.imageWidth)&&String(null===(w=x.openGraph)||void 0===w?void 0:w.imageWidth)||K&&String(K)||"1200"}),o.default.createElement("meta",{property:"og:image:height",content:(null===(_=x.openGraph)||void 0===_?void 0:_.imageHeight)&&String(null===(S=x.openGraph)||void 0===S?void 0:S.imageHeight)||Q&&String(Q)||"630"}),o.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),o.default.createElement("meta",{name:"twitter:title",content:(null===(b=x.twitter)||void 0===b?void 0:b.title)||F}),o.default.createElement("meta",{name:"twitter:description",content:U}),o.default.createElement("meta",{name:"twitter:image",content:(null===(j=x.twitter)||void 0===j?void 0:j.image)||V})),("helloSites"===M?a.FAVICONS[re]||[]:a.FAVICONS.marryBaby).map((function(e,t){return"link"===e.type?o.default.createElement("link",{key:"favicon-".concat(t),rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?o.default.createElement("meta",{key:t,name:e.name,content:e.content}):null})),Array.isArray(ne)&&C?ne.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):ne,C&&o.default.createElement("link",{rel:"canonical",href:C}),!x.hasNoAmp&&"vi-VN"!==D&&o.default.createElement("link",{rel:"amphtml",href:"https://".concat(le).concat(ae).concat(oe,"?amp=1")}),N&&"undefined"!=typeof window?o.default.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(N,"'});")}}):null)};
+//# sourceMappingURL=index.js.map

package/build/components/molecules/seoHead/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/seoHead/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport {\n  domainLocales,\n  FAVICONS,\n  LOCALE_SPECS,\n} from 'components/organisms/navigationLayout/constants'\nimport parse from 'html-react-parser'\nimport { SiteType } from 'interfaces/types'\nimport { isProduction } from 'src/interfaces/constants'\n\n// import Head from 'next/head'\n// import { useRouter } from 'next/router'\n\nexport type SEOData = {\n  currentPage?: number\n  totalPages?: number\n  SEOTitle?: string\n  SEODescription?: string\n  SEOImage?: string\n  SEOImageWidth?: string | number\n  SEOImageHeight?: string | number\n  seoType?: 'website' | 'article' | 'profile'\n  siteName?: string\n  customMetaData?: Array<{\n    [key: string]: string\n  }>\n  isIndexable?: boolean\n  openGraph?: {\n    title?: string\n    description?: string\n    image?: string\n    imageWidth?: number\n    imageHeight?: number\n  }\n  twitter?: {\n    title?: string\n    description?: string\n    image?: string\n  }\n  apiMetaData?: string\n  schemaData?: string\n  hasNoAmp?: boolean\n  hasNoCanonical?: boolean\n  canonicalUrl?: string\n}\n\nexport type Props = {\n  SEOData: SEOData\n  isAmp: boolean\n  locale: string\n  routerPathname: string\n  routerQuery: { [key: string]: string }\n  nextHead: React.FunctionComponent\n  siteType: SiteType\n  seoCustom?: boolean\n  userId?: string | number\n  forcedCanonicalUrl?: string\n}\n\nconst SeoHead = ({\n  SEOData = {},\n  isAmp = false,\n  locale = 'vi-VN',\n  routerPathname: pathname,\n  routerQuery: query,\n  nextHead: Head,\n  siteType,\n  seoCustom,\n  userId,\n  forcedCanonicalUrl,\n}: Props) => {\n  const {\n    totalPages,\n    currentPage,\n    SEOTitle = '',\n    SEODescription = '',\n    SEOImage,\n    seoType,\n    SEOImageWidth,\n    SEOImageHeight,\n    customMetaData = [],\n    isIndexable = true,\n    hasNoCanonical = false,\n  } = SEOData\n  const robotIndex =\n    isIndexable && isProduction\n      ? 'index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1'\n      : 'noindex'\n\n  // const { locale = 'vi-VN', pathname, query } = router\n  const { NEXT_PUBLIC_BASE_API_URL } = process.env\n\n  let newPath = SEOData.canonicalUrl || pathname\n  Object.keys(query).forEach((key) => {\n    const queryItem = query[key]\n    if (queryItem && Array.isArray(queryItem)) {\n      newPath = newPath.replace(`[...${key}]`, queryItem.join('/'))\n    }\n  })\n  const sL = locale || 'en-PH' // standardized locale\n  const siteUrl =\n    siteType === 'helloSites' ? domainLocales[sL] : 'www.marrybaby.vn'\n\n  const hasSlash = newPath.endsWith('/') ? '' : '/'\n\n  let metaData: string | JSX.Element | JSX.Element[]\n  if (SEOData.apiMetaData && typeof SEOData.apiMetaData === 'string') {\n    const paginatedTitle = SEOData.apiMetaData?.match(/<title.*?>(.*)<\\/title>/)\n    const paginatedNumber = ` - Page ${currentPage} of ${totalPages}`\n    const fD =\n      currentPage && currentPage !== 1 && paginatedTitle\n        ? SEOData.apiMetaData\n            .replace(\n              paginatedTitle[0],\n              paginatedTitle[0].includes('-')\n                ? paginatedTitle[0].replace('-', paginatedNumber + ' - ')\n                : `<title>${paginatedTitle[1].concat(paginatedNumber)}</title>`,\n            )\n            .replace(\n              `<link rel=\"canonical\" href=\"https://${siteUrl}${newPath}${hasSlash}\" />`,\n              `<link rel=\"canonical\" href=\"https://${siteUrl}${newPath}${hasSlash}?page=${currentPage}\" />`,\n            )\n        : SEOData.apiMetaData\n    metaData = parse(fD, { trim: true })\n    const metaDataImage = (metaData as JSX.Element[]).find(\n      (data: JSX.Element) =>\n        data.props?.property === 'og:image' ||\n        data.props?.property === 'og:image:secure_url',\n    )\n    if (!metaDataImage) {\n      const DefaultOgImage = `https://${siteUrl}/images/${locale}.png`\n      metaData = [\n        ...(metaData as JSX.Element[]),\n        <meta\n          key={'og:image'}\n          property=\"og:image\"\n          content={SEOData.openGraph?.image || DefaultOgImage || ''}\n        />,\n        <meta\n          key={'og:image:secure_url'}\n          property=\"og:image:secure_url\"\n          content={SEOData.openGraph?.image || DefaultOgImage}\n        />,\n        <meta\n          key={'og:image:width'}\n          property=\"og:image:width\"\n          content={\n            (SEOData.openGraph?.imageWidth &&\n              String(SEOData.openGraph?.imageWidth)) ||\n            '1200'\n          }\n        />,\n        <meta\n          key={'og:image:height'}\n          property=\"og:image:height\"\n          content={\n            (SEOData.openGraph?.imageHeight &&\n              String(SEOData.openGraph?.imageHeight)) ||\n            '630'\n          }\n        />,\n      ]\n    }\n  }\n\n  const defaultImage = `https://${siteUrl}/images/${locale}.png`\n\n  return (\n    <Head>\n      <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" />\n      {siteType === 'marryBaby' && (\n        <link\n          href=\"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap\"\n          rel=\"stylesheet\"\n        />\n      )}\n      {locale === 'km-KH' ? (\n        <link\n          href=\"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap\"\n          rel=\"stylesheet\"\n        ></link>\n      ) : locale === 'id-ID' || locale === 'ms-MY' ? (\n        <></>\n      ) : (\n        <link\n          href=\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap\"\n          rel=\"preload\"\n          as=\"style\"\n        />\n      )}\n      <link rel=\"preconnect\" href={NEXT_PUBLIC_BASE_API_URL} />\n      <meta charSet=\"UTF-8\" />\n      {!isAmp && (\n        <meta\n          name=\"viewport\"\n          content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover\"\n        />\n      )}\n      <meta name=\"google\" content=\"notranslate\" />\n      <meta name=\"robots\" content={robotIndex} />\n\n      <meta property=\"fb:app_id\" content=\"653713035016537\" />\n      {customMetaData.map((customMeta, index) => {\n        return <meta key={index} {...customMeta} />\n      })}\n\n      <meta\n        name=\"theme-color\"\n        content={siteType === 'helloSites' ? '#2c87f3' : '#e85388'}\n      />\n      <meta name=\"page_type\" content=\"Home\" />\n      <meta name=\"page_platform\" content=\"WEB\" />\n      <meta name=\"page_language\" content={sL} />\n      <meta\n        name=\"ahrefs-site-verification\"\n        content=\"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d\"\n      />\n      {isAmp && (\n        <>\n          <script\n            async\n            custom-element=\"amp-analytics\"\n            src=\"https://cdn.ampproject.org/v0/amp-analytics-0.1.js\"\n          ></script>\n          <script\n            async\n            custom-element=\"amp-fx-collection\"\n            src=\"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js\"\n          ></script>\n          <script\n            async\n            custom-element=\"amp-ad\"\n            src=\"https://cdn.ampproject.org/v0/amp-ad-0.1.js\"\n          ></script>\n          <script\n            async\n            custom-element=\"amp-next-page\"\n            src=\"https://cdn.ampproject.org/v0/amp-next-page-1.0.js\"\n          ></script>\n          <script\n            async\n            custom-element=\"amp-sticky-ad\"\n            src=\"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js\"\n          ></script>\n          {/* Adding support for sharing in the bottom bar */}\n          <script\n            async\n            custom-element=\"amp-social-share\"\n            src=\"https://cdn.ampproject.org/v0/amp-social-share-0.1.js\"\n          ></script>\n          {/* Adding the AMP state */}\n          <script\n            async\n            custom-element=\"amp-bind\"\n            src=\"https://cdn.ampproject.org/v0/amp-bind-0.1.js\"\n          ></script>\n        </>\n      )}\n\n      {!metaData && (\n        <>\n          {siteType === 'helloSites' ? (\n            <title>\n              {seoCustom\n                ? SEOTitle\n                : SEOTitle + ' - ' + LOCALE_SPECS[locale]?.SITE_NAME}\n            </title>\n          ) : (\n            <title>{SEOTitle}</title>\n          )}\n          {!hasNoCanonical && (\n            <link rel=\"canonical\" href={`https://${siteUrl}${newPath}`} />\n          )}\n          <meta\n            name=\"description\"\n            content={SEODescription || SEOData.openGraph?.description}\n          />\n          {SEOData.schemaData && (\n            <script\n              type=\"application/ld+json\"\n              className=\"yoast-schema-graph\"\n              dangerouslySetInnerHTML={{ __html: SEOData.schemaData }}\n            ></script>\n          )}\n\n          <meta property=\"og:locale\" content={locale} />\n          <meta property=\"og:type\" content={seoType || 'website'} />\n          <meta\n            property=\"og:title\"\n            content={SEOData.openGraph?.title || SEOTitle}\n          />\n          <meta\n            property=\"og:description\"\n            content={SEOData.openGraph?.description || SEODescription}\n          />\n          <meta property=\"og:url\" content={`https://${siteUrl}${newPath}`} />\n          <meta property=\"og:site_name\" content={`https://${siteUrl}`} />\n          <meta\n            property=\"og:image\"\n            content={SEOData.openGraph?.image || SEOImage || defaultImage || ''}\n          />\n          <meta\n            property=\"og:image:secure_url\"\n            content={SEOData.openGraph?.image || SEOImage || defaultImage}\n          />\n          <meta\n            property=\"og:image:width\"\n            content={\n              (SEOData.openGraph?.imageWidth &&\n                String(SEOData.openGraph?.imageWidth)) ||\n              (SEOImageWidth && String(SEOImageWidth)) ||\n              '1200'\n            }\n          />\n          <meta\n            property=\"og:image:height\"\n            content={\n              (SEOData.openGraph?.imageHeight &&\n                String(SEOData.openGraph?.imageHeight)) ||\n              (SEOImageHeight && String(SEOImageHeight)) ||\n              '630'\n            }\n          />\n\n          <meta name=\"twitter:card\" content=\"summary_large_image\" />\n          <meta\n            name=\"twitter:title\"\n            content={SEOData.twitter?.title || SEOTitle}\n          />\n          <meta name=\"twitter:description\" content={SEODescription} />\n          <meta\n            name=\"twitter:image\"\n            content={SEOData.twitter?.image || SEOImage}\n          />\n        </>\n      )}\n\n      {(siteType === 'helloSites'\n        ? FAVICONS[sL] || []\n        : FAVICONS.marryBaby\n      ).map((item, index) => {\n        if (item.type === 'link') {\n          return (\n            <link\n              key={`favicon-${index}`}\n              rel={item.rel}\n              href={item.href}\n              sizes={item.sizes}\n            />\n          )\n        }\n        if (item.type === 'meta') {\n          return <meta key={index} name={item.name} content={item.content} />\n        }\n        return null\n      })}\n\n      {Array.isArray(metaData) && !!forcedCanonicalUrl\n        ? metaData.filter(\n            (d) => d.props.name !== 'canonical' && d.props.rel !== 'canonical',\n          )\n        : metaData}\n      {forcedCanonicalUrl && <link rel=\"canonical\" href={forcedCanonicalUrl} />}\n      {!SEOData.hasNoAmp && locale !== 'vi-VN' && (\n        <link\n          rel=\"amphtml\"\n          href={`https://${siteUrl}${newPath}${hasSlash}?amp=1`}\n        />\n      )}\n      {userId && typeof window !== 'undefined' ? (\n        <script\n          dangerouslySetInnerHTML={{\n            __html: `window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '${userId}'});`,\n          }}\n        ></script>\n      ) : null}\n    </Head>\n  )\n}\n\nexport { SeoHead }\n"],"names":["_a","_w","SEOData","_x","isAmp","_y","locale","pathname","query","Head","siteType","seoCustom","userId","forcedCanonicalUrl","totalPages","currentPage","_z","SEOTitle","_0","SEODescription","SEOImage","seoType","SEOImageWidth","SEOImageHeight","_1","customMetaData","_2","isIndexable","_3","hasNoCanonical","robotIndex","isProduction","NEXT_PUBLIC_BASE_API_URL","process","env","newPath","canonicalUrl","Object","keys","forEach","key","queryItem","Array","isArray","replace","join","metaData","sL","siteUrl","domainLocales","hasSlash","endsWith","apiMetaData","paginatedTitle","_b","match","paginatedNumber","concat","fD","includes","metaDataImage","parse","trim","find","data","props","property","DefaultOgImage","React","createElement","content","_c","openGraph","image","_d","_e","imageWidth","String","_f","_g","imageHeight","_h","defaultImage","rel","href","as","charSet","name","map","customMeta","index","Fragment","async","src","_j","LOCALE_SPECS","SITE_NAME","_k","description","schemaData","type","className","dangerouslySetInnerHTML","__html","_l","title","_m","_o","_p","_q","_r","_s","_t","_u","twitter","_v","FAVICONS","marryBaby","item","sizes","filter","d","hasNoAmp","window"],"mappings":"2ZA4DgB,SAACA,6CACfC,EAAAD,EAAAE,QAAAA,OAAO,IAAAD,EAAG,GAAEA,EACZE,EAAaH,EAAAI,MAAbA,OAAK,IAAAD,GAAQA,EACbE,WAAAC,aAAS,QAAOD,EACAE,mBACHC,gBACHC,aACVC,EAAQV,EAAAU,SACRC,EAASX,EAAAW,UACTC,EAAMZ,EAAAY,OACNC,EAAkBb,EAAAa,mBAGhBC,EAWEZ,EAAOY,WAVTC,EAUEb,EAAOa,YATTC,EASEd,EATWe,SAAbA,OAAW,IAAAD,EAAA,GAAEA,EACbE,EAQEhB,EAAOiB,eARTA,aAAiB,GAAED,EACnBE,EAOElB,EAAOkB,SANTC,EAMEnB,EAAOmB,QALTC,EAKEpB,EALWoB,cACbC,EAIErB,EAJYqB,eACdC,EAGEtB,EAAOuB,eAHTA,aAAiB,GAAED,EACnBE,EAEExB,EAFgByB,YAAlBA,OAAW,IAAAD,GAAOA,EAClBE,EACE1B,iBADF2B,OAAiB,IAAAD,KAEbE,GACJH,GAAeI,EAAYA,aACvB,+EACA,UAGEC,GAA6BC,QAAQC,6BAEzCC,GAAUjC,EAAQkC,cAAgB7B,EACtC8B,OAAOC,KAAK9B,GAAO+B,SAAQ,SAACC,GAC1B,IAAMC,EAAYjC,EAAMgC,GACpBC,GAAaC,MAAMC,QAAQF,KAC7BN,GAAUA,GAAQS,QAAQ,cAAOJ,EAAG,KAAKC,EAAUI,KAAK,UAG5D,IAMIC,GANEC,GAAKzC,GAAU,QACf0C,GACS,eAAbtC,EAA4BuC,EAAAA,cAAcF,IAAM,mBAE5CG,GAAWf,GAAQgB,SAAS,KAAO,GAAK,IAG9C,GAAIjD,EAAQkD,aAA8C,iBAAxBlD,EAAQkD,YAA0B,CAClE,IAAMC,GAAoC,QAAnBC,EAAApD,EAAQkD,mBAAW,IAAAE,OAAA,EAAAA,EAAEC,MAAM,2BAC5CC,GAAkB,WAAAC,OAAW1C,EAAkB,QAAA0C,OAAA3C,GAC/C4C,GACJ3C,GAA+B,IAAhBA,GAAqBsC,GAChCnD,EAAQkD,YACLR,QACCS,GAAe,GACfA,GAAe,GAAGM,SAAS,KACvBN,GAAe,GAAGT,QAAQ,IAAKY,GAAkB,OACjD,UAAAC,OAAUJ,GAAe,GAAGI,OAAOD,IAAgB,aAExDZ,QACC,uCAAuCa,OAAAT,WAAUb,IAAOsB,OAAGP,GAAc,QACzE,uCAAuCO,OAAAT,WAAUb,IAAOsB,OAAGP,GAAiB,UAAAO,OAAA1C,WAEhFb,EAAQkD,YAERQ,IADNd,GAAWe,EAAMH,GAAI,CAAEI,MAAM,KACqBC,MAChD,SAACC,WACC,MAAyB,cAAb,UAAZA,EAAKC,aAAO,IAAAjE,OAAA,EAAAA,EAAAkE,WACa,iCAAzBZ,EAAAU,EAAKC,4BAAOC,aAEhB,IAAKN,GAAe,CAClB,IAAMO,GAAiB,WAAAV,OAAWT,GAAkB,YAAAS,OAAAnD,UACpDwC,sCACMA,IAA0B,GAAA,CAC9BsB,UACEC,cAAA,OAAA,CAAA7B,IAAK,WACL0B,SAAS,WACTI,SAA0B,QAAjBC,EAAArE,EAAQsE,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,QAASN,IAAkB,KAEzDC,UAAAC,cAAA,OAAA,CACE7B,IAAK,sBACL0B,SAAS,sBACTI,iBAASI,EAAAxE,EAAQsE,gCAAWC,QAASN,KAEvCC,UAAAC,cAAA,OAAA,CACE7B,IAAK,iBACL0B,SAAS,iBACTI,iBACGK,EAAAzE,EAAQsE,gCAAWI,aAClBC,OAA0B,UAAnB3E,EAAQsE,iBAAW,IAAAM,OAAA,EAAAA,EAAAF,aAC5B,SAGJR,UAAAC,cAAA,OAAA,CACE7B,IAAK,kBACL0B,SAAS,kBACTI,iBACGS,EAAA7E,EAAQsE,gCAAWQ,cAClBH,OAA0B,UAAnB3E,EAAQsE,iBAAW,IAAAS,OAAA,EAAAA,EAAAD,cAC5B,cAOV,IAAME,GAAe,WAAAzB,OAAWT,GAAkB,YAAAS,OAAAnD,UAElD,OACE8D,wBAAC3D,EAAI,KACH2D,EAAA,QAAAC,cAAA,OAAA,CAAMc,IAAI,aAAaC,KAAK,8BACd,cAAb1E,GACC0D,UACEC,cAAA,OAAA,CAAAe,KAAK,mFACLD,IAAI,eAGI,UAAX7E,EACC8D,EAAA,QAAAC,cAAA,OAAA,CACEe,KAAK,gFACLD,IAAI,eAEO,UAAX7E,GAAiC,UAAXA,EACxB8D,EAAAA,+CAEAA,EAAA,QAAAC,cAAA,OAAA,CACEe,KAAK,wIACLD,IAAI,UACJE,GAAG,UAGPjB,EAAA,QAAAC,cAAA,OAAA,CAAMc,IAAI,aAAaC,KAAMpD,KAC7BoC,EAAAA,QAAMC,cAAA,OAAA,CAAAiB,QAAQ,WACZlF,GACAgE,UAAAC,cAAA,OAAA,CACEkB,KAAK,WACLjB,QAAQ,mGAGZF,EAAA,QAAAC,cAAA,OAAA,CAAMkB,KAAK,SAASjB,QAAQ,gBAC5BF,EAAA,QAAAC,cAAA,OAAA,CAAMkB,KAAK,SAASjB,QAASxC,KAE7BsC,EAAA,QAAAC,cAAA,OAAA,CAAMH,SAAS,YAAYI,QAAQ,oBAClC7C,EAAe+D,KAAI,SAACC,EAAYC,GAC/B,OAAOtB,2CAAM5B,IAAKkD,GAAWD,OAG/BrB,EAAAA,QAAAC,cAAA,OAAA,CACEkB,KAAK,cACLjB,QAAsB,eAAb5D,EAA4B,UAAY,YAEnD0D,EAAA,QAAAC,cAAA,OAAA,CAAMkB,KAAK,YAAYjB,QAAQ,SAC/BF,EAAA,QAAAC,cAAA,OAAA,CAAMkB,KAAK,gBAAgBjB,QAAQ,QACnCF,EAAA,QAAAC,cAAA,OAAA,CAAMkB,KAAK,gBAAgBjB,QAASvB,KACpCqB,EAAA,QAAAC,cAAA,OAAA,CACEkB,KAAK,2BACLjB,QAAQ,qEAETlE,GACCgE,EAAAA,QAAAC,cAAAD,EAAA,QAAAuB,SAAA,KACEvB,UAAAC,cAAA,SAAA,CACEuB,OACe,EAAA,iBAAA,gBACfC,IAAI,uDAENzB,UAAAC,cAAA,SAAA,CACEuB,OACe,EAAA,iBAAA,oBACfC,IAAI,2DAENzB,UAAAC,cAAA,SAAA,CACEuB,OACe,EAAA,iBAAA,SACfC,IAAI,gDAENzB,UAAAC,cAAA,SAAA,CACEuB,OACe,EAAA,iBAAA,gBACfC,IAAI,uDAENzB,UAAAC,cAAA,SAAA,CACEuB,OACe,EAAA,iBAAA,gBACfC,IAAI,uDAGNzB,UAAAC,cAAA,SAAA,CACEuB,OACe,EAAA,iBAAA,mBACfC,IAAI,0DAGNzB,EAAAA,QACEC,cAAA,SAAA,CAAAuB,0BACe,WACfC,IAAI,oDAKR/C,IACAsB,EAAA,QAAAC,cAAAD,EAAA,QAAAuB,SAAA,KACgB,eAAbjF,EACC0D,qCACGzD,EACGM,EACAA,EAAW,OAA4B,QAApB6E,EAAAC,EAAAA,aAAazF,UAAO,IAAAwF,OAAA,EAAAA,EAAEE,YAG/C5B,EAAAA,QAAAC,cAAA,QAAA,KAAQpD,IAERY,GACAuC,EAAAA,QAAMC,cAAA,OAAA,CAAAc,IAAI,YAAYC,KAAM,kBAAWpC,IAAOS,OAAGtB,MAEnDiC,UAAAC,cAAA,OAAA,CACEkB,KAAK,cACLjB,QAASnD,IAAqC,QAAnB8E,EAAA/F,EAAQsE,iBAAW,IAAAyB,OAAA,EAAAA,EAAAC,eAE/ChG,EAAQiG,YACP/B,kCACEgC,KAAK,sBACLC,UAAU,qBACVC,wBAAyB,CAAEC,OAAQrG,EAAQiG,cAI/C/B,EAAA,QAAAC,cAAA,OAAA,CAAMH,SAAS,YAAYI,QAAShE,IACpC8D,UAAMC,cAAA,OAAA,CAAAH,SAAS,UAAUI,QAASjD,GAAW,YAC7C+C,UAAAC,cAAA,OAAA,CACEH,SAAS,WACTI,SAA0B,QAAjBkC,EAAAtG,EAAQsE,iBAAS,IAAAgC,OAAA,EAAAA,EAAEC,QAASxF,IAEvCmD,UAAAC,cAAA,OAAA,CACEH,SAAS,iBACTI,SAA0B,QAAjBoC,EAAAxG,EAAQsE,iBAAS,IAAAkC,OAAA,EAAAA,EAAER,cAAe/E,IAE7CiD,EAAAA,QAAMC,cAAA,OAAA,CAAAH,SAAS,SAASI,QAAS,WAAAb,OAAWT,IAAOS,OAAGtB,MACtDiC,EAAAA,QAAMC,cAAA,OAAA,CAAAH,SAAS,eAAeI,QAAS,WAAAb,OAAWT,MAClDoB,UAAAC,cAAA,OAAA,CACEH,SAAS,WACTI,SAA0B,QAAjBqC,EAAAzG,EAAQsE,iBAAS,IAAAmC,OAAA,EAAAA,EAAElC,QAASrD,GAAY8D,IAAgB,KAEnEd,UAAAC,cAAA,OAAA,CACEH,SAAS,sBACTI,SAA4B,QAAnBsC,EAAA1G,EAAQsE,iBAAW,IAAAoC,OAAA,EAAAA,EAAAnC,QAASrD,GAAY8D,KAEnDd,EAAA,QAAAC,cAAA,OAAA,CACEH,SAAS,iBACTI,iBACGuC,EAAA3G,EAAQsE,gCAAWI,aAClBC,OAA0B,UAAnB3E,EAAQsE,iBAAW,IAAAsC,OAAA,EAAAA,EAAAlC,aAC3BtD,GAAiBuD,OAAOvD,IACzB,SAGJ8C,EAAA,QAAAC,cAAA,OAAA,CACEH,SAAS,kBACTI,iBACGyC,EAAA7G,EAAQsE,gCAAWQ,cAClBH,OAA0B,UAAnB3E,EAAQsE,iBAAW,IAAAwC,OAAA,EAAAA,EAAAhC,cAC3BzD,GAAkBsD,OAAOtD,IAC1B,QAIJ6C,EAAA,QAAAC,cAAA,OAAA,CAAMkB,KAAK,eAAejB,QAAQ,wBAClCF,UAAAC,cAAA,OAAA,CACEkB,KAAK,gBACLjB,SAAwB,QAAf2C,EAAA/G,EAAQgH,eAAO,IAAAD,OAAA,EAAAA,EAAER,QAASxF,IAErCmD,EAAA,QAAAC,cAAA,OAAA,CAAMkB,KAAK,sBAAsBjB,QAASnD,IAC1CiD,UAAAC,cAAA,OAAA,CACEkB,KAAK,gBACLjB,SAA0B,QAAjB6C,EAAAjH,EAAQgH,eAAS,IAAAC,OAAA,EAAAA,EAAA1C,QAASrD,MAK1B,eAAbV,EACE0G,EAAQA,SAACrE,KAAO,GAChBqE,EAAAA,SAASC,WACX7B,KAAI,SAAC8B,EAAM5B,GACX,MAAkB,SAAd4B,EAAKlB,KAELhC,EACE,QAAAC,cAAA,OAAA,CAAA7B,IAAK,WAAAiB,OAAWiC,GAChBP,IAAKmC,EAAKnC,IACVC,KAAMkC,EAAKlC,KACXmC,MAAOD,EAAKC,QAIA,SAAdD,EAAKlB,KACAhC,gCAAM5B,IAAKkD,EAAOH,KAAM+B,EAAK/B,KAAMjB,QAASgD,EAAKhD,UAEnD,QAGR5B,MAAMC,QAAQG,KAAejC,EAC1BiC,GAAS0E,QACP,SAACC,GAAM,MAAiB,cAAjBA,EAAExD,MAAMsB,MAAwC,cAAhBkC,EAAExD,MAAMkB,OAEjDrC,GACHjC,GAAsBuD,EAAAA,8BAAMe,IAAI,YAAYC,KAAMvE,KACjDX,EAAQwH,UAAuB,UAAXpH,GACpB8D,UAAAC,cAAA,OAAA,CACEc,IAAI,UACJC,KAAM,WAAA3B,OAAWT,IAAOS,OAAGtB,IAAUsB,OAAAP,GAAgB,YAGxDtC,GAA4B,oBAAX+G,OAChBvD,EACE,QAAAC,cAAA,SAAA,CAAAiC,wBAAyB,CACvBC,OAAQ,gFAAgF9C,OAAA7C,EAAY,WAGtG"}

package/build/components/molecules/sidemenu/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./sideMenu.js"),r=require("./sideHeader.js"),s=require("./userInfo.js"),i=require("./menuLink.js");exports.SideMenu=e.SideMenu,exports.SideHeader=r.SideHeader,exports.UserInfo=s.UserInfo,exports.MenuLink=i.MenuLink;
+//# sourceMappingURL=index.js.map

package/build/components/molecules/sidemenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/components/molecules/sidemenu/menuLink.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),i=require("react"),s=require("../../atoms/text/index.js");require("../../atoms/alert/index.styled.js"),require("../../atoms/avatar/index.styled.js"),require("../../atoms/badge/index.styled.js"),require("../../atoms/borderHeading/index.styled.js"),require("../../atoms/button/index.styled.js"),require("../../atoms/divider/index.styled.js"),require("../../atoms/fileDropdown/index.styled.js"),require("../../atoms/flag/index.styled.js"),require("../../atoms/grid/index.styled.js"),require("../../atoms/heading/index.styled.js"),require("../../atoms/label/index.js"),require("../../atoms/input/index.styled.js"),require("../../atoms/logo/index.js"),require("../../../misc/utils.js"),require("../../atoms/pagination/index.styled.js"),require("../../atoms/pureInput/index.js"),require("../../atoms/radio/index.styled.js"),require("../../atoms/shadow/index.styled.js"),require("react-range"),require("../../atoms/slider/index.styled.js"),require("../../atoms/tag/index.styled.js"),require("../../atoms/toggle/index.styled.js"),require("../../atoms/underlinedLink/index.styled.js"),require("../../atoms/uploader/index.styled.js"),require("../../atoms/textArea/index.js"),require("../../atoms/container/index.styled.js"),require("../../atoms/checkbox/index.styled.js"),require("../../atoms/textDivider/index.js"),require("../../atoms/rateStars/index.styled.js"),require("../../atoms/icons/Ask.js"),require("../../atoms/icons/BarChart.js"),require("../../atoms/icons/Booking.js"),require("../../atoms/icons/Bookmark.js"),require("../../atoms/icons/Community.js"),require("../../atoms/icons/EditSpecial.js"),require("../../atoms/icons/Family.js"),require("../../atoms/icons/Font.js"),require("../../atoms/icons/Heart.js"),require("../../atoms/icons/Home.js"),require("../../atoms/icons/Like.js"),require("../../atoms/icons/MyCommunity.js"),require("../../atoms/icons/PlusSpecial.js"),require("../../atoms/icons/Recalculate.js"),require("../../atoms/icons/Scale.js"),require("../../atoms/icons/Share.js"),require("../../atoms/icons/Stethoscope.js"),require("../../atoms/progress/index.styled.js");var r=require("styled-components");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n,a=t(i),o=t(r).default.div(n||(n=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 9px 21px;\n  margin-bottom: 4px;\n  border-radius: 6px;\n\n  &:not([data-is-link-active]) {\n    cursor: pointer;\n  }\n\n  p {\n    margin-left: 12px;\n  }\n\n  &[data-is-link-active] {\n    background: ",";\n  }\n\n  &[data-is-link-collapsed] {\n    justify-content: center;\n    margin-right: -14px;\n    margin-left: -14px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding: 9px 21px;\n  margin-bottom: 4px;\n  border-radius: 6px;\n\n  &:not([data-is-link-active]) {\n    cursor: pointer;\n  }\n\n  p {\n    margin-left: 12px;\n  }\n\n  &[data-is-link-active] {\n    background: ",";\n  }\n\n  &[data-is-link-collapsed] {\n    justify-content: center;\n    margin-right: -14px;\n    margin-left: -14px;\n  }\n"])),(function(e){return e.theme.colors.primaryBase}));exports.MenuLink=function(e){var i=e.icon,r=e.isActive,t=e.children,n=e.isCollapsed,d=e.activeIcon,l=e.onLinkClick,u=e.textSize,m=void 0===u?"base":u,c=e.textType,x=void 0===c?"bold":c,j=e.textColorActive,q=void 0===j?"#fff":j,p=e.textColor,y=void 0===p?"#595959":p;return a.default.createElement(o,{"data-is-link-active":r||void 0,onClick:l,"data-is-link-collapsed":n||void 0},r&&d?d:i,!n&&a.default.createElement(s.Text,{size:m,type:x,color:r?q:y},t))};
+//# sourceMappingURL=menuLink.js.map

package/build/components/molecules/sidemenu/menuLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuLink.js","sources":["../../../../src/components/molecules/sidemenu/menuLink.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\n\nimport { Text, TextSize, TextType } from 'components/atoms'\nimport { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nconst StyledMenuLink = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 9px 21px;\n  margin-bottom: 4px;\n  border-radius: 6px;\n\n  &:not([data-is-link-active]) {\n    cursor: pointer;\n  }\n\n  p {\n    margin-left: 12px;\n  }\n\n  &[data-is-link-active] {\n    background: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n  }\n\n  &[data-is-link-collapsed] {\n    justify-content: center;\n    margin-right: -14px;\n    margin-left: -14px;\n  }\n`\n\ntype Props = {\n  icon: JSX.Element\n  children: ReactNode\n  isCollapsed: boolean\n  onLinkClick: () => void\n  activeIcon?: JSX.Element\n  isActive?: boolean\n  textSize?: TextSize\n  textType?: TextType\n  textColorActive?: string\n  textColor?: string\n}\n\nconst MenuLink = ({\n  icon,\n  isActive,\n  children,\n  isCollapsed,\n  activeIcon,\n  onLinkClick,\n  textSize = 'base',\n  textType = 'bold',\n  textColorActive = '#fff',\n  textColor = '#595959',\n}: Props) => {\n  return (\n    <StyledMenuLink\n      data-is-link-active={isActive || undefined}\n      onClick={onLinkClick}\n      data-is-link-collapsed={isCollapsed || undefined}\n    >\n      {!(isActive && activeIcon) ? icon : activeIcon}\n      {!isCollapsed && (\n        <Text\n          size={textSize}\n          type={textType}\n          color={isActive ? textColorActive : textColor}\n        >\n          {children}\n        </Text>\n      )}\n    </StyledMenuLink>\n  )\n}\n\nexport { MenuLink }\n"],"names":["StyledMenuLink","styled","div","props","theme","colors","primaryBase","_a","icon","isActive","children","isCollapsed","activeIcon","onLinkClick","_b","textSize","_c","textType","_d","textColorActive","_e","textColor","React","createElement","undefined","onClick","Text","size","type","color"],"mappings":"6xEAMMA,OAAiBC,QAAOC,4aAAG,sQAgBsC,sIAArD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,gCAuB3C,SAACC,GAChB,IAAAC,SACAC,aACAC,aACAC,gBACAC,eACAC,gBACAC,EAAAP,EAAAQ,SAAAA,OAAQ,IAAAD,EAAG,OAAMA,EACjBE,aAAAC,aAAW,OAAMD,EACjBE,EAAwBX,EAAAY,gBAAxBA,OAAkB,IAAAD,EAAA,SAClBE,EAAAb,EAAAc,UAAAA,OAAS,IAAAD,EAAG,UAASA,EAErB,OACEE,UAAAC,cAACvB,EAAc,CAAA,sBACQS,QAAYe,EACjCC,QAASZ,EACe,yBAAAF,QAAea,GAEpCf,GAAYG,EAAqBA,EAAPJ,GAC3BG,GACAW,EAAAA,QAAAC,cAACG,EAAAA,KAAI,CACHC,KAAMZ,EACNa,KAAMX,EACNY,MAAOpB,EAAWU,EAAkBE,GAEnCX"}

package/build/components/molecules/sidemenu/sideHeader.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),s=require("react");require("../../atoms/text/index.styled.js"),require("../../atoms/alert/index.styled.js"),require("../../atoms/avatar/index.styled.js"),require("../../atoms/badge/index.styled.js"),require("../../atoms/borderHeading/index.styled.js"),require("../../atoms/button/index.styled.js"),require("../../atoms/divider/index.styled.js"),require("../../atoms/fileDropdown/index.styled.js"),require("../../atoms/flag/index.styled.js"),require("../../atoms/grid/index.styled.js"),require("../../atoms/heading/index.styled.js"),require("../../atoms/label/index.js"),require("../../atoms/input/index.styled.js");var t=require("../../atoms/logo/index.js");require("../../../misc/utils.js"),require("../../atoms/pagination/index.styled.js"),require("../../atoms/pureInput/index.js"),require("../../atoms/radio/index.styled.js"),require("../../atoms/shadow/index.styled.js"),require("react-range"),require("../../atoms/slider/index.styled.js"),require("../../atoms/tag/index.styled.js"),require("../../atoms/toggle/index.styled.js"),require("../../atoms/underlinedLink/index.styled.js"),require("../../atoms/uploader/index.styled.js"),require("../../atoms/textArea/index.js"),require("../../atoms/container/index.styled.js"),require("../../atoms/checkbox/index.styled.js"),require("../../atoms/textDivider/index.js"),require("../../atoms/rateStars/index.styled.js"),require("../../atoms/icons/Ask.js"),require("../../atoms/icons/BarChart.js"),require("../../atoms/icons/Booking.js"),require("../../atoms/icons/Bookmark.js"),require("../../atoms/icons/Community.js"),require("../../atoms/icons/EditSpecial.js"),require("../../atoms/icons/Family.js"),require("../../atoms/icons/Font.js"),require("../../atoms/icons/Heart.js"),require("../../atoms/icons/Home.js"),require("../../atoms/icons/Like.js"),require("../../atoms/icons/MyCommunity.js"),require("../../atoms/icons/PlusSpecial.js"),require("../../atoms/icons/Recalculate.js"),require("../../atoms/icons/Scale.js"),require("../../atoms/icons/Share.js"),require("../../atoms/icons/Stethoscope.js"),require("../../atoms/progress/index.styled.js");var r=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n,o,a=i(s),d=i(r),l=d.default.div(n||(n=e.__makeTemplateObject(["\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n\n  svg {\n    transition: 0.4s ease-in-out;\n  }\n"],["\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n\n  svg {\n    transition: 0.4s ease-in-out;\n  }\n"]))),u=d.default.div(o||(o=e.__makeTemplateObject(["\n  cursor: pointer;\n  &[data-is-collapsed] {\n    transform: rotate(180deg);\n  }\n"],["\n  cursor: pointer;\n  &[data-is-collapsed] {\n    transform: rotate(180deg);\n  }\n"])));exports.SideHeader=function(e){var s=e.isCollapsed,r=e.defaultLogo,i=e.onBackClick,n=e.customIcon;return a.default.createElement(l,null,a.default.createElement(t.Logo,{type:s?"logomark":r||"hellocare",height:"24px",width:s?"24px":"77px"}),a.default.createElement(u,{"data-is-collapsed":s||void 0,onClick:i},n||a.default.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 20 20",width:"20px",height:"20px"},a.default.createElement("path",{d:"M10 .75A9.25 9.25 0 1019.25 10 9.25 9.25 0 0010 .75z",fill:"none",stroke:"#d2d6dc",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),a.default.createElement("path",{d:"M11.44 6.53L8 10l3.48 3.47",fill:"none",stroke:"#737373",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}))))};
+//# sourceMappingURL=sideHeader.js.map

package/build/components/molecules/sidemenu/sideHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sideHeader.js","sources":["../../../../src/components/molecules/sidemenu/sideHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Logo } from 'components/atoms'\nimport styled from 'styled-components'\n\nconst StyledSideHeader = styled.div`\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n\n  svg {\n    transition: 0.4s ease-in-out;\n  }\n`\n\nconst StyledArrow = styled.div`\n  cursor: pointer;\n  &[data-is-collapsed] {\n    transform: rotate(180deg);\n  }\n`\n\ntype Props = {\n  isCollapsed: boolean\n  defaultLogo?:\n    | 'hellobacsi'\n    | 'hellosehat'\n    | 'hellohealth'\n    | 'hellotogether'\n    | 'hellocare'\n    | 'logomark'\n  onBackClick?: () => void\n  customIcon?: JSX.Element\n}\n\nconst SideHeader = ({\n  isCollapsed,\n  defaultLogo,\n  onBackClick,\n  customIcon,\n}: Props) => {\n  return (\n    <StyledSideHeader>\n      <Logo\n        type={isCollapsed ? 'logomark' : defaultLogo || 'hellocare'}\n        height=\"24px\"\n        width={isCollapsed ? '24px' : '77px'}\n      />\n      <StyledArrow\n        data-is-collapsed={isCollapsed || undefined}\n        onClick={onBackClick}\n      >\n        {customIcon ? (\n          customIcon\n        ) : (\n          <svg\n            data-name=\"Layer 1\"\n            viewBox=\"0 0 20 20\"\n            width=\"20px\"\n            height=\"20px\"\n          >\n            <path\n              d=\"M10 .75A9.25 9.25 0 1019.25 10 9.25 9.25 0 0010 .75z\"\n              fill=\"none\"\n              stroke=\"#d2d6dc\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth=\"1.5\"\n            />\n            <path\n              d=\"M11.44 6.53L8 10l3.48 3.47\"\n              fill=\"none\"\n              stroke=\"#737373\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth=\"1.5\"\n            />\n          </svg>\n        )}\n      </StyledArrow>\n    </StyledSideHeader>\n  )\n}\n\nexport { SideHeader }\n"],"names":["StyledSideHeader","styled","div","templateObject_1","__makeTemplateObject","StyledArrow","templateObject_2","_a","isCollapsed","defaultLogo","onBackClick","customIcon","React","createElement","Logo","type","height","width","undefined","onClick","viewBox","d","fill","stroke","strokeLinecap","strokeLinejoin","strokeWidth"],"mappings":"izEAKMA,EAAmBC,EAAM,QAACC,IAAGC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,wIAAA,CAAA,2IAU7BC,EAAcJ,EAAM,QAACC,IAAGI,IAAAA,EAAAF,EAAAA,qBAAA,CAAA,yFAAA,CAAA,+GAoBX,SAACG,OAClBC,EAAWD,EAAAC,YACXC,EAAWF,EAAAE,YACXC,EAAWH,EAAAG,YACXC,EAAUJ,EAAAI,WAEV,OACEC,wBAACZ,EAAgB,KACfY,EAAA,QAAAC,cAACC,EAAIA,KAAA,CACHC,KAAMP,EAAc,WAAaC,GAAe,YAChDO,OAAO,OACPC,MAAOT,EAAc,OAAS,SAEhCI,EAAAA,QAAAC,cAACR,EAAW,CAAA,oBACSG,QAAeU,EAClCC,QAAST,GAERC,GAGCC,UACYC,cAAA,MAAA,CAAA,YAAA,UACVO,QAAQ,YACRH,MAAM,OACND,OAAO,QAEPJ,EACE,QAAAC,cAAA,OAAA,CAAAQ,EAAE,uDACFC,KAAK,OACLC,OAAO,UACPC,cAAc,QACdC,eAAe,QACfC,YAAY,QAEdd,UAAAC,cAAA,OAAA,CACEQ,EAAE,6BACFC,KAAK,OACLC,OAAO,UACPC,cAAc,QACdC,eAAe,QACfC,YAAY"}

package/build/components/molecules/sidemenu/sideMenu.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),e=require("react"),t=require("styled-components");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,s=a(e),r=a(t).default.div(i||(i=n.__makeTemplateObject(["\n  --menu-width: 240px;\n  --menu-spacing: 28px 16px;\n  width: var(--menu-width);\n  height: 100vh;\n  padding: var(--menu-spacing);\n  background-color: ",";\n  transition: ease-in-out 0.5s;\n\n  &[data-is-collapsed] {\n    --menu-width: 64px;\n    --menu-spacing: 28px 8px;\n  }\n"],["\n  --menu-width: 240px;\n  --menu-spacing: 28px 16px;\n  width: var(--menu-width);\n  height: 100vh;\n  padding: var(--menu-spacing);\n  background-color: ",";\n  transition: ease-in-out 0.5s;\n\n  &[data-is-collapsed] {\n    --menu-width: 64px;\n    --menu-spacing: 28px 8px;\n  }\n"])),(function(n){return n.theme.colors.neutral50}));exports.SideMenu=function(n){var e=n.isCollapsed,t=n.className,a=n.style,i=n.children;return s.default.createElement(r,{style:a,className:t,"data-is-collapsed":e||void 0},i)};
+//# sourceMappingURL=sideMenu.js.map

package/build/components/molecules/sidemenu/sideMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sideMenu.js","sources":["../../../../src/components/molecules/sidemenu/sideMenu.tsx"],"sourcesContent":["import React, { CSSProperties, ReactNode } from 'react'\n\nimport styled from 'styled-components'\n\nconst StyledSideMenu = styled.div`\n  --menu-width: 240px;\n  --menu-spacing: 28px 16px;\n  width: var(--menu-width);\n  height: 100vh;\n  padding: var(--menu-spacing);\n  background-color: ${(props) => props.theme.colors.neutral50};\n  transition: ease-in-out 0.5s;\n\n  &[data-is-collapsed] {\n    --menu-width: 64px;\n    --menu-spacing: 28px 8px;\n  }\n`\n\nexport type Props = {\n  isCollapsed: boolean\n  className?: string\n  style?: CSSProperties\n  children?: ReactNode\n}\n\nconst SideMenu = ({ isCollapsed, className, style, children }: Props) => {\n  return (\n    <StyledSideMenu\n      style={style}\n      className={className}\n      data-is-collapsed={isCollapsed || undefined}\n    >\n      {children}\n    </StyledSideMenu>\n  )\n}\n\nexport { SideMenu }\n"],"names":["StyledSideMenu","styled","div","props","theme","colors","neutral50","_a","isCollapsed","className","style","children","React","createElement","undefined"],"mappings":"qQAIMA,OAAiBC,QAAOC,mUAAG,+JAM4B,oIAAvC,SAACC,GAAU,OAAAA,EAAMC,MAAMC,OAAOC,8BAgBnC,SAACC,OAAEC,EAAWD,EAAAC,YAAEC,EAASF,EAAAE,UAAEC,EAAKH,EAAAG,MAAEC,EAAQJ,EAAAI,SACzD,OACEC,EAAC,QAAAC,cAAAb,GACCU,MAAOA,EACPD,UAAWA,EAAS,oBACDD,QAAeM,GAEjCH"}

package/build/components/molecules/sidemenu/userInfo.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),n=require("react"),t=require("../doctorInfo/index.js"),a=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r,o=i(n),s=i(a).default.div(r||(r=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-top: 24px;\n  margin-bottom: 36px;\n\n  figcaption {\n    white-space: nowrap;\n  }\n\n  &[data-is-collapsed='true'] {\n    img {\n      max-width: 2rem;\n      max-height: 2rem;\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  margin-top: 24px;\n  margin-bottom: 36px;\n\n  figcaption {\n    white-space: nowrap;\n  }\n\n  &[data-is-collapsed='true'] {\n    img {\n      max-width: 2rem;\n      max-height: 2rem;\n    }\n  }\n"])));exports.UserInfo=function(e){var n=e.isCollapsed,a=e.userName,i=e.role,r=e.avatar;return o.default.createElement(s,{"data-is-collapsed":n||void 0},o.default.createElement(t.DoctorInfo,{image:r,name:a,description:i,isDescriptionHidden:n}))};
+//# sourceMappingURL=userInfo.js.map

package/build/components/molecules/sidemenu/userInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"userInfo.js","sources":["../../../../src/components/molecules/sidemenu/userInfo.tsx"],"sourcesContent":["import React from 'react'\n\nimport { DoctorInfo } from 'components/molecules/doctorInfo'\nimport styled from 'styled-components'\n\nconst StyledUserInfo = styled.div`\n  display: flex;\n  align-items: center;\n  margin-top: 24px;\n  margin-bottom: 36px;\n\n  figcaption {\n    white-space: nowrap;\n  }\n\n  &[data-is-collapsed='true'] {\n    img {\n      max-width: 2rem;\n      max-height: 2rem;\n    }\n  }\n`\n\ntype Props = {\n  isCollapsed: boolean\n  userName: string\n  role: string\n  avatar: JSX.Element\n}\n\nconst UserInfo = ({ isCollapsed, userName, role, avatar }: Props) => {\n  return (\n    <StyledUserInfo data-is-collapsed={isCollapsed || undefined}>\n      <DoctorInfo\n        image={avatar}\n        name={userName}\n        description={role}\n        isDescriptionHidden={isCollapsed}\n      />\n    </StyledUserInfo>\n  )\n}\n\nexport { UserInfo }\n"],"names":["StyledUserInfo","div","templateObject_1","__makeTemplateObject","_a","isCollapsed","userName","role","avatar","React","createElement","undefined","DoctorInfo","image","name","description","isDescriptionHidden"],"mappings":"ySAKMA,OAAuB,QAACC,IAAGC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,yPAAA,CAAA,6QAyBhB,SAACC,OAAEC,EAAWD,EAAAC,YAAEC,EAAQF,EAAAE,SAAEC,EAAIH,EAAAG,KAAEC,EAAMJ,EAAAI,OACrD,OACEC,EAAAA,QAACC,cAAAV,EAAkC,CAAA,oBAAAK,QAAeM,GAChDF,EAAAA,QAACC,cAAAE,EAAAA,YACCC,MAAOL,EACPM,KAAMR,EACNS,YAAaR,EACbS,oBAAqBX"}

package/build/components/molecules/statisticCard/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);exports.StatisticCard=function(e){var a=e.type,l=e.description,i=e.value,d=e.withIcon,c=e.isInACard,s=e.cardColor,n=e.className;return r.default.createElement(t.StyledStatisticContainer,{className:n,"data-size":a,"data-is-in-card":"big"===a&&c,"data-card-color":s},r.default.createElement(t.StyledDescriptionWrapper,null,"small"===a&&r.default.createElement(t.StyledDot,{"data-color":s}),l),r.default.createElement(t.StyledStatisticNumberWrapper,{"data-size":a},"small"!==a&&d,i))};
+//# sourceMappingURL=index.js.map

package/build/components/molecules/statisticCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/statisticCard/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport {\n  StyledDescriptionWrapper,\n  StyledDot,\n  StyledStatisticContainer,\n  StyledStatisticNumberWrapper,\n} from './index.styled'\n\nexport type Props = {\n  type: 'big' | 'small'\n  description: string\n  value: string | number\n  withIcon?: JSX.Element\n  isInACard?: boolean\n  cardColor?: string\n  className?: string\n}\n\nconst StatisticCard = ({\n  type,\n  description,\n  value,\n  withIcon,\n  isInACard,\n  cardColor,\n  className,\n}: Props) => {\n  return (\n    <StyledStatisticContainer\n      className={className}\n      data-size={type}\n      data-is-in-card={type === 'big' && isInACard}\n      data-card-color={cardColor}\n    >\n      <StyledDescriptionWrapper>\n        {type === 'small' && <StyledDot data-color={cardColor} />}\n        {description}\n      </StyledDescriptionWrapper>\n      <StyledStatisticNumberWrapper data-size={type}>\n        {type !== 'small' && withIcon}\n        {value}\n      </StyledStatisticNumberWrapper>\n    </StyledStatisticContainer>\n  )\n}\n\nexport { StatisticCard }\n"],"names":["_a","type","description","value","withIcon","isInACard","cardColor","className","React","createElement","StyledStatisticContainer","StyledDescriptionWrapper","StyledDot","StyledStatisticNumberWrapper"],"mappings":"mOAmBsB,SAACA,GACrB,IAAAC,SACAC,gBACAC,UACAC,EAAQJ,EAAAI,SACRC,EAASL,EAAAK,UACTC,EAASN,EAAAM,UACTC,EAASP,EAAAO,UAET,OACEC,EAAC,QAAAC,cAAAC,EAAwBA,yBACvB,CAAAH,UAAWA,EAAS,YACTN,EAAI,kBACW,QAATA,GAAkBI,oBAClBC,GAEjBE,UAAAC,cAACE,EAAAA,yBAAwB,KACb,UAATV,GAAoBO,wBAACI,EAAAA,UAAS,CAAA,aAAaN,IAC3CJ,GAEHM,EAAAA,QAACC,cAAAI,EAAAA,0CAAwCZ,GAC7B,UAATA,GAAoBG,EACpBD"}

package/build/components/molecules/statisticCard/index.styled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,r,i,o,a=e(require("styled-components")),s=a.default.div(t||(t=n.__makeTemplateObject(["\n  border-radius: 6px;\n  ","\n"],["\n  border-radius: 6px;\n  ","\n"])),(function(n){return n["data-is-in-card"]&&"\n  padding: 12px; \n  background-color: ".concat(n["data-card-color"],";")})),l=a.default.div(r||(r=n.__makeTemplateObject(["\n  width: 13px;\n  height: 13px;\n  margin-right: 10px;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  width: 13px;\n  height: 13px;\n  margin-right: 10px;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n["data-color"]})),d=a.default.div(i||(i=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular})),p=a.default.div(o||(o=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-top: 4px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n\n  & > svg {\n    width: 24px;\n    height: 24px;\n    margin-right: 12px;\n  }\n\n  &[data-size='small'] {\n    margin-left: 23px;\n    font-size: ",";\n    font-weight: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  margin-top: 4px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n\n  & > svg {\n    width: 24px;\n    height: 24px;\n    margin-right: 12px;\n  }\n\n  &[data-size='small'] {\n    margin-left: 23px;\n    font-size: ",";\n    font-weight: ",";\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsHeading2}),(function(n){return n.theme.sizes.fwSemiBold}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}));exports.StyledDescriptionWrapper=d,exports.StyledDot=l,exports.StyledStatisticContainer=s,exports.StyledStatisticNumberWrapper=p;
+//# sourceMappingURL=index.styled.js.map

package/build/components/molecules/statisticCard/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../src/components/molecules/statisticCard/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledStatisticContainer = styled.div`\n  border-radius: 6px;\n  ${(props) =>\n    props['data-is-in-card'] &&\n    `\n  padding: 12px; \n  background-color: ${props['data-card-color']};`}\n`\nexport const StyledDot = styled.div`\n  width: 13px;\n  height: 13px;\n  margin-right: 10px;\n  background-color: ${(props) => props['data-color']};\n  border-radius: 50%;\n`\n\nexport const StyledDescriptionWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  color: ${(props: ThemeProps) => props.theme.colors.gray800};\n  font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n  font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n`\n\nexport const StyledStatisticNumberWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  margin-top: 4px;\n  color: ${(props: ThemeProps) => props.theme.colors.gray800};\n  font-size: ${(props: ThemeProps) => props.theme.sizes.fsHeading2};\n  font-weight: ${(props: ThemeProps) => props.theme.sizes.fwSemiBold};\n\n  & > svg {\n    width: 24px;\n    height: 24px;\n    margin-right: 12px;\n  }\n\n  &[data-size='small'] {\n    margin-left: 23px;\n    font-size: ${(props: ThemeProps) => props.theme.sizes.fsParagraph4};\n    font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n  }\n`\n"],"names":["StyledStatisticContainer","styled","div","templateObject_1","__makeTemplateObject","props","concat","StyledDot","templateObject_2","StyledDescriptionWrapper","templateObject_3","theme","colors","gray800","sizes","fsParagraph4","fwRegular","StyledStatisticNumberWrapper","templateObject_4","fsHeading2","fwSemiBold","fwBold"],"mappings":"oPAGaA,EAA2BC,EAAM,QAACC,IAAGC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,8BAAA,MAAA,CAAA,8BAMD,SAJ7C,SAACC,GACD,OAAAA,EAAM,oBACN,4CAAAC,OAEkBD,EAAM,mBAAqB,QAEpCE,EAAYN,EAAAA,QAAOC,IAAGM,IAAAA,EAAAJ,uBAAA,CAAA,iFAAA,8BAAA,CAAA,iFAIiB,iCAA9B,SAACC,GAAU,OAAAA,EAAM,iBAI1BI,EAA2BR,EAAAA,QAAOC,IAAGQ,IAAAA,EAAAN,uBAAA,CAAA,wDAAA,mBAAA,qBAAA,OAAA,CAAA,wDAGU,mBACQ,qBACD,UAFxD,SAACC,GAAsB,OAAAA,EAAMM,MAAMC,OAAOC,WACtC,SAACR,GAAsB,OAAAA,EAAMM,MAAMG,MAAMC,gBACvC,SAACV,GAAsB,OAAAA,EAAMM,MAAMG,MAAME,aAG7CC,EAA+BhB,EAAAA,QAAOC,IAAGgB,IAAAA,EAAAd,EAAAA,qBAAA,CAAA,4EAAA,mBAAA,qBAAA,2JAAA,uBAAA,YAAA,CAAA,4EAIM,mBACM,qBACE,2JAUE,uBACJ,eAbvD,SAACC,GAAsB,OAAAA,EAAMM,MAAMC,OAAOC,WACtC,SAACR,GAAsB,OAAAA,EAAMM,MAAMG,MAAMK,cACvC,SAACd,GAAsB,OAAAA,EAAMM,MAAMG,MAAMM,cAUzC,SAACf,GAAsB,OAAAA,EAAMM,MAAMG,MAAMC,gBACvC,SAACV,GAAsB,OAAAA,EAAMM,MAAMG,MAAMO"}

package/build/components/molecules/surveyQuestionCard/index.styled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),e=require("../../atoms/radio/index.styled.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,i,o,a,s=t(require("styled-components")),d=s.default.div(r||(r=n.__makeTemplateObject(["\n  padding: 1rem;\n  background: ",";\n  .survey-inner-wrapper {\n    padding: 1.25rem 1rem 1.5rem;\n    background: ",";\n    border-radius: 6px;\n    .survey-header {\n      border-bottom: 1px solid #dbdfe5;\n      margin-bottom: 12px;\n      .survey-header-text {\n        color: ",";\n      }\n    }\n\n    .survey-contact-submit {\n      width: 100%;\n      margin-bottom: 1.5rem;\n    }\n    .term-policy-container {\n      width: 70%;\n      min-width: 210px;\n      max-width: 100%;\n      margin: 0 auto 1.5rem;\n      text-align: center;\n    }\n\n    .survey-progress-wrapper {\n      width: calc(100% + 2rem);\n      height: 4px;\n      margin-bottom: 1rem;\n      margin-left: -1rem;\n      background: #e4e8ec;\n      .survey-progress {\n        width: 100%;\n        height: 100%;\n        background: #00b16a;\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform ease-in-out 0.3s;\n      }\n    }\n\n    .survey-button-wrapper {\n      display: flex;\n      justify-content: flex-end;\n      button {\n        justify-content: center;\n        &[data-has-icon='true'] {\n          svg {\n            width: 10px;\n            height: 10px;\n            margin-right: 10px;\n            vertical-align: unset;\n          }\n        }\n        &.survey-next-button {\n          &[data-has-icon='true'] {\n            svg {\n              margin-right: 0;\n              margin-left: 10px;\n            }\n          }\n        }\n      }\n      &[data-center='true'] {\n        justify-content: center;\n        button:only-child {\n          width: 200px;\n          max-width: 80%;\n        }\n      }\n      .survey-prev-button {\n        margin-right: 0.5rem;\n      }\n    }\n  }\n"],["\n  padding: 1rem;\n  background: ",";\n  .survey-inner-wrapper {\n    padding: 1.25rem 1rem 1.5rem;\n    background: ",";\n    border-radius: 6px;\n    .survey-header {\n      border-bottom: 1px solid #dbdfe5;\n      margin-bottom: 12px;\n      .survey-header-text {\n        color: ",";\n      }\n    }\n\n    .survey-contact-submit {\n      width: 100%;\n      margin-bottom: 1.5rem;\n    }\n    .term-policy-container {\n      width: 70%;\n      min-width: 210px;\n      max-width: 100%;\n      margin: 0 auto 1.5rem;\n      text-align: center;\n    }\n\n    .survey-progress-wrapper {\n      width: calc(100% + 2rem);\n      height: 4px;\n      margin-bottom: 1rem;\n      margin-left: -1rem;\n      background: #e4e8ec;\n      .survey-progress {\n        width: 100%;\n        height: 100%;\n        background: #00b16a;\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform ease-in-out 0.3s;\n      }\n    }\n\n    .survey-button-wrapper {\n      display: flex;\n      justify-content: flex-end;\n      button {\n        justify-content: center;\n        &[data-has-icon='true'] {\n          svg {\n            width: 10px;\n            height: 10px;\n            margin-right: 10px;\n            vertical-align: unset;\n          }\n        }\n        &.survey-next-button {\n          &[data-has-icon='true'] {\n            svg {\n              margin-right: 0;\n              margin-left: 10px;\n            }\n          }\n        }\n      }\n      &[data-center='true'] {\n        justify-content: center;\n        button:only-child {\n          width: 200px;\n          max-width: 80%;\n        }\n      }\n      .survey-prev-button {\n        margin-right: 0.5rem;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray500})),p=s.default(e.StyledRadio)(i||(i=n.__makeTemplateObject(["\n  &[data-type='circle'] {\n    padding: 16px 20px;\n    border: 0.5px solid transparent;\n    background: #fafafa;\n    border-radius: 6px;\n    &[data-checked='true'] {\n      border: 0.5px solid #2d87f3;\n      background: #f7f9fc;\n    }\n    input {\n      border: solid 2px #737373;\n      margin-right: 0;\n      background: white;\n      &[type='checkbox'] {\n        &:checked {\n          border: 0;\n          background: ","\n            url(\"data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z' fill='%232D87F3' stroke='%232D87F3' stroke-width='2'/%3E%3Cpath d='M15.5714 8L9.67857 14L7 11.2727' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n            no-repeat center center;\n          &:after {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &[data-has-image='true'] {\n      position: relative;\n      display: block;\n      padding: 12px;\n      input {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n      }\n      .choice-image-wrapper {\n        position: relative;\n        padding-top: 56.25%;\n        margin-bottom: 0.75rem;\n        img {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          border-radius: 6px;\n          object-fit: cover;\n        }\n      }\n    }\n  }\n"],["\n  &[data-type='circle'] {\n    padding: 16px 20px;\n    border: 0.5px solid transparent;\n    background: #fafafa;\n    border-radius: 6px;\n    &[data-checked='true'] {\n      border: 0.5px solid #2d87f3;\n      background: #f7f9fc;\n    }\n    input {\n      border: solid 2px #737373;\n      margin-right: 0;\n      background: white;\n      &[type='checkbox'] {\n        &:checked {\n          border: 0;\n          background: ","\n            url(\"data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z' fill='%232D87F3' stroke='%232D87F3' stroke-width='2'/%3E%3Cpath d='M15.5714 8L9.67857 14L7 11.2727' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n            no-repeat center center;\n          &:after {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &[data-has-image='true'] {\n      position: relative;\n      display: block;\n      padding: 12px;\n      input {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n      }\n      .choice-image-wrapper {\n        position: relative;\n        padding-top: 56.25%;\n        margin-bottom: 0.75rem;\n        img {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          border-radius: 6px;\n          object-fit: cover;\n        }\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.primaryBase})),u=s.default.div(o||(o=n.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  padding-top: min(400px, 100%);\n  .survey-thankyou-wrapper-inner {\n    position: absolute;\n    top: 0;\n    left: 0;\n    display: flex;\n    width: 100%;\n    height: 100%;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    .survey-thankyou-icon {\n      width: 36%;\n      max-height: 50%;\n      margin-bottom: 1.5rem;\n    }\n    .survey-thankyou-title {\n      margin-bottom: 1rem;\n      text-align: center;\n    }\n    .survey-thankyou-subtitle {\n      text-align: center;\n      > * {\n        text-align: center;\n      }\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n  padding-top: min(400px, 100%);\n  .survey-thankyou-wrapper-inner {\n    position: absolute;\n    top: 0;\n    left: 0;\n    display: flex;\n    width: 100%;\n    height: 100%;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    .survey-thankyou-icon {\n      width: 36%;\n      max-height: 50%;\n      margin-bottom: 1.5rem;\n    }\n    .survey-thankyou-title {\n      margin-bottom: 1rem;\n      text-align: center;\n    }\n    .survey-thankyou-subtitle {\n      text-align: center;\n      > * {\n        text-align: center;\n      }\n    }\n  }\n"]))),l=s.default.div(a||(a=n.__makeTemplateObject(["\n  .survey-question-text-wrapper {\n    margin-bottom: 24px;\n    .survey-question-title {\n      margin-bottom: 4px;\n    }\n    .survey-question-subtitle,\n    .survey-question-description {\n      color: ",";\n    }\n  }\n  .survey-question-image {\n    width: 100%;\n    margin-bottom: 12px;\n    border-radius: 6px;\n  }\n\n  .survey-question-answer-wrapper {\n    margin-bottom: 1.5rem;\n    .survey-question-options-wrapper {\n      display: grid;\n      grid-gap: 0.5rem;\n      grid-template-columns: 1fr;\n      &[data-has-image='true'] {\n        grid-gap: 0.8rem;\n        grid-template-columns: 1fr 1fr;\n      }\n      .survey-question-option-item {\n        label {\n          color: #262626;\n          font-size: 16px;\n          font-style: normal;\n          font-weight: normal;\n          line-height: 24px;\n        }\n      }\n    }\n    .survey-contact-input {\n      margin-bottom: 1rem;\n      &:first-child {\n        margin-top: 1rem;\n      }\n      label {\n        font-weight: 700;\n      }\n      input {\n        margin-top: 6px;\n      }\n    }\n  }\n"],["\n  .survey-question-text-wrapper {\n    margin-bottom: 24px;\n    .survey-question-title {\n      margin-bottom: 4px;\n    }\n    .survey-question-subtitle,\n    .survey-question-description {\n      color: ",";\n    }\n  }\n  .survey-question-image {\n    width: 100%;\n    margin-bottom: 12px;\n    border-radius: 6px;\n  }\n\n  .survey-question-answer-wrapper {\n    margin-bottom: 1.5rem;\n    .survey-question-options-wrapper {\n      display: grid;\n      grid-gap: 0.5rem;\n      grid-template-columns: 1fr;\n      &[data-has-image='true'] {\n        grid-gap: 0.8rem;\n        grid-template-columns: 1fr 1fr;\n      }\n      .survey-question-option-item {\n        label {\n          color: #262626;\n          font-size: 16px;\n          font-style: normal;\n          font-weight: normal;\n          line-height: 24px;\n        }\n      }\n    }\n    .survey-contact-input {\n      margin-bottom: 1rem;\n      &:first-child {\n        margin-top: 1rem;\n      }\n      label {\n        font-weight: 700;\n      }\n      input {\n        margin-top: 6px;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500}));exports.StyledSurveyQuestionCard=d,exports.StyledSurveyQuestionContent=l,exports.StyledSurveyRadio=p,exports.StyledSurveyThankyouCard=u;
+//# sourceMappingURL=index.styled.js.map

package/build/components/molecules/surveyQuestionCard/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../src/components/molecules/surveyQuestionCard/index.styled.tsx"],"sourcesContent":["import { StyledRadio } from 'components/atoms/radio/index.styled'\nimport { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledSurveyQuestionCard = styled.div`\n  padding: 1rem;\n  background: ${(props: ThemeProps) => props.theme.colors.neutral100};\n  .survey-inner-wrapper {\n    padding: 1.25rem 1rem 1.5rem;\n    background: ${(props: ThemeProps) => props.theme.colors.white};\n    border-radius: 6px;\n    .survey-header {\n      border-bottom: 1px solid #dbdfe5;\n      margin-bottom: 12px;\n      .survey-header-text {\n        color: ${(props: ThemeProps) => props.theme.colors.gray500};\n      }\n    }\n\n    .survey-contact-submit {\n      width: 100%;\n      margin-bottom: 1.5rem;\n    }\n    .term-policy-container {\n      width: 70%;\n      min-width: 210px;\n      max-width: 100%;\n      margin: 0 auto 1.5rem;\n      text-align: center;\n    }\n\n    .survey-progress-wrapper {\n      width: calc(100% + 2rem);\n      height: 4px;\n      margin-bottom: 1rem;\n      margin-left: -1rem;\n      background: #e4e8ec;\n      .survey-progress {\n        width: 100%;\n        height: 100%;\n        background: #00b16a;\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform ease-in-out 0.3s;\n      }\n    }\n\n    .survey-button-wrapper {\n      display: flex;\n      justify-content: flex-end;\n      button {\n        justify-content: center;\n        &[data-has-icon='true'] {\n          svg {\n            width: 10px;\n            height: 10px;\n            margin-right: 10px;\n            vertical-align: unset;\n          }\n        }\n        &.survey-next-button {\n          &[data-has-icon='true'] {\n            svg {\n              margin-right: 0;\n              margin-left: 10px;\n            }\n          }\n        }\n      }\n      &[data-center='true'] {\n        justify-content: center;\n        button:only-child {\n          width: 200px;\n          max-width: 80%;\n        }\n      }\n      .survey-prev-button {\n        margin-right: 0.5rem;\n      }\n    }\n  }\n`\n\nexport const StyledSurveyRadio = styled(StyledRadio)`\n  &[data-type='circle'] {\n    padding: 16px 20px;\n    border: 0.5px solid transparent;\n    background: #fafafa;\n    border-radius: 6px;\n    &[data-checked='true'] {\n      border: 0.5px solid #2d87f3;\n      background: #f7f9fc;\n    }\n    input {\n      border: solid 2px #737373;\n      margin-right: 0;\n      background: white;\n      &[type='checkbox'] {\n        &:checked {\n          border: 0;\n          background: ${(props: ThemeProps) => props.theme.colors.primaryBase}\n            url(\"data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z' fill='%232D87F3' stroke='%232D87F3' stroke-width='2'/%3E%3Cpath d='M15.5714 8L9.67857 14L7 11.2727' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n            no-repeat center center;\n          &:after {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &[data-has-image='true'] {\n      position: relative;\n      display: block;\n      padding: 12px;\n      input {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n      }\n      .choice-image-wrapper {\n        position: relative;\n        padding-top: 56.25%;\n        margin-bottom: 0.75rem;\n        img {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          border-radius: 6px;\n          object-fit: cover;\n        }\n      }\n    }\n  }\n`\n\nexport const StyledSurveyThankyouCard = styled.div`\n  position: relative;\n  width: 100%;\n  padding-top: min(400px, 100%);\n  .survey-thankyou-wrapper-inner {\n    position: absolute;\n    top: 0;\n    left: 0;\n    display: flex;\n    width: 100%;\n    height: 100%;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    .survey-thankyou-icon {\n      width: 36%;\n      max-height: 50%;\n      margin-bottom: 1.5rem;\n    }\n    .survey-thankyou-title {\n      margin-bottom: 1rem;\n      text-align: center;\n    }\n    .survey-thankyou-subtitle {\n      text-align: center;\n      > * {\n        text-align: center;\n      }\n    }\n  }\n`\n\nexport const StyledSurveyQuestionContent = styled.div`\n  .survey-question-text-wrapper {\n    margin-bottom: 24px;\n    .survey-question-title {\n      margin-bottom: 4px;\n    }\n    .survey-question-subtitle,\n    .survey-question-description {\n      color: ${(props: ThemeProps) => props.theme.colors.gray500};\n    }\n  }\n  .survey-question-image {\n    width: 100%;\n    margin-bottom: 12px;\n    border-radius: 6px;\n  }\n\n  .survey-question-answer-wrapper {\n    margin-bottom: 1.5rem;\n    .survey-question-options-wrapper {\n      display: grid;\n      grid-gap: 0.5rem;\n      grid-template-columns: 1fr;\n      &[data-has-image='true'] {\n        grid-gap: 0.8rem;\n        grid-template-columns: 1fr 1fr;\n      }\n      .survey-question-option-item {\n        label {\n          color: #262626;\n          font-size: 16px;\n          font-style: normal;\n          font-weight: normal;\n          line-height: 24px;\n        }\n      }\n    }\n    .survey-contact-input {\n      margin-bottom: 1rem;\n      &:first-child {\n        margin-top: 1rem;\n      }\n      label {\n        font-weight: 700;\n      }\n      input {\n        margin-top: 6px;\n      }\n    }\n  }\n`\n"],"names":["StyledSurveyQuestionCard","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","neutral100","white","gray500","StyledSurveyRadio","StyledRadio","templateObject_2","primaryBase","StyledSurveyThankyouCard","templateObject_3","StyledSurveyQuestionContent","templateObject_4"],"mappings":"mSAIaA,EAA2BC,EAAAA,QAAOC,IAAGC,IAAAA,EAAAC,uBAAA,CAAA,qCAAA,oFAAA,sKAAA,m7CAAA,CAAA,qCAEkB,oFAGH,sKAMC,s7CATlD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAGxC,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,SAM3C,SAACJ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOG,WAoE9CC,EAAoBV,EAAAA,QAAOW,EAAWA,YAAlBX,CAAmBY,IAAAA,EAAAT,uBAAA,CAAA,qbAAA,kqCAAA,CAAA,qbAiByB,qqCAArD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOO,eAqCrDC,EAA2Bd,EAAM,QAACC,IAAGc,IAAAA,EAAAZ,uBAAA,CAAA,ynBAAA,CAAA,4nBAgCrCa,EAA8BhB,EAAAA,QAAOC,IAAGgB,IAAAA,EAAAd,EAAAA,qBAAA,CAAA,mNAAA,g3BAAA,CAAA,mNAQW,m3BAAjD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOG"}

package/build/components/molecules/surveyQuestionCard/surveyQuestionCard.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../atoms/text/index.js");require("../../atoms/alert/index.styled.js"),require("../../atoms/avatar/index.styled.js"),require("../../atoms/badge/index.styled.js"),require("../../atoms/borderHeading/index.styled.js");var s=require("../../atoms/button/index.js");require("../../atoms/divider/index.styled.js"),require("../../atoms/fileDropdown/index.styled.js"),require("../../atoms/flag/index.styled.js"),require("../../atoms/grid/index.styled.js"),require("../../atoms/heading/index.styled.js"),require("../../atoms/label/index.js"),require("../../atoms/input/index.styled.js"),require("../../atoms/logo/index.js"),require("../../../misc/utils.js"),require("../../atoms/pagination/index.styled.js"),require("../../atoms/pureInput/index.js"),require("../../atoms/radio/index.styled.js"),require("../../atoms/shadow/index.styled.js"),require("react-range"),require("../../atoms/slider/index.styled.js"),require("../../atoms/tag/index.styled.js"),require("../../atoms/toggle/index.styled.js"),require("../../atoms/underlinedLink/index.styled.js"),require("../../atoms/uploader/index.styled.js"),require("../../atoms/textArea/index.js"),require("../../atoms/container/index.styled.js"),require("../../atoms/checkbox/index.styled.js"),require("../../atoms/textDivider/index.js"),require("../../atoms/rateStars/index.styled.js"),require("../../atoms/icons/Ask.js"),require("../../atoms/icons/BarChart.js"),require("../../atoms/icons/Booking.js"),require("../../atoms/icons/Bookmark.js"),require("../../atoms/icons/Community.js"),require("../../atoms/icons/EditSpecial.js"),require("../../atoms/icons/Family.js"),require("../../atoms/icons/Font.js"),require("../../atoms/icons/Heart.js"),require("../../atoms/icons/Home.js"),require("../../atoms/icons/Like.js"),require("../../atoms/icons/MyCommunity.js"),require("../../atoms/icons/PlusSpecial.js"),require("../../atoms/icons/Recalculate.js"),require("../../atoms/icons/Scale.js"),require("../../atoms/icons/Share.js"),require("../../atoms/icons/Stethoscope.js"),require("../../atoms/progress/index.styled.js");var r=require("./index.styled.js"),i=require("./surveyQuestionContent.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n,a=o(e);exports.NodeMultipleOptions=void 0,(n=exports.NodeMultipleOptions||(exports.NodeMultipleOptions={}))[n.UNLIMITED=0]="UNLIMITED",n[n.EXACT_NUMBER=1]="EXACT_NUMBER",n[n.RANGE=2]="RANGE";exports.SurveyQuestionCard=function(o){var n,l,u,d=o.className,m=o.headerText,c=o.style,x=o.question,p=o.termAndPolicyText,y=o.prevText,f=o.nextText,q=o.isContactForm,j=o.isDisableNext,v=o.isDisablePrev,g=o.onPrevClick,h=o.onNextClick,C=o.isSubmitButton,E=o.isButtonCenter,N=o.progress,b=o.descriptionText,w=e.useState([]),M=w[0],k=w[1],B=x.is_multi_select,S=x.multi_select_option,L=x.from,T=x.to,D=null==x?void 0:x.type,O="checkbox"===D&&(null===(n=x.options)||void 0===n?void 0:n.length)&&(!M||0===M.length||B&&S===exports.NodeMultipleOptions.RANGE&&(M.length<L||M.length>T)||B&&S===exports.NodeMultipleOptions.EXACT_NUMBER&&M.length!==L)||"radio"===D&&(null===(l=x.options)||void 0===l?void 0:l.length)&&(!M||0===M.length)||"textbox"===D&&(null===(u=x.textOptions)||void 0===u?void 0:u.length)&&(M.length<x.textOptions.length||M.some((function(e){return!e.value}))),A="number"==typeof N?N>1?1:N<0?0:Number(N.toFixed(2)):-1,_=e.useRef(null),R=function(){return"textbox"!==D||_.current.reportValidity()};return a.default.createElement(r.StyledSurveyQuestionCard,{className:d,style:c},a.default.createElement("div",{className:"survey-inner-wrapper"},m&&a.default.createElement("div",{className:"survey-header"},a.default.createElement(t.Text,{className:"survey-header-text",size:"c2"},m)),a.default.createElement("form",{ref:_,onSubmit:function(e){return e.preventDefault()}},a.default.createElement(i.SurveyQuestionContent,{question:x,description:b,onOptionsChange:function(e){k(e)},onTextOptionsChange:function(e){k(e)}})),q&&f&&a.default.createElement(s.Button,{className:"survey-contact-submit",size:"lg",isDisabled:j||O,onClick:function(){return R()&&h&&h(M)}},f),p&&a.default.createElement("div",{className:"term-policy-container"},p),"number"==typeof N&&a.default.createElement("div",{className:"survey-progress-wrapper"},a.default.createElement("div",{className:"survey-progress",style:{transform:"scaleX(".concat(A,")")}})),(y||f)&&a.default.createElement("div",{"data-center":E,className:"survey-button-wrapper"},y&&a.default.createElement(s.Button,{className:"survey-prev-button",size:"lg",color:v?"primary":"secondary",isDisabled:v,icon:a.default.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.default.createElement("path",{d:"M2.44677 4.99999L5.31252 2.13424C5.62302 1.82374 5.62302 1.31974 5.31252 1.00924C5.00202 0.698742 4.49802 0.698742 4.18752 1.00924L0.727018 4.46974C0.433768 4.76299 0.433768 5.23774 0.727018 5.53024L4.18752 8.99074C4.49802 9.30124 5.00202 9.30124 5.31252 8.99074C5.62302 8.68024 5.62302 8.17624 5.31252 7.86574L2.44677 4.99999Z",fill:v?"#fff":"#2D87F3"})),onClick:g},y),!q&&f&&a.default.createElement(s.Button,{onClick:function(){return R()&&h&&h(M)},className:"survey-next-button",size:"lg",isDisabled:j||O},f," ",C?void 0:a.default.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.default.createElement("path",{d:"M3.80322 5.19994L0.937465 2.33419C0.626965 2.02369 0.626965 1.51969 0.937465 1.20919C1.24796 0.898693 1.75196 0.898693 2.06246 1.20919L5.52297 4.66969C5.81622 4.96294 5.81622 5.43769 5.52297 5.73019L2.06246 9.19069C1.75196 9.50119 1.24796 9.50119 0.937465 9.19069C0.626965 8.88019 0.626965 8.37619 0.937465 8.06569L3.80322 5.19994Z",fill:"#ffffff"}))))))};
+//# sourceMappingURL=surveyQuestionCard.js.map

package/build/components/molecules/surveyQuestionCard/surveyQuestionCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surveyQuestionCard.js","sources":["../../../../src/components/molecules/surveyQuestionCard/surveyQuestionCard.tsx"],"sourcesContent":["import React, { CSSProperties, ReactNode, useRef, useState } from 'react'\n\nimport { Button, Text } from 'components/atoms'\n\nimport { StyledSurveyQuestionCard } from './index.styled'\nimport {\n  SurveyOption,\n  SurveyTextOption,\n  SurveyQuestion,\n  SurveyQuestionContent,\n} from './surveyQuestionContent'\n\nexport type SurveyAnswer = SurveyOption[] | SurveyTextOption[]\n\nexport type Props = {\n  headerText?: string\n  className?: string\n  style?: CSSProperties\n\n  termAndPolicyText?: ReactNode\n  prevText?: ReactNode\n  nextText: ReactNode\n  isContactForm?: boolean\n  isSubmitButton?: boolean\n  isDisableNext?: boolean\n  isDisablePrev?: boolean\n  onPrevClick?: () => void\n  isButtonCenter?: boolean\n  onNextClick?: (answer?: SurveyAnswer) => void\n\n  question: SurveyQuestion\n  progress?: number\n  descriptionText?: string\n}\n\nexport enum NodeMultipleOptions {\n  UNLIMITED = 0,\n  EXACT_NUMBER = 1,\n  RANGE = 2,\n}\n\nconst SurveyQuestionCard = ({\n  className,\n  headerText,\n  style,\n\n  question,\n\n  termAndPolicyText,\n  prevText,\n  nextText,\n  isContactForm,\n  isDisableNext,\n  isDisablePrev,\n  onPrevClick,\n  onNextClick,\n\n  isSubmitButton,\n  isButtonCenter,\n  progress,\n  descriptionText,\n}: Props) => {\n  // const [currentQuestionIndex, setQuestionIndex] = useState(0)\n  const [answer, setAnswer] = useState<SurveyAnswer>([])\n  const { is_multi_select, multi_select_option, from, to } = question\n\n  // const currentQuestion = questions[currentQuestionIndex]\n  // const currentAnswer = answers[currentQuestionIndex]\n  const currentType = question?.type\n  const submitDisabled =\n    (currentType === 'checkbox' &&\n      question.options?.length &&\n      (!answer ||\n        answer.length === 0 ||\n        (is_multi_select &&\n          multi_select_option === NodeMultipleOptions.RANGE &&\n          (answer.length < from || answer.length > to)) ||\n        (is_multi_select &&\n          multi_select_option === NodeMultipleOptions.EXACT_NUMBER &&\n          answer.length !== from))) ||\n    (currentType === 'radio' &&\n      question.options?.length &&\n      (!answer || answer.length === 0)) ||\n    (currentType === 'textbox' &&\n      question.textOptions?.length &&\n      (answer.length < question.textOptions.length ||\n        answer.some((a) => !a.value)))\n\n  const normalizedProgress =\n    typeof progress === 'number'\n      ? progress > 1\n        ? 1\n        : progress < 0\n        ? 0\n        : Number(progress.toFixed(2))\n      : -1\n\n  const formRef = useRef<HTMLFormElement>(null)\n  const reportValidity = () => {\n    if (currentType === 'textbox') {\n      // report validity for input elements\n      return formRef.current.reportValidity()\n    }\n    return true\n  }\n  return (\n    <StyledSurveyQuestionCard className={className} style={style}>\n      <div className=\"survey-inner-wrapper\">\n        {headerText && (\n          <div className=\"survey-header\">\n            <Text className=\"survey-header-text\" size=\"c2\">\n              {headerText}\n            </Text>\n          </div>\n        )}\n        <form ref={formRef} onSubmit={(e) => e.preventDefault()}>\n          <SurveyQuestionContent\n            question={question}\n            description={descriptionText}\n            onOptionsChange={(options) => {\n              setAnswer(options)\n            }}\n            onTextOptionsChange={(text) => {\n              setAnswer(text)\n            }}\n          />\n        </form>\n        {isContactForm && nextText && (\n          <Button\n            className=\"survey-contact-submit\"\n            size=\"lg\"\n            isDisabled={isDisableNext || submitDisabled}\n            onClick={() =>\n              reportValidity() && onNextClick && onNextClick(answer)\n            }\n          >\n            {nextText}\n          </Button>\n        )}\n        {termAndPolicyText && (\n          <div className=\"term-policy-container\">{termAndPolicyText}</div>\n        )}\n        {typeof progress === 'number' && (\n          <div className=\"survey-progress-wrapper\">\n            <div\n              className=\"survey-progress\"\n              style={{\n                transform: `scaleX(${normalizedProgress})`,\n              }}\n            ></div>\n          </div>\n        )}\n        {(prevText || nextText) && (\n          <div data-center={isButtonCenter} className=\"survey-button-wrapper\">\n            {prevText && (\n              <Button\n                className=\"survey-prev-button\"\n                size=\"lg\"\n                color={isDisablePrev ? 'primary' : 'secondary'}\n                isDisabled={isDisablePrev}\n                icon={\n                  <svg\n                    width=\"6\"\n                    height=\"10\"\n                    viewBox=\"0 0 6 10\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <path\n                      d=\"M2.44677 4.99999L5.31252 2.13424C5.62302 1.82374 5.62302 1.31974 5.31252 1.00924C5.00202 0.698742 4.49802 0.698742 4.18752 1.00924L0.727018 4.46974C0.433768 4.76299 0.433768 5.23774 0.727018 5.53024L4.18752 8.99074C4.49802 9.30124 5.00202 9.30124 5.31252 8.99074C5.62302 8.68024 5.62302 8.17624 5.31252 7.86574L2.44677 4.99999Z\"\n                      fill={isDisablePrev ? '#fff' : '#2D87F3'}\n                    />\n                  </svg>\n                }\n                onClick={onPrevClick}\n              >\n                {prevText}\n              </Button>\n            )}\n            {!isContactForm && nextText && (\n              <Button\n                onClick={() =>\n                  reportValidity() && onNextClick && onNextClick(answer)\n                }\n                className=\"survey-next-button\"\n                size=\"lg\"\n                isDisabled={isDisableNext || submitDisabled}\n              >\n                {nextText}{' '}\n                {isSubmitButton ? undefined : (\n                  <svg\n                    width=\"6\"\n                    height=\"10\"\n                    viewBox=\"0 0 6 10\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <path\n                      d=\"M3.80322 5.19994L0.937465 2.33419C0.626965 2.02369 0.626965 1.51969 0.937465 1.20919C1.24796 0.898693 1.75196 0.898693 2.06246 1.20919L5.52297 4.66969C5.81622 4.96294 5.81622 5.43769 5.52297 5.73019L2.06246 9.19069C1.75196 9.50119 1.24796 9.50119 0.937465 9.19069C0.626965 8.88019 0.626965 8.37619 0.937465 8.06569L3.80322 5.19994Z\"\n                      fill=\"#ffffff\"\n                    />\n                  </svg>\n                )}\n              </Button>\n            )}\n          </div>\n        )}\n      </div>\n    </StyledSurveyQuestionCard>\n  )\n}\n\nexport { SurveyQuestionCard }\n"],"names":["NodeMultipleOptions","_a","className","headerText","style","question","termAndPolicyText","prevText","nextText","isContactForm","isDisableNext","isDisablePrev","onPrevClick","onNextClick","isSubmitButton","isButtonCenter","progress","descriptionText","_e","useState","answer","setAnswer","is_multi_select","multi_select_option","from","to","currentType","type","submitDisabled","_b","options","length","RANGE","EXACT_NUMBER","_c","_d","textOptions","some","a","value","normalizedProgress","Number","toFixed","formRef","useRef","reportValidity","current","React","createElement","StyledSurveyQuestionCard","Text","size","ref","onSubmit","e","preventDefault","SurveyQuestionContent","description","onOptionsChange","onTextOptionsChange","text","Button","isDisabled","onClick","transform","concat","color","icon","width","height","viewBox","fill","xmlns","d","undefined"],"mappings":"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"}

package/build/components/molecules/surveyQuestionCard/surveyQuestionContent.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../atoms/text/index.js");require("../../atoms/alert/index.styled.js"),require("../../atoms/avatar/index.styled.js"),require("../../atoms/badge/index.styled.js"),require("../../atoms/borderHeading/index.styled.js"),require("../../atoms/button/index.styled.js"),require("../../atoms/divider/index.styled.js"),require("../../atoms/fileDropdown/index.styled.js"),require("../../atoms/flag/index.styled.js"),require("../../atoms/grid/index.styled.js");var s=require("../../atoms/heading/index.js"),a=require("../../atoms/input/index.js");require("../../atoms/label/index.js"),require("../../atoms/logo/index.js"),require("../../../misc/utils.js"),require("../../atoms/pagination/index.styled.js"),require("../../atoms/pureInput/index.js"),require("../../atoms/radio/index.styled.js"),require("../../atoms/shadow/index.styled.js"),require("react-range"),require("../../atoms/slider/index.styled.js"),require("../../atoms/tag/index.styled.js"),require("../../atoms/toggle/index.styled.js"),require("../../atoms/underlinedLink/index.styled.js"),require("../../atoms/uploader/index.styled.js");var i=require("../../atoms/textArea/index.js");require("../../atoms/container/index.styled.js"),require("../../atoms/checkbox/index.styled.js"),require("../../atoms/textDivider/index.js"),require("../../atoms/rateStars/index.styled.js"),require("../../atoms/icons/Ask.js"),require("../../atoms/icons/BarChart.js"),require("../../atoms/icons/Booking.js"),require("../../atoms/icons/Bookmark.js"),require("../../atoms/icons/Community.js"),require("../../atoms/icons/EditSpecial.js"),require("../../atoms/icons/Family.js"),require("../../atoms/icons/Font.js"),require("../../atoms/icons/Heart.js"),require("../../atoms/icons/Home.js"),require("../../atoms/icons/Like.js"),require("../../atoms/icons/MyCommunity.js"),require("../../atoms/icons/PlusSpecial.js"),require("../../atoms/icons/Recalculate.js"),require("../../atoms/icons/Scale.js"),require("../../atoms/icons/Share.js"),require("../../atoms/icons/Stethoscope.js"),require("../../atoms/progress/index.styled.js");var r=require("./index.styled.js"),n=require("./surveyRadio.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=u(e);exports.SurveyQuestionContent=function(u){var l=u.question,d=u.description,c=u.onOptionsChange,m=u.onTextOptionsChange,q=u.style,y=u.className,v=l.type,p=l.title,j=l.subtitle,x=l.image,f=l.textOptions,g=l.options,h=l.name,b=l.is_multi_select,E=!!(null==g?void 0:g.some((function(e){return e.image}))),k=e.useState([]),N=k[0],S=k[1],C=e.useState((function(){return(null==f?void 0:f.slice())||[]})),w=C[0],T=C[1];return e.useEffect((function(){c&&c(N.slice())}),[!!c,N]),e.useEffect((function(){m&&m(w)}),[!!m,w]),o.default.createElement(r.StyledSurveyQuestionContent,{className:y,style:q},o.default.createElement("div",{className:"survey-question-text-wrapper"},p&&o.default.createElement(s.Heading,{"data-nosubtitle":!j,className:"survey-question-title",tag:"h4"},p),j&&o.default.createElement(t.Text,{className:"survey-question-subtitle",size:"p2"},j),d&&o.default.createElement(t.Text,{className:"survey-question-description",size:"p2"},d)),x&&o.default.createElement("img",{src:x,className:"survey-question-image"}),o.default.createElement("div",{className:"survey-question-answer-wrapper"},"radio"===v&&o.default.createElement("div",{"data-has-image":E,className:"survey-question-options-wrapper"},g.map((function(e){var t;return o.default.createElement(n.SurveyRadio,{inputType:"radio",label:e.label,name:h,key:"".concat(h,"-").concat(e.value),checked:(null===(t=N[0])||void 0===t?void 0:t.value)===e.value,value:e.value,onChange:function(e){S([g.find((function(t){return t.value===e}))])},className:"survey-question-option-item",image:e.image,hasImage:E})}))),"checkbox"===v&&o.default.createElement("div",{"data-has-image":E,className:"survey-question-options-wrapper"},g.map((function(e){return o.default.createElement(n.SurveyRadio,{inputType:"checkbox",label:e.label,name:h,key:"".concat(h,"-").concat(e.value),checked:!!N.find((function(t){return t.value===e.value})),value:e.value,onChange:function(){var t=N.findIndex((function(t){return t.value===e.value}));S(t>=0?function(e){return e.splice(t,1),e.slice()}:b?function(t){return t.concat(e).slice()}:[e])},className:"survey-question-option-item survey-option-radio",image:e.image,hasImage:E})}))),"textbox"===v&&w.map((function(e,t){return e.isTextArea?o.default.createElement(i.TextArea,{key:t,placeholder:e.placeholder,height:"150px",value:e.value,onChange:function(e){return T((function(s){return s[t].value=e,s.slice()}))}}):o.default.createElement(a.Input,{key:t,value:e.value,name:e.name,size:"md",className:"survey-contact-input",label:e.label,placeholder:e.placeholder,onChange:function(e){T((function(s){return s[t].value=e,s.slice()}))},type:e.type})}))))};
+//# sourceMappingURL=surveyQuestionContent.js.map

package/build/components/molecules/surveyQuestionCard/surveyQuestionContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surveyQuestionContent.js","sources":["../../../../src/components/molecules/surveyQuestionCard/surveyQuestionContent.tsx"],"sourcesContent":["import React, { CSSProperties, useEffect, useState, ReactNode } from 'react'\n\nimport { Heading, Input, Text, TextArea } from 'components/atoms'\nimport { Props as InputType } from 'components/atoms/input'\n\nimport { StyledSurveyQuestionContent } from './index.styled'\nimport { SurveyRadio } from './surveyRadio'\n\nexport type SurveyOption = {\n  label: string\n  image?: string\n  value: string\n}\nexport type SurveyTextOption = {\n  label: string\n  placeholder?: string\n  inputType?: string\n  name?: string\n  isTextArea?: boolean\n  value?: string\n  type?: InputType['type']\n}\nexport type SurveyQuestion = {\n  type: 'checkbox' | 'radio' | 'textbox'\n  title?: ReactNode\n  subtitle?: ReactNode\n  image?: string\n  options?: SurveyOption[]\n  textOptions?: SurveyTextOption[]\n  name?: string\n  multi_select_option?: number | null\n  is_multi_select?: boolean\n  from?: number | null\n  to?: number | null\n}\nexport type Props = {\n  question: SurveyQuestion\n  description?: string\n  onOptionsChange?: (c: SurveyOption[]) => void\n  onTextOptionsChange?: (c: SurveyTextOption[]) => void\n  className?: string\n  style?: CSSProperties\n}\n\nexport const SurveyQuestionContent = ({\n  question,\n  description,\n  onOptionsChange,\n  onTextOptionsChange,\n  style,\n  className,\n}: Props) => {\n  const {\n    type,\n    title,\n    subtitle,\n    image,\n    textOptions: textOptionsProps,\n    options,\n    name,\n    is_multi_select,\n  } = question\n  const optionHasImage = !!options?.some((o) => o.image)\n  const [selectedOptions, setSelectedOptions] = useState<SurveyOption[]>([])\n  const [textOptions, setTextOptions] = useState<SurveyTextOption[]>(\n    () => textOptionsProps?.slice() || [],\n  )\n\n  useEffect(() => {\n    onOptionsChange && onOptionsChange(selectedOptions.slice())\n  }, [!!onOptionsChange, selectedOptions])\n  useEffect(() => {\n    onTextOptionsChange && onTextOptionsChange(textOptions)\n  }, [!!onTextOptionsChange, textOptions])\n\n  return (\n    <StyledSurveyQuestionContent className={className} style={style}>\n      <div className=\"survey-question-text-wrapper\">\n        {title && (\n          <Heading\n            data-nosubtitle={!subtitle}\n            className=\"survey-question-title\"\n            tag=\"h4\"\n          >\n            {title}\n          </Heading>\n        )}\n        {subtitle && (\n          <Text className=\"survey-question-subtitle\" size=\"p2\">\n            {subtitle}\n          </Text>\n        )}\n        {description && (\n          <Text className=\"survey-question-description\" size=\"p2\">\n            {description}\n          </Text>\n        )}\n      </div>\n      {image && <img src={image} className=\"survey-question-image\" />}\n      <div className=\"survey-question-answer-wrapper\">\n        {type === 'radio' && (\n          <div\n            data-has-image={optionHasImage}\n            className=\"survey-question-options-wrapper\"\n          >\n            {options.map((option) => (\n              <SurveyRadio\n                inputType=\"radio\"\n                label={option.label}\n                name={name}\n                key={`${name}-${option.value}`}\n                checked={selectedOptions[0]?.value === option.value}\n                value={option.value}\n                onChange={(v) => {\n                  setSelectedOptions([options.find((o) => o.value === v)])\n                }}\n                className=\"survey-question-option-item\"\n                image={option.image}\n                hasImage={optionHasImage}\n              />\n            ))}\n          </div>\n        )}\n        {type === 'checkbox' && (\n          <div\n            data-has-image={optionHasImage}\n            className=\"survey-question-options-wrapper\"\n          >\n            {options.map((option) => (\n              <SurveyRadio\n                inputType=\"checkbox\"\n                label={option.label}\n                name={name}\n                key={`${name}-${option.value}`}\n                checked={\n                  !!selectedOptions.find((o) => o.value === option.value)\n                }\n                value={option.value}\n                onChange={() => {\n                  const foundIndex = selectedOptions.findIndex(\n                    (o) => o.value === option.value,\n                  )\n                  if (foundIndex >= 0) {\n                    setSelectedOptions((_old) => {\n                      _old.splice(foundIndex, 1)\n                      return _old.slice()\n                    })\n                  } else {\n                    if (!is_multi_select) {\n                      setSelectedOptions([option])\n                    } else {\n                      setSelectedOptions((_old) => _old.concat(option).slice())\n                    }\n                  }\n                }}\n                className=\"survey-question-option-item survey-option-radio\"\n                image={option.image}\n                hasImage={optionHasImage}\n              />\n            ))}\n          </div>\n        )}\n        {type === 'textbox' &&\n          textOptions.map((option, index) =>\n            option.isTextArea ? (\n              <TextArea\n                key={index}\n                placeholder={option.placeholder}\n                height={'150px'}\n                value={option.value}\n                onChange={(t) =>\n                  setTextOptions((_o) => {\n                    _o[index].value = t\n                    return _o.slice()\n                  })\n                }\n              />\n            ) : (\n              <Input\n                key={index}\n                value={option.value}\n                name={option.name}\n                size=\"md\"\n                className=\"survey-contact-input\"\n                label={option.label}\n                placeholder={option.placeholder}\n                onChange={(v) => {\n                  setTextOptions((_o) => {\n                    _o[index].value = v\n                    return _o.slice()\n                  })\n                }}\n                type={option.type}\n              />\n            ),\n          )}\n      </div>\n    </StyledSurveyQuestionContent>\n  )\n}\n"],"names":["_a","question","description","onOptionsChange","onTextOptionsChange","style","className","type","title","subtitle","image","textOptionsProps","textOptions","options","name","is_multi_select","optionHasImage","some","o","_b","useState","selectedOptions","setSelectedOptions","_c","slice","setTextOptions","useEffect","React","createElement","StyledSurveyQuestionContent","Heading","tag","Text","size","src","map","option","SurveyRadio","inputType","label","key","concat","value","checked","onChange","v","find","hasImage","foundIndex","findIndex","_old","splice","index","isTextArea","TextArea","placeholder","height","t","_o","Input"],"mappings":"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"}

package/build/components/molecules/surveyQuestionCard/surveyRadio.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),a=require("./index.styled.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=t(e);exports.SurveyRadio=function(e){var t=e.size,l=void 0===t?"small":t,n=e.label,i=e.name,r=e.checked,d=e.value,u=e.className,o=e.isDisabled,s=void 0!==o&&o,m=e.onChange,f=e.hasImage,p=e.inputType,v=e.image;return c.default.createElement(a.StyledSurveyRadio,{"data-disabled":s,className:u,"data-type":"circle","data-size":l,"data-checked":r,onClick:function(){m(d)},"data-has-image":f},f&&c.default.createElement("div",{className:"choice-image-wrapper"},v&&c.default.createElement("img",{src:v})),c.default.createElement("label",{onClick:function(e){e.preventDefault()},htmlFor:"".concat(i,"-").concat(d)},n),c.default.createElement("input",{type:p,checked:r,name:i,id:"".concat(i,"-").concat(d),value:d,readOnly:!0}))};
+//# sourceMappingURL=surveyRadio.js.map

package/build/components/molecules/surveyQuestionCard/surveyRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surveyRadio.js","sources":["../../../../src/components/molecules/surveyQuestionCard/surveyRadio.tsx"],"sourcesContent":["import React from 'react'\n\nimport { StyledSurveyRadio } from './index.styled'\n\nexport type Props = {\n  size?: 'small' | 'large'\n  label: string\n  name: string\n  value: string\n  checked?: boolean\n  className?: string\n  isDisabled?: boolean\n  image?: string\n  hasImage?: boolean\n  inputType?: 'radio' | 'checkbox'\n  onChange: (v: string) => void\n}\n\nconst SurveyRadio = ({\n  size = 'small',\n  label,\n  name,\n  checked,\n  value,\n  className,\n  isDisabled = false,\n  onChange,\n  hasImage,\n  inputType,\n  image,\n}: Props) => {\n  return (\n    <StyledSurveyRadio\n      data-disabled={isDisabled}\n      className={className}\n      data-type=\"circle\"\n      data-size={size}\n      data-checked={checked}\n      onClick={() => {\n        onChange(value)\n      }}\n      data-has-image={hasImage}\n    >\n      {hasImage && (\n        <div className=\"choice-image-wrapper\">\n          {image && <img src={image} />}\n        </div>\n      )}\n      <label\n        onClick={(e) => {\n          e.preventDefault()\n        }}\n        htmlFor={`${name}-${value}`}\n      >\n        {label}\n      </label>\n      <input\n        type={inputType}\n        checked={checked}\n        name={name}\n        id={`${name}-${value}`}\n        value={value}\n        readOnly\n      />\n    </StyledSurveyRadio>\n  )\n}\n\nexport { SurveyRadio }\n"],"names":["_a","_b","size","label","name","checked","value","className","_c","isDisabled","onChange","hasImage","inputType","image","React","createElement","StyledSurveyRadio","onClick","src","e","preventDefault","htmlFor","concat","type","id","readOnly"],"mappings":"iOAkBoB,SAACA,GACnB,IAAAC,EAAAD,EAAAE,KAAAA,OAAI,IAAAD,EAAG,QAAOA,EACdE,EAAKH,EAAAG,MACLC,SACAC,YACAC,UACAC,EAASP,EAAAO,UACTC,eAAAC,OAAa,IAAAD,KACbE,EAAQV,EAAAU,SACRC,EAAQX,EAAAW,SACRC,EAASZ,EAAAY,UACTC,EAAKb,EAAAa,MAEL,OACEC,EAAAA,QAACC,cAAAC,EAAAA,kBACgB,CAAA,gBAAAP,EACfF,UAAWA,EAAS,YACV,SACC,YAAAL,iBACGG,EACdY,QAAS,WACPP,EAASJ,qBAEKK,GAEfA,GACCG,EAAK,QAAAC,cAAA,MAAA,CAAAR,UAAU,wBACZM,GAASC,+BAAKI,IAAKL,KAGxBC,EAAAA,QACEC,cAAA,QAAA,CAAAE,QAAS,SAACE,GACRA,EAAEC,kBAEJC,QAAS,GAAGC,OAAAlB,cAAQE,IAEnBH,GAEHW,EAAAA,QAAAC,cAAA,QAAA,CACEQ,KAAMX,EACNP,QAASA,EACTD,KAAMA,EACNoB,GAAI,GAAGF,OAAAlB,EAAQ,KAAAkB,OAAAhB,GACfA,MAAOA,EACPmB,UAAQ"}