npm - @hhgtech/hhg-components - Versions diffs - 1.18.47 → 1.18.49 - Mend

@hhgtech/hhg-components 1.18.47 → 1.18.49

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

Files changed (2623) hide show

package/build/esm/components/molecules/surveyQuestionCard/surveyThankyouCard.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"surveyThankyouCard.js","sources":["../../../../../src/components/molecules/surveyQuestionCard/surveyThankyouCard.tsx"],"sourcesContent":["import React, { CSSProperties, ReactNode } from 'react'\n\nimport { Heading, Text } from 'components/atoms'\n\nimport {\n StyledSurveyThankyouCard,\n StyledSurveyQuestionCard,\n} from './index.styled'\n\nexport type Props = {\n thankyou?: ReactNode\n thankyouSubtitle?: ReactNode\n className?: string\n style?: CSSProperties\n}\n\nexport const SurveyThankyouCard = ({\n thankyou,\n thankyouSubtitle,\n className,\n style,\n}: Props) => {\n return (\n <StyledSurveyQuestionCard className={className} style={style}>\n <div className=\"survey-inner-wrapper\">\n <StyledSurveyThankyouCard>\n <div className=\"survey-thankyou-wrapper-inner\">\n <svg\n // width=\"122\"\n // height=\"122\"\n viewBox=\"0 0 122 122\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"survey-thankyou-icon\"\n >\n <path\n d=\"M61.5 122C94.6371 122 121.5 95.1371 121.5 62C121.5 28.8629 94.6371 2 61.5 2C28.3629 2 1.5 28.8629 1.5 62C1.5 95.1371 28.3629 122 61.5 122Z\"\n fill=\"#E3F2FF\"\n />\n <ellipse cx=\"61.5\" cy=\"110.36\" rx=\"48\" ry=\"3.36\" fill=\"#91CAFF\" />\n <path\n d=\"M82.9048 72.6663H101.5L87.597 40H35.403L21.5 72.6663H40.0952V91H83.0786L82.9048 72.6663Z\"\n fill=\"#2C74DF\"\n />\n <path\n d=\"M74.4004 15.0005H39.863C36.9017 15.0005 34.5 17.4022 34.5 20.3635V72.5769C34.5 75.5383 36.9017 77.9399 39.863 77.9399H83.1357C86.097 77.9399 88.4987 75.5383 88.4987 72.5769V29.0988L88.4987 21.0005C88.4987 17.6868 85.8124 15.0005 82.4987 15.0005H74.4004Z\"\n fill=\"white\"\n />\n <path\n d=\"M88.8529 80.1077H34.1469C31.8699 80.1077 30.06 78.3036 30.06 76.0338V65.3837C30.06 63.1139 31.8699 61.3098 34.1469 61.3098H88.8529C91.1299 61.3098 92.9398 63.1139 92.9398 65.3837V76.0338C92.9398 78.3036 91.1299 80.1077 88.8529 80.1077Z\"\n fill=\"#E4E8EC\"\n />\n <path\n d=\"M90.838 85.4512H32.1618C29.8849 85.4512 28.075 83.6471 28.075 81.3774V70.7272C28.075 68.4575 29.8849 66.6533 32.1618 66.6533H90.7796C93.0566 66.6533 94.8665 68.4575 94.8665 70.7272V81.3774C94.9249 83.6471 93.0566 85.4512 90.838 85.4512Z\"\n fill=\"white\"\n />\n <path\n d=\"M103.748 75.4919V105.755C103.748 107.675 102.172 109.247 100.245 109.247H23.0031C21.0764 109.247 19.5 107.675 19.5 105.755V75.4919C19.5 73.5713 21.0764 72 23.0031 72H42.3866C44.3133 72 45.8897 73.5713 45.8897 75.4919V80.8461C45.8897 81.1952 46.1232 81.428 46.4735 81.428H76.7749C77.1253 81.428 77.3588 81.1952 77.3588 80.8461V75.4919C77.3588 73.5713 78.9352 72 80.8618 72H100.245C102.172 72 103.748 73.5713 103.748 75.4919Z\"\n fill=\"#45A4FF\"\n />\n <path\n d=\"M51.9541 91.3767V94.4612C51.9541 96.0907 53.2386 97.3711 54.8733 97.3711H67.7179C69.3526 97.3711 70.6371 96.0907 70.6371 94.4612V91.3767\"\n stroke=\"#2C74DF\"\n strokeWidth=\"3\"\n strokeMiterlimit=\"10\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M120.5 38.0251C118.5 37.7793 117.25 39.3768 118.125 41.22L118.375 41.9573C119.125 43.8006 118 45.398 116 45.1523L115.25 45.0294C113.25 44.7836 112 46.3811 112.875 48.2244L113.25 48.9616C114 50.8049 112.875 52.4025 110.875 52.1567L110.125 52.0337C108.625 51.9109 107.5 52.7712 107.5 54\"\n stroke=\"#FE921D\"\n strokeWidth=\"1.9096\"\n strokeMiterlimit=\"10\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M1.53299 62C1.2644 63.413 2.6745 64.337 4.35323 63.8478L5.02472 63.6304C6.70346 63.087 8.11356 64.0109 7.84496 65.4783L7.7107 66.0217C7.4421 67.4348 8.8522 68.3587 10.5309 67.8696L11.2024 67.6522C12.8812 67.1087 14.2913 68.0326 14.0227 69.5L13.8884 70.0435C13.687 71.1304 14.4256 71.8913 15.5 72\"\n stroke=\"#00B16A\"\n strokeWidth=\"2.8751\"\n strokeMiterlimit=\"10\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M118 92C119.381 92 120.5 90.8807 120.5 89.5C120.5 88.1193 119.381 87 118 87C116.619 87 115.5 88.1193 115.5 89.5C115.5 90.8807 116.619 92 118 92Z\"\n stroke=\"#00B16A\"\n strokeWidth=\"2.8751\"\n strokeMiterlimit=\"10\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M82.0001 3.18747L83.1875 7.53467L87.5347 6.34727L86.3473 2.00007L82.0001 3.18747Z\"\n stroke=\"#00B16A\"\n strokeWidth=\"2.1628\"\n strokeMiterlimit=\"10\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M17.0001 28C18.1046 28 19 27.1045 19 25.9999C19 24.8954 18.1046 24 17.0001 24C15.8955 24 15 24.8954 15 25.9999C15 27.1045 15.8955 28 17.0001 28Z\"\n stroke=\"#FE921D\"\n strokeWidth=\"2.3278\"\n strokeMiterlimit=\"10\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M61.5 26.6667C54.136 26.6667 48.1667 32.6361 48.1667 40.0001C48.1667 47.3641 54.136 53.3334 61.5 53.3334C68.864 53.3334 74.8334 47.3641 74.8334 40.0001C74.8334 32.6361 68.864 26.6667 61.5 26.6667ZM69.1094 36.9427L59.776 46.2761C59.516 46.5361 59.1747 46.6667 58.8334 46.6667C58.492 46.6667 58.1507 46.5361 57.8907 46.2761L53.8907 42.2761C53.3694 41.7547 53.3694 40.9121 53.8907 40.3907C54.412 39.8694 55.2547 39.8694 55.776 40.3907L58.8334 43.4481L67.224 35.0574C67.7454 34.5361 68.588 34.5361 69.1094 35.0574C69.6307 35.5787 69.6307 36.4214 69.1094 36.9427Z\"\n fill=\"#00CB8A\"\n />\n </svg>\n {thankyou && (\n <Heading className=\"survey-thankyou-title\" tag=\"h3\">\n {thankyou}\n </Heading>\n )}\n {thankyouSubtitle && (\n <Text className=\"survey-thankyou-subtitle\" size=\"p3\">\n {thankyouSubtitle}\n </Text>\n )}\n </div>\n </StyledSurveyThankyouCard>\n </div>\n </StyledSurveyQuestionCard>\n )\n}\n"],"names":["SurveyThankyouCard","_a","thankyou","thankyouSubtitle","className","style","React","createElement","StyledSurveyQuestionCard","StyledSurveyThankyouCard","viewBox","fill","xmlns","d","cx","cy","rx","ry","stroke","strokeWidth","strokeMiterlimit","strokeLinecap","strokeLinejoin","Heading","tag","Text","size"],"mappings":"4gEAgBO,IAAMA,EAAqB,SAACC,OACjCC,EAAQD,EAAAC,SACRC,EAAgBF,EAAAE,iBAChBC,EAASH,EAAAG,UACTC,EAAKJ,EAAAI,MAEL,OACEC,EAACC,cAAAC,EAAyB,CAAAJ,UAAWA,EAAWC,MAAOA,GACrDC,EAAKC,cAAA,MAAA,CAAAH,UAAU,wBACbE,EAAAC,cAACE,EAAwB,KACvBH,EAAKC,cAAA,MAAA,CAAAH,UAAU,iCACbE,EAAAC,cAAA,MAAA,CAGEG,QAAQ,cACRC,KAAK,OACLC,MAAM,6BACNR,UAAU,wBAEVE,EAAAC,cAAA,OAAA,CACEM,EAAE,6IACFF,KAAK,YAEPL,EAAAC,cAAA,UAAA,CAASO,GAAG,OAAOC,GAAG,SAASC,GAAG,KAAKC,GAAG,OAAON,KAAK,YACtDL,EAAAC,cAAA,OAAA,CACEM,EAAE,2FACFF,KAAK,YAEPL,EAAAC,cAAA,OAAA,CACEM,EAAE,gQACFF,KAAK,UAEPL,EAAAC,cAAA,OAAA,CACEM,EAAE,8OACFF,KAAK,YAEPL,EAAAC,cAAA,OAAA,CACEM,EAAE,+OACFF,KAAK,UAEPL,EAAAC,cAAA,OAAA,CACEM,EAAE,0aACFF,KAAK,YAEPL,EACEC,cAAA,OAAA,CAAAM,EAAE,2IACFK,OAAO,UACPC,YAAY,IACZC,iBAAiB,KACjBC,cAAc,QACdC,eAAe,UAEjBhB,EACEC,cAAA,OAAA,CAAAM,EAAE,+RACFK,OAAO,UACPC,YAAY,SACZC,iBAAiB,KACjBC,cAAc,QACdC,eAAe,UAEjBhB,EACEC,cAAA,OAAA,CAAAM,EAAE,0SACFK,OAAO,UACPC,YAAY,SACZC,iBAAiB,KACjBC,cAAc,QACdC,eAAe,UAEjBhB,EACEC,cAAA,OAAA,CAAAM,EAAE,mJACFK,OAAO,UACPC,YAAY,SACZC,iBAAiB,KACjBC,cAAc,QACdC,eAAe,UAEjBhB,EACEC,cAAA,OAAA,CAAAM,EAAE,oFACFK,OAAO,UACPC,YAAY,SACZC,iBAAiB,KACjBC,cAAc,QACdC,eAAe,UAEjBhB,EACEC,cAAA,OAAA,CAAAM,EAAE,mJACFK,OAAO,UACPC,YAAY,SACZC,iBAAiB,KACjBC,cAAc,QACdC,eAAe,UAEjBhB,EACEC,cAAA,OAAA,CAAAM,EAAE,ijBACFF,KAAK,aAGRT,GACCI,EAACC,cAAAgB,GAAQnB,UAAU,wBAAwBoB,IAAI,MAC5CtB,GAGJC,GACCG,EAACC,cAAAkB,GAAKrB,UAAU,2BAA2BsB,KAAK,MAC7CvB"}

package/build/esm/components/molecules/table/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export{Table}from"./table.js";export{Cell}from"./tableCell.js";export{Head}from"./tableHead.js";export{Row}from"./tableRow.js";export{Body}from"./tableBody.js";
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/molecules/table/index.js.map ADDED Viewed

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

package/build/esm/components/molecules/table/table.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t from"react";import i from"styled-components";var e,a=i.table(e\|\|(e=n(["\n --horizontal-spacing: ",";\n --vertical-spacing: ",";\n width: 100%;\n position: relative;\n"],["\n --horizontal-spacing: ",";\n --vertical-spacing: ",";\n width: 100%;\n position: relative;\n"])),(function(n){return n.theme.horizontalPadding\|\|"19px"}),(function(n){return n.theme.verticalPadding\|\|"26px"})),r=function(n){var i=n.children,e=n.className,r=n.style,o=n.horizontalPadding,l=n.verticalPadding;return t.createElement(a,{className:e,style:r,theme:{horizontalPadding:o,verticalPadding:l}},i)};export{r as Table};
2	+ //# sourceMappingURL=table.js.map

package/build/esm/components/molecules/table/table.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"table.js","sources":["../../../../../src/components/molecules/table/table.tsx"],"sourcesContent":["import React, { CSSProperties, ReactNode } from 'react'\n\nimport styled from 'styled-components'\n\ntype Props = {\n children: ReactNode\n horizontalPadding?: string\n verticalPadding?: string\n className?: string\n style?: CSSProperties\n}\n\nconst StyledTable = styled.table`\n --horizontal-spacing: ${(props) => props.theme.horizontalPadding || '19px'};\n --vertical-spacing: ${(props) => props.theme.verticalPadding || '26px'};\n width: 100%;\n position: relative;\n`\n\nconst Table = ({\n children,\n className,\n style,\n horizontalPadding,\n verticalPadding,\n}: Props) => {\n return (\n <StyledTable\n className={className}\n style={style}\n theme={{ horizontalPadding, verticalPadding }}\n >\n {children}\n </StyledTable>\n )\n}\n\nexport { Table }\n"],"names":["StyledTable","styled","table","templateObject_1","__makeTemplateObject","props","theme","horizontalPadding","verticalPadding","Table","_a","children","className","style","React","createElement"],"mappings":"sIAYA,MAAMA,EAAcC,EAAOC,MAAKC,IAAAA,EAAAC,EAAA,CAAA,6BAAA,4BAAA,8CAAA,CAAA,6BAC4C,4BACJ,iDAD9C,SAACC,GAAU,OAAAA,EAAMC,MAAMC,mBAAqB,UAC9C,SAACF,GAAU,OAAAA,EAAMC,MAAME,iBAAmB,UAK5DC,EAAQ,SAACC,GACb,IAAAC,EAAQD,EAAAC,SACRC,EAASF,EAAAE,UACTC,EAAKH,EAAAG,MACLN,EAAiBG,EAAAH,kBACjBC,EAAeE,EAAAF,gBAEf,OACEM,EAACC,cAAAf,EACC,CAAAY,UAAWA,EACXC,MAAOA,EACPP,MAAO,CAAEC,kBAAiBA,EAAEC,gBAAeA,IAE1CG"}

package/build/esm/components/molecules/table/tableBody.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import r from"react";import o from"styled-components";var t,e=o.tbody(t\|\|(t=n(["\n position: relative;\n &[data-is-striped] {\n > tr:nth-child(odd) {\n background-color: ",";\n }\n }\n &[data-is-hoverable] {\n > tr:hover {\n background-color: ",";\n }\n }\n"],["\n position: relative;\n &[data-is-striped] {\n > tr:nth-child(odd) {\n background-color: ",";\n }\n }\n &[data-is-hoverable] {\n > tr:hover {\n background-color: ",";\n }\n }\n"])),(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.neutral100})),a=function(n){var o=n.children,t=n.className,a=n.style,i=n.isHoverable,s=n.isStriped;return r.createElement(e,{className:t,style:a,"data-is-striped":s\|\|void 0,"data-is-hoverable":i\|\|void 0},o)};export{a as Body};
2	+ //# sourceMappingURL=tableBody.js.map

package/build/esm/components/molecules/table/tableBody.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tableBody.js","sources":["../../../../../src/components/molecules/table/tableBody.tsx"],"sourcesContent":["import React, { CSSProperties, ReactNode } from 'react'\n\nimport styled from 'styled-components'\n\ntype Props = {\n children: ReactNode\n isHoverable?: boolean\n isStriped?: boolean\n style?: CSSProperties\n className?: string\n}\n\nconst StyledTableBody = styled.tbody`\n position: relative;\n &[data-is-striped] {\n > tr:nth-child(odd) {\n background-color: ${(props) => props.theme.colors.neutral50};\n }\n }\n &[data-is-hoverable] {\n > tr:hover {\n background-color: ${(props) => props.theme.colors.neutral100};\n }\n }\n`\n\nconst Body = ({\n children,\n className,\n style,\n isHoverable,\n isStriped,\n}: Props) => {\n return (\n <StyledTableBody\n className={className}\n style={style}\n data-is-striped={isStriped || undefined}\n data-is-hoverable={isHoverable || undefined}\n >\n {children}\n </StyledTableBody>\n )\n}\n\nexport { Body }\n"],"names":["StyledTableBody","styled","tbody","templateObject_1","__makeTemplateObject","props","theme","colors","neutral50","neutral100","Body","_a","children","className","style","isHoverable","isStriped","React","undefined"],"mappings":"sIAYA,MAAMA,EAAkBC,EAAOC,MAAKC,IAAAA,EAAAC,EAAA,CAAA,uGAAA,sFAAA,mBAAA,CAAA,uGAI6B,sFAKC,sBALxC,SAACC,GAAU,OAAAA,EAAMC,MAAMC,OAAOC,aAK9B,SAACH,GAAU,OAAAA,EAAMC,MAAMC,OAAOE,cAKlDC,EAAO,SAACC,GACZ,IAAAC,EAAQD,EAAAC,SACRC,EAASF,EAAAE,UACTC,EAAKH,EAAAG,MACLC,EAAWJ,EAAAI,YACXC,EAASL,EAAAK,UAET,OACEC,gBAACjB,EAAe,CACda,UAAWA,EACXC,MAAOA,oBACUE,QAAaE,EAAS,oBACpBH,QAAeG,GAEjCN"}

package/build/esm/components/molecules/table/tableCell.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as t}from"../../../node_modules/tslib/tslib.es6.js";import n from"react";import a from"styled-components";var e,i=a.td(e\|\|(e=t(["\n padding: var(--vertical-spacing) var(--horizontal-spacing);\n vertical-align: middle;\n\n &[data-text-align='left'] {\n text-align: left;\n }\n &[data-text-align='right'] {\n text-align: right;\n }\n &[data-text-align='center'] {\n text-align: center;\n }\n"],["\n padding: var(--vertical-spacing) var(--horizontal-spacing);\n vertical-align: middle;\n\n &[data-text-align='left'] {\n text-align: left;\n }\n &[data-text-align='right'] {\n text-align: right;\n }\n &[data-text-align='center'] {\n text-align: center;\n }\n"]))),l=function(t){var a=t.children,e=t.className,l=t.style,r=t.textAlign,g=t.isTableHead;return n.createElement(i,{className:e,style:l,"data-text-align":r\|\|"left",as:g?"th":"td"},a)};export{l as Cell};
2	+ //# sourceMappingURL=tableCell.js.map

package/build/esm/components/molecules/table/tableCell.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tableCell.js","sources":["../../../../../src/components/molecules/table/tableCell.tsx"],"sourcesContent":["import React, { CSSProperties, ReactNode } from 'react'\n\nimport styled from 'styled-components'\n\ntype Props = {\n children: ReactNode\n textAlign?: 'left' | 'center' | 'right'\n className?: string\n isTableHead?: boolean\n style?: CSSProperties\n}\n\nconst StyledTableCell = styled.td`\n padding: var(--vertical-spacing) var(--horizontal-spacing);\n vertical-align: middle;\n\n &[data-text-align='left'] {\n text-align: left;\n }\n &[data-text-align='right'] {\n text-align: right;\n }\n &[data-text-align='center'] {\n text-align: center;\n }\n`\n\nconst Cell = ({\n children,\n className,\n style,\n textAlign,\n isTableHead,\n}: Props) => {\n return (\n <StyledTableCell\n className={className}\n style={style}\n data-text-align={textAlign ? textAlign : 'left'}\n as={isTableHead ? 'th' : 'td'}\n >\n {children}\n </StyledTableCell>\n )\n}\n\nexport { Cell }\n"],"names":["StyledTableCell","styled","td","templateObject_1","__makeTemplateObject","Cell","_a","children","className","style","textAlign","isTableHead","React","createElement","as"],"mappings":"sIAYA,MAAMA,EAAkBC,EAAOC,GAAEC,IAAAA,EAAAC,EAAA,CAAA,yRAAA,CAAA,4RAe3BC,EAAO,SAACC,GACZ,IAAAC,EAAQD,EAAAC,SACRC,EAASF,EAAAE,UACTC,EAAKH,EAAAG,MACLC,EAASJ,EAAAI,UACTC,EAAWL,EAAAK,YAEX,OACEC,EAACC,cAAAb,EACC,CAAAQ,UAAWA,EACXC,MAAOA,EACU,kBAAAC,GAAwB,OACzCI,GAAIH,EAAc,KAAO,MAExBJ"}

package/build/esm/components/molecules/table/tableHead.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t from"react";import o from"styled-components";import{Row as e}from"./tableRow.js";var i,r=o.thead(i\|\|(i=n(["\n th {\n padding: var(--vertical-spacing) var(--horizontal-spacing);\n text-align: left;\n\n color: ",";\n font-weight: ",";\n }\n &[data-is-sticky] {\n th {\n position: sticky;\n top: 0;\n background: white;\n border-bottom: 2px solid\n ",";\n }\n }\n"],["\n th {\n padding: var(--vertical-spacing) var(--horizontal-spacing);\n text-align: left;\n\n color: ",";\n font-weight: ",";\n }\n &[data-is-sticky] {\n th {\n position: sticky;\n top: 0;\n background: white;\n border-bottom: 2px solid\n ",";\n }\n }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray200})),a=function(n){var o=n.isSticky,i=n.children,a=n.className,s=n.style;return t.createElement(r,{className:a,"data-is-sticky":o\|\|void 0,style:s},t.createElement(e,null,i))};export{a as Head};
2	+ //# sourceMappingURL=tableHead.js.map

package/build/esm/components/molecules/table/tableHead.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tableHead.js","sources":["../../../../../src/components/molecules/table/tableHead.tsx"],"sourcesContent":["import React, { CSSProperties, ReactNode } from 'react'\n\nimport { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nimport { Row } from './tableRow'\n\ntype Props = {\n children: ReactNode\n className?: string\n isSticky?: boolean\n style?: CSSProperties\n}\n\nconst StyledTableHead = styled.thead`\n th {\n padding: var(--vertical-spacing) var(--horizontal-spacing);\n text-align: left;\n\n color: ${(props: ThemeProps) => props.theme.colors.gray500};\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n }\n &[data-is-sticky] {\n th {\n position: sticky;\n top: 0;\n background: white;\n border-bottom: 2px solid\n ${(props: ThemeProps) => props.theme.colors.gray200};\n }\n }\n`\n\nconst Head = ({ isSticky, children, className, style }: Props) => {\n return (\n <StyledTableHead\n className={className}\n data-is-sticky={isSticky || undefined}\n style={style}\n >\n <Row>{children}</Row>\n </StyledTableHead>\n )\n}\n\nexport { Head }\n"],"names":["StyledTableHead","styled","thead","templateObject_1","__makeTemplateObject","props","theme","colors","gray500","sizes","fwBold","gray200","Head","_a","isSticky","children","className","style","React","createElement","undefined","Row"],"mappings":"0KAcA,MAAMA,EAAkBC,EAAOC,MAAKC,IAAAA,EAAAC,EAAA,CAAA,kHAAA,uBAAA,sJAAA,mBAAA,CAAA,kHAK0B,uBACI,sJAQP,sBAT9C,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,WACpC,SAACH,GAAsB,OAAAA,EAAMC,MAAMG,MAAMC,UAQlD,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,WAK9CC,EAAO,SAACC,OAAEC,EAAQD,EAAAC,SAAEC,EAAQF,EAAAE,SAAEC,EAASH,EAAAG,UAAEC,EAAKJ,EAAAI,MAClD,OACEC,EAAAC,cAACnB,EAAe,CACdgB,UAAWA,EACK,iBAAAF,QAAYM,EAC5BH,MAAOA,GAEPC,EAAAC,cAACE,EAAK,KAAAN"}

package/build/esm/components/molecules/table/tableRow.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as o}from"../../../node_modules/tslib/tslib.es6.js";import t from"react";import r from"styled-components";var e,n=r.tr(e\|\|(e=o(["\n border-bottom: 1px solid ",";\n\n &[data-is-active='true'] {\n background-color: ",";\n }\n"],["\n border-bottom: 1px solid ",";\n\n &[data-is-active='true'] {\n background-color: ",";\n }\n"])),(function(o){return o.theme.colors.gray200}),(function(o){return o.theme.colors.gray200})),c=function(o){var r=o.children,e=o.className,c=o.style,i=o.isActive,a=o.onRowClicked,s=o.rowId;return t.createElement(n,{className:e,"data-is-active":i,style:c,onClick:function(){a&&a(s)}},r)};export{c as Row};
2	+ //# sourceMappingURL=tableRow.js.map

package/build/esm/components/molecules/table/tableRow.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tableRow.js","sources":["../../../../../src/components/molecules/table/tableRow.tsx"],"sourcesContent":["import React, { CSSProperties, ReactNode } from 'react'\n\nimport { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\ntype Props = {\n children: ReactNode\n isActive?: boolean\n className?: string\n style?: CSSProperties\n onRowClicked?: (id: number | string) => void\n rowId?: number | string\n}\n\nconst StyledTableRow = styled.tr`\n border-bottom: 1px solid ${(props: ThemeProps) => props.theme.colors.gray200};\n\n &[data-is-active='true'] {\n background-color: ${(props: ThemeProps) => props.theme.colors.gray200};\n }\n`\n\nconst Row = ({\n children,\n className,\n style,\n isActive,\n onRowClicked,\n rowId,\n}: Props) => {\n return (\n <StyledTableRow\n className={className}\n data-is-active={isActive}\n style={style}\n onClick={() => {\n onRowClicked && onRowClicked(rowId)\n }}\n >\n {children}\n </StyledTableRow>\n )\n}\n\nexport { Row }\n"],"names":["StyledTableRow","styled","tr","templateObject_1","__makeTemplateObject","props","theme","colors","gray200","Row","_a","children","className","style","isActive","onRowClicked","rowId","React","createElement","onClick"],"mappings":"sIAcA,MAAMA,EAAiBC,EAAOC,GAAEC,IAAAA,EAAAC,EAAA,CAAA,gCAAA,4DAAA,YAAA,CAAA,gCAC8C,4DAGL,eAH5C,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,WAG/C,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,WAI5DC,EAAM,SAACC,GACX,IAAAC,EAAQD,EAAAC,SACRC,EAASF,EAAAE,UACTC,EAAKH,EAAAG,MACLC,aACAC,EAAYL,EAAAK,aACZC,EAAKN,EAAAM,MAEL,OACEC,EAAAC,cAAClB,EAAc,CACbY,UAAWA,EACK,iBAAAE,EAChBD,MAAOA,EACPM,QAAS,WACPJ,GAAgBA,EAAaC,KAG9BL"}

package/build/esm/components/molecules/tabs/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import t,{useState as o,useEffect as e}from"react";import{Text as s}from"../../atoms/text/index.js";import"../../atoms/alert/index.styled.js";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import"../../atoms/button/index.styled.js";import"../../atoms/divider/index.styled.js";import"../../atoms/fileDropdown/index.styled.js";import"../../atoms/flag/index.styled.js";import"../../atoms/grid/index.styled.js";import"../../atoms/heading/index.styled.js";import"../../atoms/label/index.js";import"../../atoms/input/index.styled.js";import"../../atoms/logo/index.js";import"../../../misc/utils.js";import"../../atoms/pagination/index.styled.js";import"../../atoms/pureInput/index.js";import"../../atoms/radio/index.styled.js";import"../../atoms/shadow/index.styled.js";import"react-range";import"../../atoms/slider/index.styled.js";import"../../atoms/tag/index.styled.js";import"../../atoms/toggle/index.styled.js";import"../../atoms/underlinedLink/index.styled.js";import"../../atoms/uploader/index.styled.js";import"../../atoms/textArea/index.js";import"../../atoms/container/index.styled.js";import"../../atoms/checkbox/index.styled.js";import"../../atoms/textDivider/index.js";import"../../atoms/rateStars/index.styled.js";import"../../atoms/icons/Ask.js";import"../../atoms/icons/BarChart.js";import"../../atoms/icons/Booking.js";import"../../atoms/icons/Bookmark.js";import"../../atoms/icons/Community.js";import"../../atoms/icons/EditSpecial.js";import"../../atoms/icons/Family.js";import"../../atoms/icons/Font.js";import"../../atoms/icons/Heart.js";import"../../atoms/icons/Home.js";import"../../atoms/icons/Like.js";import"../../atoms/icons/MyCommunity.js";import"../../atoms/icons/PlusSpecial.js";import"../../atoms/icons/Recalculate.js";import"../../atoms/icons/Scale.js";import"../../atoms/icons/Share.js";import"../../atoms/icons/Stethoscope.js";import"../../atoms/progress/index.styled.js";import{useId as i}from"react-id-generator";import{theme as a}from"../../../misc/theme.js";import{StyledTabs as m,StyledTab as r,StyledTabContent as n,StyledIcon as d}from"./index.styled.js";var l=function(l){var p=l.style,c=l.initialTab,j=l.tabContent,x=l.onChange,y=l.className,g=l.dataEventCategory,u=l.dataEventAction,v=l.dataEventLabel,b=o(c\|\|0),E=b[0],f=b[1],C=i(j.length);return e((function(){f(c)}),[c]),t.createElement(m,{style:p,className:y,role:"tablist"},j.map((function(o,e){return t.createElement(r,{"data-is-tab-active":E===e\|\|void 0,"aria-selected":E===e,role:"tab",onClick:function(){f(e),x&&x(e)},key:C[e],"data-event-category":g,"data-event-action":u,"data-event-label":v},t.createElement(n,null,o.icon&&t.createElement(d,null,o.icon),t.createElement(s,{size:o.textSize\|\|"sm",type:o.textType\|\|"bold",color:o.textColor\|\|a.colors.gray800,dataEventCategory:o.dataEventCategory,dataEventAction:o.dataEventAction,dataEventLabel:o.dataEventLabel},o.name)))})))};export{l as Tabs};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/molecules/tabs/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/molecules/tabs/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\n\nimport { Text, TextSize, TextType } from 'components/atoms'\nimport { useId } from 'react-id-generator'\nimport { CSSProperties } from 'styled-components'\n\nimport { theme } from '../../../misc/theme'\nimport {\n StyledTabs,\n StyledTab,\n StyledTabContent,\n StyledIcon,\n} from './index.styled'\n\ntype TabContent = {\n name: string\n icon?: JSX.Element\n dataEventCategory?: string\n dataEventAction?: string\n dataEventLabel?: string\n textType?: TextType\n textSize?: TextSize\n textColor?: string\n}\n\nexport type Props = {\n tabContent: Array<TabContent>\n onChange?: (n: number) => void\n className?: string\n initialTab?: number\n style?: CSSProperties\n dataEventCategory?: string\n dataEventAction?: string\n dataEventLabel?: string\n}\n\nconst Tabs = ({\n style,\n initialTab,\n tabContent,\n onChange,\n className,\n dataEventCategory,\n dataEventAction,\n dataEventLabel,\n}: Props) => {\n const [activeTab, setActiveTab] = useState(initialTab || 0)\n const idList = useId(tabContent.length)\n\n useEffect(() => {\n setActiveTab(initialTab)\n }, [initialTab])\n\n return (\n <StyledTabs style={style} className={className} role=\"tablist\">\n {tabContent.map((tab, i) => (\n <StyledTab\n data-is-tab-active={activeTab === i || undefined}\n aria-selected={activeTab === i}\n role=\"tab\"\n onClick={() => {\n setActiveTab(i)\n onChange && onChange(i)\n }}\n key={idList[i]}\n data-event-category={dataEventCategory}\n data-event-action={dataEventAction}\n data-event-label={dataEventLabel}\n >\n <StyledTabContent>\n {tab.icon && <StyledIcon>{tab.icon}</StyledIcon>}\n <Text\n size={tab.textSize || 'sm'}\n type={tab.textType || 'bold'}\n color={tab.textColor || theme.colors.gray800}\n dataEventCategory={tab.dataEventCategory}\n dataEventAction={tab.dataEventAction}\n dataEventLabel={tab.dataEventLabel}\n >\n {tab.name}\n </Text>\n </StyledTabContent>\n </StyledTab>\n ))}\n </StyledTabs>\n )\n}\n\nexport { Tabs }\n"],"names":["Tabs","_a","style","initialTab","tabContent","onChange","className","dataEventCategory","dataEventAction","dataEventLabel","_b","useState","activeTab","setActiveTab","idList","useId","length","useEffect","React","StyledTabs","role","map","tab","i","createElement","StyledTab","undefined","onClick","key","StyledTabContent","icon","StyledIcon","Text","size","textSize","type","textType","color","textColor","theme","colors","gray800","name"],"mappings":"koEAoCM,IAAAA,EAAO,SAACC,OACZC,EAAKD,EAAAC,MACLC,EAAUF,EAAAE,WACVC,EAAUH,EAAAG,WACVC,EAAQJ,EAAAI,SACRC,EAASL,EAAAK,UACTC,EAAiBN,EAAAM,kBACjBC,EAAeP,EAAAO,gBACfC,EAAcR,EAAAQ,eAERC,EAA4BC,EAASR,GAAc,GAAlDS,EAASF,EAAA,GAAEG,OACZC,EAASC,EAAMX,EAAWY,QAMhC,OAJAC,GAAU,WACRJ,EAAaV,KACZ,CAACA,IAGFe,gBAACC,EAAU,CAACjB,MAAOA,EAAOI,UAAWA,EAAWc,KAAK,WAClDhB,EAAWiB,KAAI,SAACC,EAAKC,GAAM,OAC1BL,EAAAM,cAACC,EACqB,CAAA,qBAAAb,IAAcW,QAAKG,EACxB,gBAAAd,IAAcW,EAC7BH,KAAK,MACLO,QAAS,WACPd,EAAaU,GACblB,GAAYA,EAASkB,IAEvBK,IAAKd,EAAOS,GAAE,sBACOhB,EAAiB,oBACnBC,EAAe,mBAChBC,GAElBS,EAAAM,cAACK,EAAgB,KACdP,EAAIQ,MAAQZ,EAAAM,cAACO,EAAY,KAAAT,EAAIQ,MAC9BZ,EAAAM,cAACQ,EAAI,CACHC,KAAMX,EAAIY,UAAY,KACtBC,KAAMb,EAAIc,UAAY,OACtBC,MAAOf,EAAIgB,WAAaC,EAAMC,OAAOC,QACrClC,kBAAmBe,EAAIf,kBACvBC,gBAAiBc,EAAId,gBACrBC,eAAgBa,EAAIb,gBAEnBa,EAAIoB"}

package/build/esm/components/molecules/tabs/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as o}from"../../../misc/utils.js";import t from"styled-components";var i,e,r,l,a=t.ul(i\|\|(i=n(["\n display: inline-flex;\n max-width: 100%;\n border-bottom: 1px solid\n ",";\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n overflow-y: hidden;\n"],["\n display: inline-flex;\n max-width: 100%;\n border-bottom: 1px solid\n ",";\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n overflow-y: hidden;\n"])),(function(n){return n.theme.colors.neutral100})),p=t.li(e\|\|(e=n(["\n display: flex;\n\n align-items: center;\n padding-bottom: 4px;\n\n "," {\n height: 37px;\n }\n\n "," {\n height: 35px;\n }\n\n p {\n color: ",";\n white-space: nowrap;\n }\n\n &:not(:last-child) {\n margin-right: 24px;\n }\n\n &[data-is-tab-active] {\n p {\n color: ",";\n }\n border-bottom: 3px solid\n ",";\n bottom: -1px;\n position: relative;\n }\n\n &:not([data-is-tab-active]) {\n cursor: pointer;\n }\n"],["\n display: flex;\n\n align-items: center;\n padding-bottom: 4px;\n\n "," {\n height: 37px;\n }\n\n "," {\n height: 35px;\n }\n\n p {\n color: ",";\n white-space: nowrap;\n }\n\n &:not(:last-child) {\n margin-right: 24px;\n }\n\n &[data-is-tab-active] {\n p {\n color: ",";\n }\n border-bottom: 3px solid\n ",";\n bottom: -1px;\n position: relative;\n }\n\n &:not([data-is-tab-active]) {\n cursor: pointer;\n }\n"])),o.mbDown,o.mbUp,(function(n){return n.theme.colors.gray400}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase})),s=t.div(r\|\|(r=n(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),d=t.div(l\|\|(l=n(["\n margin-right: 8px;\n"],["\n margin-right: 8px;\n"])));export{d as StyledIcon,p as StyledTab,s as StyledTabContent,a as StyledTabs};
2	+ //# sourceMappingURL=index.styled.js.map

package/build/esm/components/molecules/tabs/index.styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../src/components/molecules/tabs/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledTabs = styled.ul`\n display: inline-flex;\n max-width: 100%;\n border-bottom: 1px solid\n ${(props: ThemeProps) => props.theme.colors.neutral100};\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n overflow-y: hidden;\n`\n\nexport const StyledTab = styled.li`\n display: flex;\n\n align-items: center;\n padding-bottom: 4px;\n\n ${MediaQueries.mbDown} {\n height: 37px;\n }\n\n ${MediaQueries.mbUp} {\n height: 35px;\n }\n\n p {\n color: ${(props: ThemeProps) => props.theme.colors.gray400};\n white-space: nowrap;\n }\n\n &:not(:last-child) {\n margin-right: 24px;\n }\n\n &[data-is-tab-active] {\n p {\n color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n }\n border-bottom: 3px solid\n ${(props: ThemeProps) => props.theme.colors.primaryBase};\n bottom: -1px;\n position: relative;\n }\n\n &:not([data-is-tab-active]) {\n cursor: pointer;\n }\n`\nexport const StyledTabContent = styled.div`\n display: flex;\n align-items: center;\n`\nexport const StyledIcon = styled.div`\n margin-right: 8px;\n`\n"],"names":["StyledTabs","styled","ul","templateObject_1","__makeTemplateObject","props","theme","colors","neutral100","StyledTab","li","templateObject_2","MediaQueries","mbDown","mbUp","gray400","primaryBase","StyledTabContent","div","templateObject_3","StyledIcon","templateObject_4"],"mappings":"uKAIa,YAAAA,EAAaC,EAAOC,GAAEC,IAAAA,EAAAC,EAAA,CAAA,kFAAA,yFAAA,CAAA,kFAIuB,4FAApD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAMnCC,EAAYR,EAAOS,GAAEC,IAAAA,EAAAP,EAAA,CAAA,6EAAA,mCAAA,mDAAA,gJAAA,iDAAA,sHAAA,CAAA,6EAMX,mCAIF,mDAKyC,gJAUM,iDAGP,wHAtBzDQ,EAAaC,OAIbD,EAAaE,MAKJ,SAACT,GAAsB,OAAAA,EAAMC,MAAMC,OAAOQ,WAUxC,SAACV,GAAsB,OAAAA,EAAMC,MAAMC,OAAOS,eAGjD,SAACX,GAAsB,OAAAA,EAAMC,MAAMC,OAAOS,eASrCC,EAAmBhB,EAAOiB,IAAGC,IAAAA,EAAAf,EAAA,CAAA,gDAAA,CAAA,mDAI7BgB,EAAanB,EAAOiB,IAAGG,IAAAA,EAAAjB,EAAA,CAAA,4BAAA,CAAA"}

package/build/esm/components/organisms/footer/discoverFooter/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from"react";import{Button as t}from"../../../atoms/button/index.js";import{Container as a}from"../../../atoms/container/index.js";import{Text as l}from"../../../atoms/text/index.js";import{domainLocales as n}from"../../../../interfaces/constants.js";import{theme as o}from"../../../../misc/theme.js";import{useTranslations as i}from"../../../../hooks/useTranslations.js";import{StyledFooter as r,StyledFlag as c}from"./index.styled.js";var m=function(t){var a=t.url,l=t.isMobile,n=t.dataEventCategory,o=t.dataEventAction,i=t.dataEventLabel;return e.createElement(c,{"data-is-mobile":l},e.createElement("img",{className:"country-flag",src:a,alt:"Country Flag","data-event-category":n,"data-event-action":o,"data-content-label":i}))},d=function(c){var d,s,v,u,g,E,y,p,h,f,N,b,F,k,z,w,x,L,C,T,A,M,j,H,S,I,_,B,D,G,P,U,V,q,J,K=c.className,O=c.type,Q=void 0===O?"main":O,R=c.footerInfo,W=c.isMobile,X=c.locale,Y=c.isAmp,Z=i().t,$=null==R?void 0:R.menu;return e.createElement(r,{as:Y&&"mini"===Q?"div":"footer",className:K,style:"mini"===Q?{backgroundColor:o.colors.neutral50}:{},"next-page-hide":!0},e.createElement(a,null,e.createElement("div",{className:"inner","data-type":Q,"next-page-hide":""},"main"===Q?e.createElement(e.Fragment,null,e.createElement("a",{href:"/"},Y?(null===(s=null==R?void 0:R.general)\|\|void 0===s?void 0:s.logo)?e.createElement("amp-img",{src:null===(v=null==R?void 0:R.general)\|\|void 0===v?void 0:v.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:e.createElement("img",{className:"footer-logo",src:null===(d=null==R?void 0:R.general)\|\|void 0===d?void 0:d.logo,alt:"Logo","data-is-sehat":"id-ID"===X})),e.createElement("div",{className:"columns"},e.createElement("div",{className:"newsletter"},e.createElement(l,{size:"p1",type:"bold"},null===(u=null==R?void 0:R.general)\|\|void 0===u?void 0:u.content),e.createElement(t,{className:"signupButton",color:"primary",size:"lg"},Z("footer.signUp")),e.createElement("div",{className:"social"},e.createElement(l,{size:"sm",type:"regular"},null===(g=null==R?void 0:R.social)\|\|void 0===g?void 0:g.title),e.createElement("div",{className:"icons"},null===(y=null===(E=null==R?void 0:R.social)\|\|void 0===E?void 0:E.socials)\|\|void 0===y?void 0:y.map((function(t,a){return e.createElement("a",{key:a,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(t.name),"data-content-label":t.url,href:t.url},Y?e.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(t.name),"data-content-label":t.url,src:t.icon,alt:"Logo Social",width:"32",height:"32"}):e.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(t.name),"data-content-label":t.url,src:t.icon,alt:"Logo Social",className:"social-icon"}))}))),e.createElement("hr",{className:"hrMobile"}))),e.createElement("div",null,$&&e.createElement(e.Fragment,null,e.createElement("div",{className:"biglinks"},null===(h=null===(p=$[0])\|\|void 0===p?void 0:p.items)\|\|void 0===h?void 0:h.map((function(t,a){return e.createElement("a",{"data-event-category":"Footer","data-event-action":t.title,"data-event-label":"https://".concat(n[X]).concat(t.url),className:"bigLink",key:a,href:t.url},t.title)}))),e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"mHalf"},e.createElement(l,{type:"regular",size:"sm",className:"linkTitle"},null===(f=$[1])\|\|void 0===f?void 0:f.menu_title),null===(b=null===(N=$[1])\|\|void 0===N?void 0:N.items)\|\|void 0===b?void 0:b.map((function(t,a){return e.createElement("a",{"data-event-category":"Footer","data-event-action":t.title,"data-event-label":"https://".concat(n[X]).concat(t.url),className:"link",href:t.url,key:a},e.createElement(l,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:t.title,dataEventLabel:"https://".concat(n[X]).concat(t.url)},t.title))}))),e.createElement("div",{className:"mHalf"},e.createElement(l,{type:"regular",size:"sm",className:"linkTitle"},null===(F=$[2])\|\|void 0===F?void 0:F.menu_title),null===(z=null===(k=$[2])\|\|void 0===k?void 0:k.items)\|\|void 0===z?void 0:z.map((function(t,a){return t.url&&e.createElement("a",{"data-event-category":"Footer","data-event-action":t.title,"data-event-label":t.url,className:"link",href:t.url,key:a},e.createElement(l,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:t.title,dataEventLabel:t.url},t.title))})))),!Y&&e.createElement(e.Fragment,null,e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"otherSites"},e.createElement(l,{type:"regular",size:"sm",className:"linkTitle"},null===(w=null==R?void 0:R.branch)\|\|void 0===w?void 0:w.title),e.createElement("div",{className:"flags"},null===(L=null===(x=null==R?void 0:R.branch)\|\|void 0===x?void 0:x.branch)\|\|void 0===L?void 0:L.map((function(t,a){return e.createElement("a",{className:"link",href:t.url,key:a,"data-event-category":"Footer","data-event-action":t.name,"data-event-label":t.url},e.createElement(m,{url:t.flag,isMobile:W,dataEventCategory:"Footer",dataEventAction:t.name,dataEventLabel:t.url}))}))))))),e.createElement("hr",null),e.createElement("div",{className:"copyright","data-is-amp":Y\|\|void 0},(null===(C=null==R?void 0:R.general)\|\|void 0===C?void 0:C.verified)&&e.createElement("a",{href:null===(A=null===(T=null==R?void 0:R.general)\|\|void 0===T?void 0:T.verified[0])\|\|void 0===A?void 0:A.url,className:"copyright-image"},Y?e.createElement("amp-img",{src:null===(j=null===(M=null==R?void 0:R.general)\|\|void 0===M?void 0:M.verified[0])\|\|void 0===j?void 0:j.image,alt:"DMCA Icon",width:"100",height:"36"}):e.createElement("img",{src:null===(S=null===(H=null==R?void 0:R.general)\|\|void 0===H?void 0:H.verified[0])\|\|void 0===S?void 0:S.image,alt:"DMCA Icon"})),e.createElement(l,{size:"xs",type:"regular",className:"copyright-content"},null===(I=null==R?void 0:R.general)\|\|void 0===I?void 0:I.copyright)),"vi-VN"===X&&e.createElement(l,{className:"copyright-certificate",size:"xs",type:"regular",color:"white"},"Giấy xác nhận cung cấp dịch vụ mạng xã hội trực tuyến số 529/GP-BTTTT, HN ngày 03/12/2019")):e.createElement(e.Fragment,null,(null==R?void 0:R.menu)&&e.createElement("div",{className:"columns"},e.createElement("div",{className:"mHalf"},e.createElement(l,{type:"regular",size:"sm",className:"linkTitle"},null===(_=null==R?void 0:R.menu[1])\|\|void 0===_?void 0:_.menu_title),null===(D=null===(B=null==R?void 0:R.menu[1])\|\|void 0===B?void 0:B.items)\|\|void 0===D?void 0:D.map((function(t){return e.createElement("a",{className:"link",href:t.url,key:t.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":t.title,"data-content-id":"https://".concat(n[X]).concat(t.url),"data-event-category":"Footer","data-event-action":t.title,"data-event-label":"https://".concat(n[X]).concat(t.url)},e.createElement(l,{dataEventCategory:"Footer",dataEventAction:t.title,dataEventLabel:"https://".concat(n[X]).concat(t.url),size:"sm",type:"regular",style:{color:o.colors.gray800}},t.title))}))),e.createElement("div",{className:"mHalf"},e.createElement(l,{type:"regular",size:"sm",className:"linkTitle"},null===(G=null==R?void 0:R.menu[2])\|\|void 0===G?void 0:G.menu_title),null===(U=null===(P=null==R?void 0:R.menu[2])\|\|void 0===P?void 0:P.items)\|\|void 0===U?void 0:U.map((function(t,a){return e.createElement("a",{className:"link",href:t.url,key:a,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":t.title,"data-content-id":t.url,"data-event-category":"Footer","data-event-action":t.title,"data-event-label":t.url},e.createElement(l,{size:"sm",type:"regular",style:{color:o.colors.gray800},dataEventCategory:"Footer",dataEventAction:t.title,dataEventLabel:t.url},t.title))}))),!Y&&"mini"!==Q&&e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"newsletter"},e.createElement("div",{className:"social"},e.createElement(l,{size:"sm",type:"regular"},null===(V=null==R?void 0:R.social)\|\|void 0===V?void 0:V.title),e.createElement("div",{className:"icons"},null===(J=null===(q=null==R?void 0:R.social)\|\|void 0===q?void 0:q.socials)\|\|void 0===J?void 0:J.map((function(t,a){return e.createElement("a",{key:a,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(t.name),"data-content-label":t.url,href:t.url},Y?e.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(t.name),"data-content-label":t.url,src:t.icon,alt:"Logo Social",width:"32",height:"32"}):e.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(t.name),"data-content-label":t.url,src:t.icon,alt:"Logo Social",className:"social-icon"}))}))))))))))};export{d as DiscoverFooter};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/organisms/footer/discoverFooter/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/organisms/footer/discoverFooter/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Button } from 'components/atoms/button'\nimport { Container } from 'components/atoms/container'\nimport { Text } from 'components/atoms/text'\nimport { domainLocales } from 'interfaces/constants'\nimport { LocaleType, FooterInfo } from 'interfaces/types'\nimport { theme } from 'misc/theme'\nimport { useTranslations } from 'src/hooks/useTranslations'\n\nimport { StyledFooter, StyledFlag } from './index.styled'\n\nexport type Props = {\n className?: string\n isMobile: boolean\n type?: 'main' | 'mini'\n footerInfo?: FooterInfo\n locale: LocaleType\n isAmp: boolean\n}\n\ntype IItem = {\n title: string\n url: string\n}\n\ntype ISocial = {\n icon: string\n name: string\n url: string\n}\n\ntype IBranch = {\n flag: string\n name: string\n url: string\n}\n\ntype FlagProps = {\n url: string\n isMobile?: boolean\n dataEventCategory?: string\n dataEventAction?: string\n dataEventLabel?: string\n}\n\nconst Flag = ({\n url,\n isMobile,\n dataEventCategory,\n dataEventAction,\n dataEventLabel,\n}: FlagProps) => {\n return (\n <StyledFlag data-is-mobile={isMobile}>\n <img\n className=\"country-flag\"\n src={url}\n alt=\"Country Flag\"\n data-event-category={dataEventCategory}\n data-event-action={dataEventAction}\n data-content-label={dataEventLabel}\n />\n </StyledFlag>\n )\n}\n\nconst DiscoverFooter = ({\n className,\n type = 'main',\n footerInfo,\n isMobile,\n locale,\n isAmp,\n}: Props) => {\n const { t } = useTranslations()\n\n const footerMenu = footerInfo?.menu\n\n return (\n <StyledFooter\n as={isAmp && type === 'mini' ? 'div' : 'footer'}\n className={className}\n style={\n type === 'mini'\n ? {\n backgroundColor: theme.colors.neutral50,\n }\n : {}\n }\n next-page-hide\n >\n <Container>\n <div className=\"inner\" data-type={type} next-page-hide=\"\">\n {type === 'main' ? (\n <>\n <a href=\"/\">\n {!isAmp ? (\n <img\n className=\"footer-logo\"\n src={footerInfo?.general?.logo}\n alt=\"Logo\"\n data-is-sehat={locale === 'id-ID'}\n />\n ) : footerInfo?.general?.logo ? (\n <amp-img\n src={footerInfo?.general?.logo}\n alt=\"Site logo\"\n width=\"132\"\n height=\"32\"\n style={{\n marginBottom: 24,\n }}\n />\n ) : null}\n </a>\n <div className=\"columns\">\n <div className=\"newsletter\">\n <Text size=\"p1\" type=\"bold\">\n {footerInfo?.general?.content}\n </Text>\n <Button className=\"signupButton\" color=\"primary\" size=\"lg\">\n {t('footer.signUp')}\n </Button>\n <div className=\"social\">\n <Text size=\"sm\" type=\"regular\">\n {footerInfo?.social?.title}\n </Text>\n <div className=\"icons\">\n {footerInfo?.social?.socials?.map(\n (social: ISocial, idx: number) => (\n <a\n key={idx}\n data-event-category=\"Footer\"\n data-event-action={`Follow us - ${social.name}`}\n data-content-label={social.url}\n href={social.url}\n >\n {!isAmp ? (\n <img\n data-event-category=\"Footer\"\n data-event-action={`Follow us - ${social.name}`}\n data-content-label={social.url}\n src={social.icon}\n alt=\"Logo Social\"\n className=\"social-icon\"\n />\n ) : (\n <amp-img\n data-event-category=\"Footer\"\n data-event-action={`Follow us - ${social.name}`}\n data-content-label={social.url}\n src={social.icon}\n alt=\"Logo Social\"\n width=\"32\"\n height=\"32\"\n ></amp-img>\n )}\n </a>\n ),\n )}\n </div>\n <hr className=\"hrMobile\" />\n </div>\n </div>\n <div>\n {footerMenu && (\n <>\n <div className=\"biglinks\">\n {footerMenu[0]?.items?.map(\n (bigLink: IItem, idx: number) => (\n <a\n data-event-category=\"Footer\"\n data-event-action={bigLink.title}\n data-event-label={`https://${domainLocales[locale]}${bigLink.url}`}\n className=\"bigLink\"\n key={idx}\n href={bigLink.url}\n >\n {bigLink.title}\n </a>\n ),\n )}\n </div>\n <hr className=\"hrMobile\" />\n <div className=\"mHalf\">\n <Text type=\"regular\" size=\"sm\" className=\"linkTitle\">\n {footerMenu[1]?.menu_title}\n </Text>\n\n {footerMenu[1]?.items?.map(\n (informationLink: IItem, idx: number) => (\n <a\n data-event-category=\"Footer\"\n data-event-action={informationLink.title}\n data-event-label={`https://${domainLocales[locale]}${informationLink.url}`}\n className=\"link\"\n href={informationLink.url}\n key={idx}\n >\n <Text\n size=\"sm\"\n type=\"regular\"\n dataEventCategory=\"Footer\"\n dataEventAction={informationLink.title}\n dataEventLabel={`https://${domainLocales[locale]}${informationLink.url}`}\n >\n {informationLink.title}\n </Text>\n </a>\n ),\n )}\n </div>\n <div className=\"mHalf\">\n <Text type=\"regular\" size=\"sm\" className=\"linkTitle\">\n {footerMenu[2]?.menu_title}\n </Text>\n\n {footerMenu[2]?.items?.map(\n (hellohealthlink: IItem, idx: number) =>\n hellohealthlink.url && (\n <a\n data-event-category=\"Footer\"\n data-event-action={hellohealthlink.title}\n data-event-label={hellohealthlink.url}\n className=\"link\"\n href={hellohealthlink.url}\n key={idx}\n >\n <Text\n size=\"sm\"\n type=\"regular\"\n dataEventCategory=\"Footer\"\n dataEventAction={hellohealthlink.title}\n dataEventLabel={hellohealthlink.url}\n >\n {hellohealthlink.title}\n </Text>\n </a>\n ),\n )}\n </div>\n </>\n )}\n {!isAmp && (\n <>\n <hr className=\"hrMobile\" />\n <div className=\"otherSites\">\n <Text type=\"regular\" size=\"sm\" className=\"linkTitle\">\n {footerInfo?.branch?.title}\n </Text>\n <div className=\"flags\">\n {footerInfo?.branch?.branch?.map(\n (flagLink: IBranch, idx: number) => (\n <a\n className=\"link\"\n href={flagLink.url}\n key={idx}\n data-event-category=\"Footer\"\n data-event-action={flagLink.name}\n data-event-label={flagLink.url}\n >\n <Flag\n url={flagLink.flag}\n isMobile={isMobile}\n dataEventCategory=\"Footer\"\n dataEventAction={flagLink.name}\n dataEventLabel={flagLink.url}\n />\n </a>\n ),\n )}\n </div>\n </div>\n </>\n )}\n </div>\n </div>\n\n <hr />\n <div className=\"copyright\" data-is-amp={isAmp || undefined}>\n {footerInfo?.general?.verified && (\n <a\n href={footerInfo?.general?.verified[0]?.url}\n className=\"copyright-image\"\n >\n {isAmp ? (\n <amp-img\n src={footerInfo?.general?.verified[0]?.image}\n alt=\"DMCA Icon\"\n width=\"100\"\n height=\"36\"\n ></amp-img>\n ) : (\n <img\n src={footerInfo?.general?.verified[0]?.image}\n alt=\"DMCA Icon\"\n />\n )}\n </a>\n )}\n\n <Text size=\"xs\" type=\"regular\" className=\"copyright-content\">\n {footerInfo?.general?.copyright}\n </Text>\n </div>\n {locale === 'vi-VN' && (\n <Text\n className=\"copyright-certificate\"\n size=\"xs\"\n type=\"regular\"\n color=\"white\"\n >\n Giấy xác nhận cung cấp dịch vụ mạng xã hội trực tuyến số\n 529/GP-BTTTT, HN ngày 03/12/2019\n </Text>\n )}\n </>\n ) : (\n <>\n {footerInfo?.menu && (\n <div className=\"columns\">\n <div className=\"mHalf\">\n <Text type=\"regular\" size=\"sm\" className=\"linkTitle\">\n {footerInfo?.menu[1]?.menu_title}\n </Text>\n\n {footerInfo?.menu[1]?.items?.map(\n (informationLink: IItem) => (\n <a\n className=\"link\"\n href={informationLink.url}\n key={informationLink.title}\n data-list-type=\"Footer\"\n data-content-type=\"Navigate\"\n data-content-topic=\"Information\"\n data-content-title={informationLink.title}\n data-content-id={`https://${domainLocales[locale]}${informationLink.url}`}\n data-event-category=\"Footer\"\n data-event-action={informationLink.title}\n data-event-label={`https://${domainLocales[locale]}${informationLink.url}`}\n >\n <Text\n dataEventCategory=\"Footer\"\n dataEventAction={informationLink.title}\n dataEventLabel={`https://${domainLocales[locale]}${informationLink.url}`}\n size=\"sm\"\n type=\"regular\"\n style={{\n color: theme.colors.gray800,\n }}\n >\n {informationLink.title}\n </Text>\n </a>\n ),\n )}\n </div>\n <div className=\"mHalf\">\n <Text type=\"regular\" size=\"sm\" className=\"linkTitle\">\n {footerInfo?.menu[2]?.menu_title}\n </Text>\n\n {footerInfo?.menu[2]?.items?.map(\n (hellohealthlink: IItem, idx: number) => (\n <a\n className=\"link\"\n href={hellohealthlink.url}\n key={idx}\n data-list-type=\"Footer\"\n data-content-type=\"Navigate\"\n data-content-topic=\"Hello Health\"\n data-content-title={hellohealthlink.title}\n data-content-id={hellohealthlink.url}\n data-event-category=\"Footer\"\n data-event-action={hellohealthlink.title}\n data-event-label={hellohealthlink.url}\n >\n <Text\n size=\"sm\"\n type=\"regular\"\n style={{\n color: theme.colors.gray800,\n }}\n dataEventCategory=\"Footer\"\n dataEventAction={hellohealthlink.title}\n dataEventLabel={hellohealthlink.url}\n >\n {hellohealthlink.title}\n </Text>\n </a>\n ),\n )}\n </div>\n\n {!isAmp && type !== 'mini' && <hr className=\"hrMobile\" />}\n <div className=\"newsletter\">\n <div className=\"social\">\n <Text size=\"sm\" type=\"regular\">\n {footerInfo?.social?.title}\n </Text>\n <div className=\"icons\">\n {footerInfo?.social?.socials?.map(\n (social: ISocial, idx: number) => (\n <a\n key={idx}\n data-event-category=\"Footer\"\n data-event-action={`Follow us - ${social.name}`}\n data-content-label={social.url}\n href={social.url}\n >\n {!isAmp ? (\n <img\n data-event-category=\"Footer\"\n data-event-action={`Follow us - ${social.name}`}\n data-content-label={social.url}\n src={social.icon}\n alt=\"Logo Social\"\n className=\"social-icon\"\n />\n ) : (\n <amp-img\n data-event-category=\"Footer\"\n data-event-action={`Follow us - ${social.name}`}\n data-content-label={social.url}\n src={social.icon}\n alt=\"Logo Social\"\n width=\"32\"\n height=\"32\"\n ></amp-img>\n )}\n </a>\n ),\n )}\n </div>\n </div>\n </div>\n </div>\n )}\n </>\n )}\n </div>\n </Container>\n </StyledFooter>\n )\n}\n\nexport { DiscoverFooter }\n"],"names":["Flag","_a","url","isMobile","dataEventCategory","dataEventAction","dataEventLabel","React","createElement","StyledFlag","className","src","alt","DiscoverFooter","_12","type","footerInfo","locale","isAmp","t","useTranslations","footerMenu","menu","StyledFooter","as","style","backgroundColor","theme","colors","neutral50","Container","Fragment","href","_c","general","logo","_d","width","height","marginBottom","_b","Text","size","_e","content","Button","color","social","_f","title","_h","_g","socials","map","idx","key","concat","name","icon","_k","_j","items","bigLink","domainLocales","_l","menu_title","_o","_m","informationLink","_p","_r","_q","hellohealthlink","_s","branch","_t","_u","flagLink","flag","undefined","_v","verified","_x","_w","_z","_y","image","_1","_0","_2","copyright","_3","_4","_5","gray800","_6","_7","_8","_9","_11","_10"],"mappings":"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"}

package/build/esm/components/organisms/footer/discoverFooter/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as t}from"../../../../misc/utils.js";import i from"styled-components";var o,e,p=i.footer(o\|\|(o=n(["\n background-color: #1b3250;\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 24px 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n max-height: 32px;\n margin-bottom: 24px;\n &[data-is-sehat='true'] {\n max-width: 250px;\n }\n\n img {\n object-fit: contain;\n }\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n p {\n font-size: 13px;\n }\n }\n\n "," {\n p {\n font-size: 12px;\n }\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n\n .social-icon {\n width: 32px;\n height: 32px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n .copyright-content {\n width: 90%;\n color: ",";\n font-size: 12px;\n }\n\n .copyright-image {\n width: 10%;\n align-self: flex-start;\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .copyright-certificate {\n color: ",";\n "," {\n font-size: 11px;\n }\n "," {\n font-size: 12px;\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 14px;\n font-weight: ",";\n text-decoration: none;\n word-break: break-word;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n color: ",";\n\n "," {\n margin-bottom: 8px;\n font-size: 13px;\n line-height: 20px;\n }\n "," {\n margin-bottom: 12px;\n font-size: 14px;\n }\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n font-size: 12px;\n "," {\n font-size: 13px;\n }\n "," {\n font-size: 13px;\n }\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n word-break: break-word;\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div:not(:last-child) {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"],["\n background-color: #1b3250;\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 24px 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n max-height: 32px;\n margin-bottom: 24px;\n &[data-is-sehat='true'] {\n max-width: 250px;\n }\n\n img {\n object-fit: contain;\n }\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n p {\n font-size: 13px;\n }\n }\n\n "," {\n p {\n font-size: 12px;\n }\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n\n .social-icon {\n width: 32px;\n height: 32px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n .copyright-content {\n width: 90%;\n color: ",";\n font-size: 12px;\n }\n\n .copyright-image {\n width: 10%;\n align-self: flex-start;\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .copyright-certificate {\n color: ",";\n "," {\n font-size: 11px;\n }\n "," {\n font-size: 12px;\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 14px;\n font-weight: ",";\n text-decoration: none;\n word-break: break-word;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n color: ",";\n\n "," {\n margin-bottom: 8px;\n font-size: 13px;\n line-height: 20px;\n }\n "," {\n margin-bottom: 12px;\n font-size: 14px;\n }\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n font-size: 12px;\n "," {\n font-size: 13px;\n }\n "," {\n font-size: 13px;\n }\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n word-break: break-word;\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div:not(:last-child) {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"])),t.mbDown,t.mbDown,t.mbUp,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.neutral500}),t.mbUp,t.mbDown,(function(n){return n.theme.colors.neutral500}),t.mbUp,t.mbUp,(function(n){return n.theme.colors.neutral500}),t.mbUp,(function(n){return n.theme.colors.neutral500}),t.mbDown,t.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),t.mbDown,(function(n){return n.theme.colors.neutral500}),t.mbDown,t.mbUp,(function(n){return n.theme.colors.neutral500}),t.mbDown,t.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),t.mbUp),r=i.div(e\|\|(e=n(["\n width: 32px;\n height: 32px;\n margin-right: 10px;\n\n &[data-is-mobile='true'] {\n width: 24px;\n height: 24px;\n }\n\n .country-flag {\n width: 100%;\n height: 100%;\n }\n"],["\n width: 32px;\n height: 32px;\n margin-right: 10px;\n\n &[data-is-mobile='true'] {\n width: 24px;\n height: 24px;\n }\n\n .country-flag {\n width: 100%;\n height: 100%;\n }\n"])));export{r as StyledFlag,p as StyledFooter};
2	+ //# sourceMappingURL=index.styled.js.map

package/build/esm/components/organisms/footer/discoverFooter/index.styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../../src/components/organisms/footer/discoverFooter/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledFooter = styled.footer`\n background-color: #1b3250;\n\n .inner {\n padding: 64px 24px 98px 24px;\n ${MediaQueries.mbDown} {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 24px 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n max-height: 32px;\n margin-bottom: 24px;\n &[data-is-sehat='true'] {\n max-width: 250px;\n }\n\n img {\n object-fit: contain;\n }\n }\n\n .social {\n margin-top: 24px;\n\n ${MediaQueries.mbDown} {\n margin-top: 32px;\n p {\n font-size: 13px;\n }\n }\n\n ${MediaQueries.mbUp} {\n p {\n font-size: 12px;\n }\n }\n\n p {\n color: ${(props: ThemeProps) => props.theme.colors.neutral500};\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n\n .social-icon {\n width: 32px;\n height: 32px;\n }\n }\n\n .newsletter {\n > p {\n color: ${(props: ThemeProps) => props.theme.colors.neutral500};\n\n font-size: 14px;\n line-height: 22px;\n\n ${MediaQueries.mbUp} {\n max-width: 380px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n ${MediaQueries.mbDown} {\n margin-top: 0px;\n }\n background: ${(props: ThemeProps) => props.theme.colors.neutral500};\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n ${MediaQueries.mbUp} {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n ${MediaQueries.mbUp} {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n .copyright-content {\n width: 90%;\n color: ${(props: ThemeProps) => props.theme.colors.neutral500};\n font-size: 12px;\n }\n\n .copyright-image {\n width: 10%;\n align-self: flex-start;\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n ${MediaQueries.mbUp} {\n margin-bottom: 0px;\n }\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .copyright-certificate {\n color: ${(props: ThemeProps) => props.theme.colors.neutral500};\n ${MediaQueries.mbDown} {\n font-size: 11px;\n }\n ${MediaQueries.mbUp} {\n font-size: 12px;\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ${(props: ThemeProps) => props.theme.colors.white};\n font-size: 14px;\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n text-decoration: none;\n word-break: break-word;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n ${MediaQueries.mbDown} {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n color: ${(props: ThemeProps) => props.theme.colors.neutral500};\n\n ${MediaQueries.mbDown} {\n margin-bottom: 8px;\n font-size: 13px;\n line-height: 20px;\n }\n ${MediaQueries.mbUp} {\n margin-bottom: 12px;\n font-size: 14px;\n }\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ${(props: ThemeProps) => props.theme.colors.neutral500};\n font-size: 12px;\n ${MediaQueries.mbDown} {\n font-size: 13px;\n }\n ${MediaQueries.mbUp} {\n font-size: 13px;\n }\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ${(props: ThemeProps) => props.theme.colors.white};\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n word-break: break-word;\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n ${MediaQueries.mbUp} {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div:not(:last-child) {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n`\nexport const StyledFlag = styled.div`\n width: 32px;\n height: 32px;\n margin-right: 10px;\n\n &[data-is-mobile='true'] {\n width: 24px;\n height: 24px;\n }\n\n .country-flag {\n width: 100%;\n height: 100%;\n }\n`\n"],"names":["StyledFooter","styled","footer","templateObject_1","__makeTemplateObject","MediaQueries","mbDown","mbUp","props","theme","colors","neutral500","white","sizes","fwBold","StyledFlag","div","templateObject_2"],"mappings":"6KAIO,QAAMA,EAAeC,EAAOC,OAAMC,IAAAA,EAAAC,EAAA,CAAA,wFAAA,kZAAA,2FAAA,oFAAA,qQAAA,kEAAA,oKAAA,sDAAA,uEAAA,wFAAA,uMAAA,mMAAA,sMAAA,UAAA,0CAAA,2IAAA,6CAAA,oIAAA,6PAAA,cAAA,yGAAA,yJAAA,oCAAA,gDAAA,yQAAA,yBAAA,oIAAA,mvBAAA,CAAA,wFAKhB,kZA2BA,2FAOF,oFAO4C,qQAmBA,kEAK1C,oKAWA,sDAG6C,uEAM/C,wFAQA,uMAS4C,mMAYxC,sMAcsC,UACxC,0CAGF,2IAWqC,6CAEM,oIAQzC,6PAe0C,cAExC,yGAKF,yJAU0C,oCAExC,gDAGF,yQAoBqC,yBACM,oIAU7C,qvBA7NjBC,EAAaC,OA2BbD,EAAaC,OAObD,EAAaE,MAOJ,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAmB1C,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,aAKjDN,EAAaE,KAWfF,EAAaC,QAGD,SAACE,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,aAMtDN,EAAaE,KAQbF,EAAaE,MASJ,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,aAY/CN,EAAaE,MAcV,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,aACjDN,EAAaC,OAGbD,EAAaE,MAWN,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,SAEpC,SAACJ,GAAsB,OAAAA,EAAMC,MAAMI,MAAMC,SAQtDT,EAAaC,QAeJ,SAACE,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,aAEjDN,EAAaC,OAKbD,EAAaE,MAUN,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,aAEjDN,EAAaC,OAGbD,EAAaE,MAoBN,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,SACpC,SAACJ,GAAsB,OAAAA,EAAMC,MAAMI,MAAMC,SAUxDT,EAAaE,MAyCNQ,EAAad,EAAOe,IAAGC,IAAAA,EAAAb,EAAA,CAAA,uMAAA,CAAA"}

package/build/esm/components/organisms/footer/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from"react";import{DiscoverFooter as o}from"./discoverFooter/index.js";import{MarryBabyFooter as r}from"./maryBabyFooter/index.js";var i=function(i){var t=i.type,a=i.isMobile,l=void 0===a\|\|a,n=i.locale,s=i.footerInfo,m=i.isAmp;return"helloSites"===i.siteType?e.createElement(o,{isAmp:m,isMobile:l,type:t,locale:n,footerInfo:s\|\|{}}):e.createElement(r,{isMobile:l,locale:n,footerMenu:s\|\|[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:i.marryBabySocialLinks,type:t})};export{i as Footer};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/organisms/footer/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/organisms/footer/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { FooterInfo, LocaleType, MarryBabyFooterInfo } from 'interfaces/types'\n\nimport { DiscoverFooter } from './discoverFooter'\nimport { MarryBabyFooter } from './maryBabyFooter'\n\nexport type Props = {\n type: 'main' | 'mini'\n locale: LocaleType\n basePath: string\n isMobile: boolean\n isAmp: boolean\n footerInfo: FooterInfo | MarryBabyFooterInfo\n} & (\n | {\n siteType: 'marryBaby'\n marryBabySocialLinks?: {\n facebookLink?: string\n twitterLink?: string\n instagramLink?: string\n zaloLink?: string\n linkedinLink?: string\n youtubeLink?: string\n }\n }\n | {\n siteType: 'helloSites'\n }\n)\n\nexport type Flag = {\n country: CountryInitial\n link: string\n}\n\nexport type CountryInitial =\n | 'VN'\n | 'ID'\n | 'TH'\n | 'KH'\n | 'MY'\n | 'MM'\n | 'PH'\n | 'IN'\n | 'TW'\n\nconst Footer = (props: Props) => {\n const { type, isMobile = true, locale, footerInfo, isAmp, siteType } = props\n return siteType === 'helloSites' ? (\n <DiscoverFooter\n isAmp={isAmp}\n isMobile={isMobile}\n type={type}\n locale={locale}\n footerInfo={(footerInfo || {}) as FooterInfo}\n />\n ) : (\n <MarryBabyFooter\n isMobile={isMobile}\n locale={locale}\n footerMenu={(footerInfo || []) as MarryBabyFooterInfo}\n copyrightText={'© 2022 MarryBaby.vn'}\n socialLinks={props.marryBabySocialLinks}\n type={type}\n />\n )\n}\n\nexport { Footer }\n"],"names":["Footer","props","type","_a","isMobile","locale","footerInfo","isAmp","React","createElement","DiscoverFooter","MarryBabyFooter","footerMenu","copyrightText","socialLinks","marryBabySocialLinks"],"mappings":"4IA+CM,IAAAA,EAAS,SAACC,GACN,IAAAC,EAA+DD,EAAKC,KAA9DC,EAAyDF,EAA1CG,SAAfA,OAAQ,IAAAD,GAAOA,EAAEE,EAAwCJ,EAAKI,OAArCC,EAAgCL,aAApBM,EAAoBN,QACvE,MAAoB,eADmDA,WAErEO,EAACC,cAAAC,GACCH,MAAOA,EACPH,SAAUA,EACVF,KAAMA,EACNG,OAAQA,EACRC,WAAaA,GAAc,KAG7BE,EAAAC,cAACE,EAAe,CACdP,SAAUA,EACVC,OAAQA,EACRO,WAAaN,GAAc,GAC3BO,cAAe,sBACfC,YAAab,EAAMc,qBACnBb,KAAMA"}

package/build/esm/components/organisms/footer/maryBabyFooter/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from"react";import t from"../../../../assets/svg/facebook.svg.js";import a from"../../../../assets/svg/instagram.svg.js";import o from"../../../../assets/svg/youtube.svg.js";import r from"../../../../assets/svg/zalo.png.js";import{Container as l}from"../../../atoms/container/index.js";import{Divider as n}from"../../../atoms/divider/index.js";import{Logo as s}from"../../../atoms/logo/index.js";import{MarryBabyText as m}from"../../../atoms/marryBabyText/index.js";import{useTranslations as c}from"../../../../hooks/useTranslations.js";import{theme as i}from"../../../../misc/theme.js";import{StyledFooterContainer as d,StyledFooterMenu as p,StyledMenuContainer as f,StyledCompanyInfo as C,StyledInfoContainer as E,StyledMiniFooterContainer as g,StyledRoundDecorator as v}from"./index.styled.js";var y={SOCIAL_LINKS:{facebookLink:"https://www.facebook.com/marry.baby.vn",instagramLink:"https://www.instagram.com/marrybaby.vn",zaloLink:"http://zalo.me/806483414530291942",youtubeLink:"https://www.youtube.com/user/marrybabyvn"}},b=function(b){var u,w=b.socialLinks,h=void 0===w?y.SOCIAL_LINKS:w,k=h.facebookLink,x=h.instagramLink,F=h.zaloLink,B=h.youtubeLink,L=b.copyrightText,_=b.logoType,N=void 0===_?"marryBaby":_,A=b.isMobile,H=b.footerMenu,V=void 0===H?[]:H,M=b.type,Z=void 0===M?"main":M,j=c().t;return"main"===Z?e.createElement(d,{className:"footer-container"},!A&&e.createElement("div",{className:"footer-divider"},e.createElement(l,{type:"marryBaby"},e.createElement(n,{style:{padding:"0 16px"},type:"solid"}))),e.createElement(p,null,e.createElement(l,{type:"marryBaby"},e.createElement(f,null,e.createElement("div",{className:"grid"},null===(u=A?null==V?void 0:V.slice(0,6):V)\|\|void 0===u?void 0:u.map((function(t,a){var o=t.title,r=t.link;return e.createElement("a",{"data-event-category":"Footer","data-event-action":o,"data-event-label":"".concat(r),className:"link",href:r,key:"footer-links-".concat(a)},e.createElement(m,{color:i.colors.gray800,type:"subtitle-2"},o))})),e.createElement("div",{className:"social-wrapper"},e.createElement("div",{className:"social"},e.createElement(m,{type:"subtitle-2"},j("footer.followUsText")),e.createElement("div",{className:"icons-links"},k&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":k,href:k},e.createElement("img",{src:t,alt:"Facebook"})),B&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":B,href:B},e.createElement("img",{src:o,alt:"Youtube"})),x&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":x,href:x},e.createElement("img",{src:a,alt:"Instagram"})),F&&e.createElement("a",{target:"_blank",rel:"noreferrer",href:F,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":F},e.createElement("img",{src:r,alt:"Zalo"}))))))))),e.createElement(C,null,e.createElement(l,{type:"marryBaby"},e.createElement(E,null,e.createElement(s,{className:"logo",type:N,width:"121px"}),e.createElement(m,{className:"company-name",type:"subtitle-2"},j("footer.info.companyName")),e.createElement("div",{className:"text-info"},e.createElement(m,{type:"bodytext-3"},j("footer.info.address")),e.createElement(m,{type:"bodytext-3"},j("footer.info.license")),e.createElement(m,{type:"bodytext-3"},j("footer.info.email"))),e.createElement("div",{className:"img-container"},e.createElement("img",{src:"/images/dmca_protected.png",alt:"DMCA protected"}),e.createElement("a",{href:"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1",target:"_blank",rel:"noreferrer"},e.createElement("img",{src:"/images/mit_registered.png",alt:"MIT registered"}))),!A&&e.createElement(n,{type:"solid"}),e.createElement("div",{className:"language-and-copyright"},e.createElement(m,{type:"bodytext-3"},L)))))):e.createElement(g,null,e.createElement(v,null),e.createElement(m,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:i.sizes.fwSemiBold},color:i.mbColors.midGray},j("footer.followUsText")),e.createElement("div",{className:"icons-links"},k&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":k,href:k},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M21 5.75V18.25C21 19.765 19.765 21 18.25 21H15.5V14H17.31C17.565 14 17.78 13.81 17.81 13.56L17.995 12.06C18.015 11.92 17.97 11.775 17.875 11.67C17.78 11.56 17.645 11.5 17.5 11.5H15.5V9.75C15.5 9.2 15.95 8.75 16.5 8.75H17.5C17.775 8.75 18 8.525 18 8.25V6.56C18 6.305 17.8 6.09 17.545 6.065C17.515 6.06 16.81 6 15.915 6C13.715 6 12.5 7.31 12.5 9.685V11.5H10.5C10.225 11.5 10 11.725 10 12V13.5C10 13.775 10.225 14 10.5 14H12.5V21H5.75C4.235 21 3 19.765 3 18.25V5.75C3 4.235 4.235 3 5.75 3H18.25C19.765 3 21 4.235 21 5.75Z",fill:"url(#paint0_linear)"}),e.createElement("defs",null,e.createElement("linearGradient",{id:"paint0_linear",x1:"12",y1:"3",x2:"12",y2:"21",gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#4DABF7"}),e.createElement("stop",{offset:"1",stopColor:"#2668DA"}))))),B&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":B,href:B},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M11.9287 4.25C8.75236 4.25 5.80117 4.47631 4.11719 4.82812C4.1136 4.82907 4.11002 4.83005 4.10645 4.83105C2.83774 5.11535 1.64309 6.02412 1.3916 7.44727L1.39062 7.45312C1.19742 8.60013 1 10.0953 1 12.25C1 14.4006 1.1981 15.8562 1.44238 17.0635C1.70004 18.4446 2.86711 19.3809 4.15527 19.6689C4.16144 19.6707 4.16762 19.6723 4.17383 19.6738C5.93135 20.0201 8.79923 20.25 11.9756 20.25C15.1519 20.25 18.0213 20.0201 19.7793 19.6738C19.7855 19.6723 19.7917 19.6707 19.7979 19.6689C21.0666 19.3847 22.2612 18.4759 22.5127 17.0527C22.5134 17.0492 22.514 17.0456 22.5146 17.042C22.7049 15.8716 22.9514 14.3778 23 12.2197C23.0001 12.2142 23.0001 12.2087 23 12.2031C23 10.0438 22.7529 8.53934 22.5117 7.34766C22.2561 5.96354 21.0877 5.02474 19.7979 4.73633C19.7781 4.73195 19.7583 4.72836 19.7383 4.72559C18.0232 4.48448 15.1056 4.25 11.9287 4.25ZM10.0781 8.50098C10.2633 8.49715 10.4548 8.54095 10.6348 8.64258L14.9365 11.0732C15.662 11.4832 15.662 12.5177 14.9365 12.9277L10.6348 15.3584C9.91527 15.7644 9.01855 15.2502 9.01855 14.4307V9.56934C9.01855 8.95471 9.52252 8.51246 10.0781 8.50098Z",fill:"#EB3223"}))),x&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":x,href:x},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M8.25 2.5C5.08319 2.5 2.5 5.08319 2.5 8.25V15.75C2.5 18.9164 5.0831 21.5 8.25 21.5H15.75C18.9165 21.5 21.5 18.9165 21.5 15.75V8.25C21.5 5.0831 18.9164 2.5 15.75 2.5H8.25ZM8.25 4H15.75C18.1056 4 20 5.8939 20 8.25V15.75C20 18.1055 18.1055 20 15.75 20H8.25C5.8939 20 4 18.1056 4 15.75V8.25C4 5.89381 5.89381 4 8.25 4ZM17 6C16.4475 6 16 6.4475 16 7C16 7.5525 16.4475 8 17 8C17.5525 8 18 7.5525 18 7C18 6.4475 17.5525 6 17 6ZM12 7C9.24759 7 7 9.24759 7 12C7 14.7524 9.24759 17 12 17C14.7524 17 17 14.7524 17 12C17 9.24759 14.7524 7 12 7ZM12 8.5C13.9416 8.5 15.5 10.0584 15.5 12C15.5 13.9416 13.9416 15.5 12 15.5C10.0584 15.5 8.5 13.9416 8.5 12C8.5 10.0584 10.0584 8.5 12 8.5Z",fill:"url(#paint0_radial)"}),e.createElement("defs",null,e.createElement("radialGradient",{id:"paint0_radial",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(0.499995 26) rotate(-47.9508) scale(34.3402 30.014)"},e.createElement("stop",{offset:"0.073",stopColor:"#EACC7B"}),e.createElement("stop",{offset:"0.184",stopColor:"#ECAA59"}),e.createElement("stop",{offset:"0.307",stopColor:"#EF802E"}),e.createElement("stop",{offset:"0.358",stopColor:"#EF6D3A"}),e.createElement("stop",{offset:"0.46",stopColor:"#F04B50"}),e.createElement("stop",{offset:"0.516",stopColor:"#F03E58"}),e.createElement("stop",{offset:"0.689",stopColor:"#DB359E"}),e.createElement("stop",{offset:"0.724",stopColor:"#CE37A4"}),e.createElement("stop",{offset:"0.789",stopColor:"#AC3CB4"}),e.createElement("stop",{offset:"0.877",stopColor:"#7544CF"}),e.createElement("stop",{offset:"0.98",stopColor:"#2B4FF2"}))))),F&&e.createElement("a",{target:"_blank",rel:"noreferrer",href:F,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":F},e.createElement("div",{style:{height:24,width:24}},e.createElement("img",{src:"/icons/zalo.png",alt:"Zalo"})))))};export{y as MARRY_BABY_DEFAULT_FOOTER,b as MarryBabyFooter};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/organisms/footer/maryBabyFooter/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/organisms/footer/maryBabyFooter/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { FacebookIcon, YoutubeIcon, InstagramIcon, ZaloIcon } from 'assets/svg'\nimport { Container } from 'components/atoms/container'\nimport { Divider } from 'components/atoms/divider'\nimport { Flag } from 'components/atoms/flag'\nimport { Logo } from 'components/atoms/logo'\nimport { TypeProps as LogoType } from 'components/atoms/logo'\nimport { MarryBabyText } from 'components/atoms/marryBabyText'\nimport { useTranslations } from 'hooks/useTranslations'\nimport { LocaleType, MarryBabyFooterInfo } from 'interfaces/types'\nimport { theme } from 'misc/theme'\nimport { CSSProperties } from 'styled-components'\n\nimport {\n StyledFooterContainer,\n StyledFooterMenu,\n StyledCompanyInfo,\n StyledMenuContainer,\n StyledInfoContainer,\n StyledMiniFooterContainer,\n StyledRoundDecorator,\n} from './index.styled'\n\n// type link = {\n// title: string\n// link: string\n// }\n\nexport const MARRY_BABY_DEFAULT_FOOTER = {\n SOCIAL_LINKS: {\n facebookLink: 'https://www.facebook.com/marry.baby.vn',\n // twitterLink,\n instagramLink: 'https://www.instagram.com/marrybaby.vn',\n zaloLink: 'http://zalo.me/806483414530291942',\n // linkedinLink\n youtubeLink: 'https://www.youtube.com/user/marrybabyvn',\n },\n}\n\nexport type Country =\n | 'VN'\n | 'ID'\n | 'TH'\n | 'KH'\n | 'MY'\n | 'MM'\n | 'PH'\n | 'IN'\n | 'TW'\n\nexport type Flag = {\n country: Country\n link: string\n}\n\nexport type Props = {\n // bigLinks: Array<link>\n // informationLinks: Array<link>\n buttonText?: string\n className?: string\n socialLinks?: {\n facebookLink?: string\n twitterLink?: string\n instagramLink?: string\n zaloLink?: string\n linkedinLink?: string\n youtubeLink?: string\n }\n followusText?: string\n copyrightText?: string\n type: 'main' | 'mini'\n logoType?: LogoType\n isMobile: boolean\n flagLinks?: Array<Flag>\n footerMenu?: MarryBabyFooterInfo\n locale: LocaleType\n}\n\nconst MarryBabyFooter = ({\n socialLinks: {\n facebookLink,\n instagramLink,\n zaloLink,\n youtubeLink,\n } = MARRY_BABY_DEFAULT_FOOTER.SOCIAL_LINKS,\n copyrightText,\n logoType = 'marryBaby',\n isMobile,\n footerMenu = [],\n type = 'main',\n}: Props) => {\n const { t } = useTranslations()\n\n return type === 'main' ? (\n <StyledFooterContainer className=\"footer-container\">\n {!isMobile && (\n <div className=\"footer-divider\">\n <Container type=\"marryBaby\">\n <Divider style={{ padding: '0 16px' }} type=\"solid\" />\n </Container>\n </div>\n )}\n\n <StyledFooterMenu>\n <Container type=\"marryBaby\">\n <StyledMenuContainer>\n <div className=\"grid\">\n {(isMobile ? footerMenu?.slice(0, 6) : footerMenu)?.map(\n ({ title, link }, i) => (\n <a\n data-event-category=\"Footer\"\n data-event-action={title}\n data-event-label={`${link}`}\n className=\"link\"\n href={link}\n key={`footer-links-${i}`}\n >\n <MarryBabyText\n color={theme.colors.gray800}\n type=\"subtitle-2\"\n >\n {title}\n </MarryBabyText>\n </a>\n ),\n )}\n\n <div className=\"social-wrapper\">\n <div className=\"social\">\n <MarryBabyText type=\"subtitle-2\">\n {t('footer.followUsText')}\n </MarryBabyText>\n <div className=\"icons-links\">\n {facebookLink && (\n <a\n target=\"_blank\"\n rel=\"noreferrer\"\n data-event-category=\"Footer\"\n data-event-action=\"Follow us - Facebook\"\n data-content-label={facebookLink}\n href={facebookLink}\n >\n <img src={FacebookIcon} alt=\"Facebook\" />\n </a>\n )}\n {youtubeLink && (\n <a\n target=\"_blank\"\n rel=\"noreferrer\"\n data-event-category=\"Footer\"\n data-event-action=\"Follow us - Youtube\"\n data-event-label={youtubeLink}\n href={youtubeLink}\n >\n <img src={YoutubeIcon} alt=\"Youtube\" />\n </a>\n )}\n {instagramLink && (\n <a\n target=\"_blank\"\n rel=\"noreferrer\"\n data-event-category=\"Footer\"\n data-event-action=\"Follow us - Instagram\"\n data-content-label={instagramLink}\n href={instagramLink}\n >\n <img src={InstagramIcon} alt=\"Instagram\" />\n </a>\n )}\n {zaloLink && (\n <a\n target=\"_blank\"\n rel=\"noreferrer\"\n href={zaloLink}\n data-event-category=\"Footer\"\n data-event-action=\"Follow us - Zalo\"\n data-event-label={zaloLink}\n >\n <img src={ZaloIcon} alt=\"Zalo\" />\n </a>\n )}\n </div>\n </div>\n </div>\n </div>\n </StyledMenuContainer>\n </Container>\n </StyledFooterMenu>\n\n <StyledCompanyInfo>\n <Container type=\"marryBaby\">\n <StyledInfoContainer>\n <Logo className=\"logo\" type={logoType as LogoType} width=\"121px\" />\n <MarryBabyText className=\"company-name\" type=\"subtitle-2\">\n {t('footer.info.companyName')}\n </MarryBabyText>\n\n <div className=\"text-info\">\n <MarryBabyText type=\"bodytext-3\">\n {t('footer.info.address')}\n </MarryBabyText>\n <MarryBabyText type=\"bodytext-3\">\n {t('footer.info.license')}\n </MarryBabyText>\n <MarryBabyText type=\"bodytext-3\">\n {t('footer.info.email')}\n </MarryBabyText>\n {/* <MarryBabyText type=\"bodytext-3\">\n {t('footer.info.contentResponsibility')}\n </MarryBabyText> */}\n {/* <MarryBabyText type=\"bodytext-3\">\n {t('footer.info.certificate')}\n </MarryBabyText> */}\n </div>\n\n <div className=\"img-container\">\n <img src=\"/images/dmca_protected.png\" alt=\"DMCA protected\" />\n <a\n href=\"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n <img src=\"/images/mit_registered.png\" alt=\"MIT registered\" />\n </a>\n </div>\n\n {!isMobile && <Divider type=\"solid\" />}\n\n <div className=\"language-and-copyright\">\n {/* <Dropdown\n placeholder=\"Choose language\"\n id=\"footer-language-select\"\n options={languageDropdownOptions}\n value={activeLanguage}\n onChange={onSelectLanguage}\n placeholderIcon={activeLanguage?.icon}\n /> */}\n <MarryBabyText type=\"bodytext-3\">{copyrightText}</MarryBabyText>\n </div>\n </StyledInfoContainer>\n </Container>\n </StyledCompanyInfo>\n </StyledFooterContainer>\n ) : (\n <StyledMiniFooterContainer>\n <StyledRoundDecorator />\n <MarryBabyText\n type=\"subtitle-3\"\n style={\n {\n marginBottom: 24,\n textTransform: 'uppercase',\n fontWeight: theme.sizes.fwSemiBold,\n } as CSSProperties\n }\n color={theme.mbColors.midGray}\n >\n {t('footer.followUsText')}\n </MarryBabyText>\n <div className=\"icons-links\">\n {facebookLink && (\n <a\n target=\"_blank\"\n rel=\"noreferrer\"\n data-event-category=\"Footer\"\n data-event-action=\"Follow us - Facebook\"\n data-content-label={facebookLink}\n href={facebookLink}\n >\n {/* <img src=\"/svg/facebook.svg\" alt=\"Facebook\" /> */}\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21 5.75V18.25C21 19.765 19.765 21 18.25 21H15.5V14H17.31C17.565 14 17.78 13.81 17.81 13.56L17.995 12.06C18.015 11.92 17.97 11.775 17.875 11.67C17.78 11.56 17.645 11.5 17.5 11.5H15.5V9.75C15.5 9.2 15.95 8.75 16.5 8.75H17.5C17.775 8.75 18 8.525 18 8.25V6.56C18 6.305 17.8 6.09 17.545 6.065C17.515 6.06 16.81 6 15.915 6C13.715 6 12.5 7.31 12.5 9.685V11.5H10.5C10.225 11.5 10 11.725 10 12V13.5C10 13.775 10.225 14 10.5 14H12.5V21H5.75C4.235 21 3 19.765 3 18.25V5.75C3 4.235 4.235 3 5.75 3H18.25C19.765 3 21 4.235 21 5.75Z\"\n fill=\"url(#paint0_linear)\"\n />\n <defs>\n <linearGradient\n id=\"paint0_linear\"\n x1=\"12\"\n y1=\"3\"\n x2=\"12\"\n y2=\"21\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"#4DABF7\" />\n <stop offset=\"1\" stopColor=\"#2668DA\" />\n </linearGradient>\n </defs>\n </svg>\n </a>\n )}\n {youtubeLink && (\n <a\n target=\"_blank\"\n rel=\"noreferrer\"\n data-event-category=\"Footer\"\n data-event-action=\"Follow us - Youtube\"\n data-event-label={youtubeLink}\n href={youtubeLink}\n >\n {/* <img src=\"/svg/youtube.svg\" alt=\"Youtube\" /> */}\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.9287 4.25C8.75236 4.25 5.80117 4.47631 4.11719 4.82812C4.1136 4.82907 4.11002 4.83005 4.10645 4.83105C2.83774 5.11535 1.64309 6.02412 1.3916 7.44727L1.39062 7.45312C1.19742 8.60013 1 10.0953 1 12.25C1 14.4006 1.1981 15.8562 1.44238 17.0635C1.70004 18.4446 2.86711 19.3809 4.15527 19.6689C4.16144 19.6707 4.16762 19.6723 4.17383 19.6738C5.93135 20.0201 8.79923 20.25 11.9756 20.25C15.1519 20.25 18.0213 20.0201 19.7793 19.6738C19.7855 19.6723 19.7917 19.6707 19.7979 19.6689C21.0666 19.3847 22.2612 18.4759 22.5127 17.0527C22.5134 17.0492 22.514 17.0456 22.5146 17.042C22.7049 15.8716 22.9514 14.3778 23 12.2197C23.0001 12.2142 23.0001 12.2087 23 12.2031C23 10.0438 22.7529 8.53934 22.5117 7.34766C22.2561 5.96354 21.0877 5.02474 19.7979 4.73633C19.7781 4.73195 19.7583 4.72836 19.7383 4.72559C18.0232 4.48448 15.1056 4.25 11.9287 4.25ZM10.0781 8.50098C10.2633 8.49715 10.4548 8.54095 10.6348 8.64258L14.9365 11.0732C15.662 11.4832 15.662 12.5177 14.9365 12.9277L10.6348 15.3584C9.91527 15.7644 9.01855 15.2502 9.01855 14.4307V9.56934C9.01855 8.95471 9.52252 8.51246 10.0781 8.50098Z\"\n fill=\"#EB3223\"\n />\n </svg>\n </a>\n )}\n {instagramLink && (\n <a\n target=\"_blank\"\n rel=\"noreferrer\"\n data-event-category=\"Footer\"\n data-event-action=\"Follow us - Instagram\"\n data-content-label={instagramLink}\n href={instagramLink}\n >\n {/* <img src=\"/svg/instagram.svg\" alt=\"Instagram\" /> */}\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8.25 2.5C5.08319 2.5 2.5 5.08319 2.5 8.25V15.75C2.5 18.9164 5.0831 21.5 8.25 21.5H15.75C18.9165 21.5 21.5 18.9165 21.5 15.75V8.25C21.5 5.0831 18.9164 2.5 15.75 2.5H8.25ZM8.25 4H15.75C18.1056 4 20 5.8939 20 8.25V15.75C20 18.1055 18.1055 20 15.75 20H8.25C5.8939 20 4 18.1056 4 15.75V8.25C4 5.89381 5.89381 4 8.25 4ZM17 6C16.4475 6 16 6.4475 16 7C16 7.5525 16.4475 8 17 8C17.5525 8 18 7.5525 18 7C18 6.4475 17.5525 6 17 6ZM12 7C9.24759 7 7 9.24759 7 12C7 14.7524 9.24759 17 12 17C14.7524 17 17 14.7524 17 12C17 9.24759 14.7524 7 12 7ZM12 8.5C13.9416 8.5 15.5 10.0584 15.5 12C15.5 13.9416 13.9416 15.5 12 15.5C10.0584 15.5 8.5 13.9416 8.5 12C8.5 10.0584 10.0584 8.5 12 8.5Z\"\n fill=\"url(#paint0_radial)\"\n />\n <defs>\n <radialGradient\n id=\"paint0_radial\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(0.499995 26) rotate(-47.9508) scale(34.3402 30.014)\"\n >\n <stop offset=\"0.073\" stopColor=\"#EACC7B\" />\n <stop offset=\"0.184\" stopColor=\"#ECAA59\" />\n <stop offset=\"0.307\" stopColor=\"#EF802E\" />\n <stop offset=\"0.358\" stopColor=\"#EF6D3A\" />\n <stop offset=\"0.46\" stopColor=\"#F04B50\" />\n <stop offset=\"0.516\" stopColor=\"#F03E58\" />\n <stop offset=\"0.689\" stopColor=\"#DB359E\" />\n <stop offset=\"0.724\" stopColor=\"#CE37A4\" />\n <stop offset=\"0.789\" stopColor=\"#AC3CB4\" />\n <stop offset=\"0.877\" stopColor=\"#7544CF\" />\n <stop offset=\"0.98\" stopColor=\"#2B4FF2\" />\n </radialGradient>\n </defs>\n </svg>\n </a>\n )}\n {zaloLink && (\n <a\n target=\"_blank\"\n rel=\"noreferrer\"\n href={zaloLink}\n data-event-category=\"Footer\"\n data-event-action=\"Follow us - Zalo\"\n data-event-label={zaloLink}\n >\n <div\n style={{\n height: 24,\n width: 24,\n }}\n >\n <img src=\"/icons/zalo.png\" alt=\"Zalo\" />\n </div>\n </a>\n )}\n </div>\n </StyledMiniFooterContainer>\n )\n}\n\nexport { MarryBabyFooter }\n"],"names":["MARRY_BABY_DEFAULT_FOOTER","SOCIAL_LINKS","facebookLink","instagramLink","zaloLink","youtubeLink","MarryBabyFooter","_a","_c","socialLinks","_d","copyrightText","_e","logoType","isMobile","_f","footerMenu","_g","type","t","useTranslations","React","createElement","StyledFooterContainer","className","Container","Divider","style","padding","StyledFooterMenu","StyledMenuContainer","_b","slice","map","i","title","link","concat","href","key","MarryBabyText","color","theme","colors","gray800","target","rel","src","FacebookIcon","alt","YoutubeIcon","InstagramIcon","ZaloIcon","StyledCompanyInfo","StyledInfoContainer","Logo","width","StyledMiniFooterContainer","StyledRoundDecorator","marginBottom","textTransform","fontWeight","sizes","fwSemiBold","mbColors","midGray","height","viewBox","fill","xmlns","d","id","x1","y1","x2","y2","gradientUnits","stopColor","offset","cx","cy","r","gradientTransform"],"mappings":"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"}

package/build/esm/components/organisms/footer/maryBabyFooter/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as t}from"../../../../misc/utils.js";import i from"styled-components";i.footer(o\|\|(o=n(["\n position: relative;\n background: ",";\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n margin-bottom: 24px;\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n font-size: 19px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n p {\n color: ",";\n }\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 19px;\n font-weight: ",";\n text-decoration: none;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n "," {\n margin-bottom: 8px;\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"],["\n position: relative;\n background: ",";\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n margin-bottom: 24px;\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n font-size: 19px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n p {\n color: ",";\n }\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 19px;\n font-weight: ",";\n text-decoration: none;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n "," {\n margin-bottom: 8px;\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"])),(function(n){return n.theme.mbColors.lightGray}),t.mbDown,t.mbDown,(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral500}),t.mbUp,t.mbDown,(function(n){return n.theme.colors.neutral500}),t.mbUp,t.mbUp,(function(n){return n.theme.colors.white}),t.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),t.mbDown,(function(n){return n.theme.colors.neutral500}),t.mbDown,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),t.mbUp);var o,e,p,a,r,l,x,d,s=i.div(e\|\|(e=n([""],[""]))),m=i.div(p\|\|(p=n(["\n position: relative;\n overflow: hidden;\n padding: 40px 40px 100px 40px;\n\n .icons-links {\n position: relative;\n display: flex;\n justify-content: space-between;\n }\n"],["\n position: relative;\n overflow: hidden;\n padding: 40px 40px 100px 40px;\n\n .icons-links {\n position: relative;\n display: flex;\n justify-content: space-between;\n }\n"]))),g=i.div(a\|\|(a=n(["\n position: relative;\n margin: 80px 0 0;\n\n "," {\n margin-top: 0px;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n content: '';\n transform: translateX(-50%);\n border-radius: 100% 100% 0 0 / 30% 30%;\n }\n }\n"],["\n position: relative;\n margin: 80px 0 0;\n\n "," {\n margin-top: 0px;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n content: '';\n transform: translateX(-50%);\n border-radius: 100% 100% 0 0 / 30% 30%;\n }\n }\n"])),t.mbDown),c=i.div(r\|\|(r=n(["\n position: relative;\n padding: 0 16px;\n\n "," {\n padding: 48px 8px 0;\n }\n\n & .grid {\n display: flex;\n flex-wrap: wrap;\n margin: -8px;\n\n & > * {\n display: inline-block;\n flex: 0 0 25%;\n padding: 8px;\n color: ",";\n text-decoration: none;\n }\n\n "," {\n & > * {\n flex: 0 0 100%;\n text-align: center;\n }\n }\n }\n\n & .social-wrapper {\n margin-left: auto;\n }\n\n & .social {\n "," {\n & .icons-links {\n margin-top: 16px;\n\n & > a:not(:first-child) {\n margin-left: 10%;\n }\n\n & > a {\n text-decoration: none;\n }\n }\n }\n\n "," {\n width: 100%;\n display: flex;\n background: #fff;\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n border-radius: 8px;\n padding: 20px 16px;\n align-items: center;\n max-width: 400px;\n margin: 32px auto 0px;\n\n & > p {\n font-size: 12px;\n line-height: 20px;\n }\n\n & .icons-links {\n margin-left: 8%;\n flex: 1;\n display: inline-flex;\n justify-content: space-between;\n }\n }\n\n & .icons-links {\n & > a {\n & > img {\n width: 24px;\n object-fit: contain;\n }\n }\n }\n }\n"],["\n position: relative;\n padding: 0 16px;\n\n "," {\n padding: 48px 8px 0;\n }\n\n & .grid {\n display: flex;\n flex-wrap: wrap;\n margin: -8px;\n\n & > * {\n display: inline-block;\n flex: 0 0 25%;\n padding: 8px;\n color: ",";\n text-decoration: none;\n }\n\n "," {\n & > * {\n flex: 0 0 100%;\n text-align: center;\n }\n }\n }\n\n & .social-wrapper {\n margin-left: auto;\n }\n\n & .social {\n "," {\n & .icons-links {\n margin-top: 16px;\n\n & > a:not(:first-child) {\n margin-left: 10%;\n }\n\n & > a {\n text-decoration: none;\n }\n }\n }\n\n "," {\n width: 100%;\n display: flex;\n background: #fff;\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n border-radius: 8px;\n padding: 20px 16px;\n align-items: center;\n max-width: 400px;\n margin: 32px auto 0px;\n\n & > p {\n font-size: 12px;\n line-height: 20px;\n }\n\n & .icons-links {\n margin-left: 8%;\n flex: 1;\n display: inline-flex;\n justify-content: space-between;\n }\n }\n\n & .icons-links {\n & > a {\n & > img {\n width: 24px;\n object-fit: contain;\n }\n }\n }\n }\n"])),t.mbDown,(function(n){return n.theme.colors.gray800}),t.mbDown,t.mbUp,t.mbDown),f=i.div(l\|\|(l=n(["\n position: relative;\n\n "," {\n margin: 80px 0 0;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n content: '';\n transform: translateX(-50%);\n }\n }\n\n "," {\n background-color: #f3f3f3;\n }\n"],["\n position: relative;\n\n "," {\n margin: 80px 0 0;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n content: '';\n transform: translateX(-50%);\n }\n }\n\n "," {\n background-color: #f3f3f3;\n }\n"])),t.mbUp,t.mbDown),h=i.div(x\|\|(x=n(["\n position: relative;\n padding: 64px 16px 154px;\n text-align: center;\n\n "," {\n padding: 48px 8px 32px;\n }\n\n & .company-name {\n margin-top: 24px;\n }\n\n .logo {\n justify-content: center;\n }\n\n & .text-info {\n margin-top: 8px;\n > p {\n margin-bottom: 8px;\n }\n "," {\n text-align: left;\n margin-top: 16px;\n }\n }\n\n & .img-container {\n display: flex;\n max-width: 176px;\n height: 24px;\n justify-content: space-between;\n margin: 24px auto 0;\n\n "," {\n height: 32px;\n max-width: unset;\n justify-content: space-around;\n }\n\n img {\n width: unset;\n height: 100%;\n object-fit: contain;\n }\n }\n\n & > hr {\n border-color: ",";\n margin: 64px 0 18px;\n opacity: 0.1;\n }\n\n & .language-and-copyright {\n display: flex;\n justify-content: center;\n\n "," {\n margin-top: 60px;\n }\n\n & #footer-language-select {\n width: 100%;\n max-width: 114px;\n\n &[data-dropdown-open='true'] > div:after {\n transform: translateY(-60%) rotateZ(-180deg);\n }\n\n "," {\n order: 1;\n }\n\n & > div {\n padding: 0;\n\n & > div > svg {\n max-width: 22px;\n margin-right: 8px;\n transform: translateY(1px);\n }\n\n & > span {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n }\n }\n\n & > ul[data-has-icons='true'] {\n width: 158px;\n max-width: 158px;\n border: none;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n "," {\n margin-top: 0;\n left: unset;\n right: 0;\n top: unset;\n bottom: 32px;\n }\n\n & li {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n\n & > div {\n max-width: 22px;\n & svg {\n width: 22px;\n max-width: 22px;\n transform: translateY(3px);\n }\n }\n }\n }\n }\n\n & > p {\n color: ",";\n }\n }\n"],["\n position: relative;\n padding: 64px 16px 154px;\n text-align: center;\n\n "," {\n padding: 48px 8px 32px;\n }\n\n & .company-name {\n margin-top: 24px;\n }\n\n .logo {\n justify-content: center;\n }\n\n & .text-info {\n margin-top: 8px;\n > p {\n margin-bottom: 8px;\n }\n "," {\n text-align: left;\n margin-top: 16px;\n }\n }\n\n & .img-container {\n display: flex;\n max-width: 176px;\n height: 24px;\n justify-content: space-between;\n margin: 24px auto 0;\n\n "," {\n height: 32px;\n max-width: unset;\n justify-content: space-around;\n }\n\n img {\n width: unset;\n height: 100%;\n object-fit: contain;\n }\n }\n\n & > hr {\n border-color: ",";\n margin: 64px 0 18px;\n opacity: 0.1;\n }\n\n & .language-and-copyright {\n display: flex;\n justify-content: center;\n\n "," {\n margin-top: 60px;\n }\n\n & #footer-language-select {\n width: 100%;\n max-width: 114px;\n\n &[data-dropdown-open='true'] > div:after {\n transform: translateY(-60%) rotateZ(-180deg);\n }\n\n "," {\n order: 1;\n }\n\n & > div {\n padding: 0;\n\n & > div > svg {\n max-width: 22px;\n margin-right: 8px;\n transform: translateY(1px);\n }\n\n & > span {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n }\n }\n\n & > ul[data-has-icons='true'] {\n width: 158px;\n max-width: 158px;\n border: none;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n "," {\n margin-top: 0;\n left: unset;\n right: 0;\n top: unset;\n bottom: 32px;\n }\n\n & li {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n\n & > div {\n max-width: 22px;\n & svg {\n width: 22px;\n max-width: 22px;\n transform: translateY(3px);\n }\n }\n }\n }\n }\n\n & > p {\n color: ",";\n }\n }\n"])),t.mbDown,t.mbDown,t.mbDown,(function(n){return n.theme.mbColors.midGray}),t.mbDown,t.mbDown,t.mbDown,(function(n){return n.theme.mbColors.midGray})),b=i.div(d\|\|(d=n(["\n position: absolute;\n top: 0;\n right: -50%;\n width: 400px;\n height: 400px;\n background-color: #f2fcf7;\n border-radius: 50%;\n"],["\n position: absolute;\n top: 0;\n right: -50%;\n width: 400px;\n height: 400px;\n background-color: #f2fcf7;\n border-radius: 50%;\n"])));export{f as StyledCompanyInfo,s as StyledFooterContainer,g as StyledFooterMenu,h as StyledInfoContainer,c as StyledMenuContainer,m as StyledMiniFooterContainer,b as StyledRoundDecorator};
2	+ //# sourceMappingURL=index.styled.js.map

package/build/esm/components/organisms/footer/maryBabyFooter/index.styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../../src/components/organisms/footer/maryBabyFooter/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledFooter = styled.footer`\n position: relative;\n background: ${(props: ThemeProps) => props.theme.mbColors.lightGray};\n\n .inner {\n padding: 64px 24px 98px 24px;\n ${MediaQueries.mbDown} {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n margin-bottom: 24px;\n }\n\n .social {\n margin-top: 24px;\n\n ${MediaQueries.mbDown} {\n margin-top: 32px;\n }\n\n p {\n color: ${(props: ThemeProps) => props.theme.colors.white};\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n }\n\n .newsletter {\n > p {\n color: ${(props: ThemeProps) => props.theme.colors.neutral500};\n\n font-size: 14px;\n line-height: 22px;\n\n ${MediaQueries.mbUp} {\n max-width: 380px;\n font-size: 19px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n ${MediaQueries.mbDown} {\n margin-top: 0px;\n }\n background: ${(props: ThemeProps) => props.theme.colors.neutral500};\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n ${MediaQueries.mbUp} {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n ${MediaQueries.mbUp} {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n p {\n color: ${(props: ThemeProps) => props.theme.colors.white};\n }\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n ${MediaQueries.mbUp} {\n margin-bottom: 0px;\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ${(props: ThemeProps) => props.theme.colors.white};\n font-size: 19px;\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n text-decoration: none;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n ${MediaQueries.mbDown} {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n margin-bottom: 12px;\n color: ${(props: ThemeProps) => props.theme.colors.neutral500};\n }\n\n ${MediaQueries.mbDown} {\n margin-bottom: 8px;\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ${(props: ThemeProps) => props.theme.colors.neutral500};\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ${(props: ThemeProps) => props.theme.colors.white};\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n ${MediaQueries.mbUp} {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n`\n\nexport const StyledFooterContainer = styled.div``\n\nexport const StyledMiniFooterContainer = styled.div`\n position: relative;\n overflow: hidden;\n padding: 40px 40px 100px 40px;\n\n .icons-links {\n position: relative;\n display: flex;\n justify-content: space-between;\n }\n`\n\nexport const StyledFooterMenu = styled.div`\n position: relative;\n margin: 80px 0 0;\n\n ${MediaQueries.mbDown} {\n margin-top: 0px;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n content: '';\n transform: translateX(-50%);\n border-radius: 100% 100% 0 0 / 30% 30%;\n }\n }\n`\n\nexport const StyledMenuContainer = styled.div`\n position: relative;\n padding: 0 16px;\n\n ${MediaQueries.mbDown} {\n padding: 48px 8px 0;\n }\n\n & .grid {\n display: flex;\n flex-wrap: wrap;\n margin: -8px;\n\n & > * {\n display: inline-block;\n flex: 0 0 25%;\n padding: 8px;\n color: ${(props: ThemeProps) => props.theme.colors.gray800};\n text-decoration: none;\n }\n\n ${MediaQueries.mbDown} {\n & > * {\n flex: 0 0 100%;\n text-align: center;\n }\n }\n }\n\n & .social-wrapper {\n margin-left: auto;\n }\n\n & .social {\n ${MediaQueries.mbUp} {\n & .icons-links {\n margin-top: 16px;\n\n & > a:not(:first-child) {\n margin-left: 10%;\n }\n\n & > a {\n text-decoration: none;\n }\n }\n }\n\n ${MediaQueries.mbDown} {\n width: 100%;\n display: flex;\n background: #fff;\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n border-radius: 8px;\n padding: 20px 16px;\n align-items: center;\n max-width: 400px;\n margin: 32px auto 0px;\n\n & > p {\n font-size: 12px;\n line-height: 20px;\n }\n\n & .icons-links {\n margin-left: 8%;\n flex: 1;\n display: inline-flex;\n justify-content: space-between;\n }\n }\n\n & .icons-links {\n & > a {\n & > img {\n width: 24px;\n object-fit: contain;\n }\n }\n }\n }\n`\n\nexport const StyledCompanyInfo = styled.div`\n position: relative;\n\n ${MediaQueries.mbUp} {\n margin: 80px 0 0;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n content: '';\n transform: translateX(-50%);\n }\n }\n\n ${MediaQueries.mbDown} {\n background-color: #f3f3f3;\n }\n`\n\nexport const StyledInfoContainer = styled.div`\n position: relative;\n padding: 64px 16px 154px;\n text-align: center;\n\n ${MediaQueries.mbDown} {\n padding: 48px 8px 32px;\n }\n\n & .company-name {\n margin-top: 24px;\n }\n\n .logo {\n justify-content: center;\n }\n\n & .text-info {\n margin-top: 8px;\n > p {\n margin-bottom: 8px;\n }\n ${MediaQueries.mbDown} {\n text-align: left;\n margin-top: 16px;\n }\n }\n\n & .img-container {\n display: flex;\n max-width: 176px;\n height: 24px;\n justify-content: space-between;\n margin: 24px auto 0;\n\n ${MediaQueries.mbDown} {\n height: 32px;\n max-width: unset;\n justify-content: space-around;\n }\n\n img {\n width: unset;\n height: 100%;\n object-fit: contain;\n }\n }\n\n & > hr {\n border-color: ${(props: ThemeProps) => props.theme.mbColors.midGray};\n margin: 64px 0 18px;\n opacity: 0.1;\n }\n\n & .language-and-copyright {\n display: flex;\n justify-content: center;\n\n ${MediaQueries.mbDown} {\n margin-top: 60px;\n }\n\n & #footer-language-select {\n width: 100%;\n max-width: 114px;\n\n &[data-dropdown-open='true'] > div:after {\n transform: translateY(-60%) rotateZ(-180deg);\n }\n\n ${MediaQueries.mbDown} {\n order: 1;\n }\n\n & > div {\n padding: 0;\n\n & > div > svg {\n max-width: 22px;\n margin-right: 8px;\n transform: translateY(1px);\n }\n\n & > span {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n }\n }\n\n & > ul[data-has-icons='true'] {\n width: 158px;\n max-width: 158px;\n border: none;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n ${MediaQueries.mbDown} {\n margin-top: 0;\n left: unset;\n right: 0;\n top: unset;\n bottom: 32px;\n }\n\n & li {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n\n & > div {\n max-width: 22px;\n & svg {\n width: 22px;\n max-width: 22px;\n transform: translateY(3px);\n }\n }\n }\n }\n }\n\n & > p {\n color: ${(props: ThemeProps) => props.theme.mbColors.midGray};\n }\n }\n`\n\nexport const StyledRoundDecorator = styled.div`\n position: absolute;\n top: 0;\n right: -50%;\n width: 400px;\n height: 400px;\n background-color: #f2fcf7;\n border-radius: 50%;\n`\n"],"names":["styled","footer","templateObject_1","__makeTemplateObject","props","theme","mbColors","lightGray","MediaQueries","mbDown","colors","white","neutral500","mbUp","sizes","fwBold","StyledFooterContainer","div","templateObject_2","StyledMiniFooterContainer","templateObject_3","StyledFooterMenu","templateObject_4","StyledMenuContainer","templateObject_5","gray800","StyledCompanyInfo","templateObject_6","StyledInfoContainer","templateObject_7","midGray","StyledRoundDecorator","templateObject_8"],"mappings":"6KAI4BA,EAAOC,OAAMC,IAAAA,EAAAC,EAAA,CAAA,0CAAA,2DAAA,uQAAA,+DAAA,+LAAA,kEAAA,8LAAA,sDAAA,uEAAA,wFAAA,mKAAA,uFAAA,gPAAA,6CAAA,uGAAA,yRAAA,mBAAA,mHAAA,qOAAA,yBAAA,qGAAA,kuBAAA,CAAA,0CAE4B,2DAI5C,uQAmBA,+DAKqC,+LAcK,kEAK1C,8LAYA,sDAG6C,uEAM/C,wFAQA,mKAQuC,uFAOrC,gPAkBmC,6CAEM,uGAOzC,yRAgB0C,mBAG1C,mHAQ0C,qOAkBL,yBACM,qGAS7C,quBA7KP,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,SAASC,YAItDC,EAAaC,OAmBbD,EAAaC,QAKJ,SAACL,GAAsB,OAAAA,EAAMC,MAAMK,OAAOC,SAc1C,SAACP,GAAsB,OAAAA,EAAMC,MAAMK,OAAOE,aAKjDJ,EAAaK,KAYfL,EAAaC,QAGD,SAACL,GAAsB,OAAAA,EAAMC,MAAMK,OAAOE,aAMtDJ,EAAaK,KAQbL,EAAaK,MAQJ,SAACT,GAAsB,OAAAA,EAAMC,MAAMK,OAAOC,QAOjDH,EAAaK,MAkBR,SAACT,GAAsB,OAAAA,EAAMC,MAAMK,OAAOC,SAEpC,SAACP,GAAsB,OAAAA,EAAMC,MAAMS,MAAMC,SAOtDP,EAAaC,QAgBJ,SAACL,GAAsB,OAAAA,EAAMC,MAAMK,OAAOE,aAGnDJ,EAAaC,QAQJ,SAACL,GAAsB,OAAAA,EAAMC,MAAMK,OAAOE,cAkB1C,SAACR,GAAsB,OAAAA,EAAMC,MAAMK,OAAOC,SACpC,SAACP,GAAsB,OAAAA,EAAMC,MAAMS,MAAMC,SASxDP,EAAaK,MA0CN,oBAAAG,EAAwBhB,EAAOiB,IAAGC,IAAAA,EAAAf,EAAA,CAAA,IAAA,CAAA,OAElCgB,EAA4BnB,EAAOiB,IAAGG,IAAAA,EAAAjB,EAAA,CAAA,+LAAA,CAAA,kMAYtCkB,EAAmBrB,EAAOiB,IAAGK,IAAAA,EAAAnB,EAAA,CAAA,qDAAA,sVAAA,CAAA,qDAInB,wVAAnBK,EAAaC,QAkBJc,EAAsBvB,EAAOiB,IAAGO,IAAAA,EAAArB,EAAA,CAAA,oDAAA,uNAAA,iDAAA,4KAAA,6NAAA,yoBAAA,CAAA,oDAItB,uNAayC,iDAIvC,4KAaF,6NAcE,2oBA5CrBK,EAAaC,QAaF,SAACL,GAAsB,OAAAA,EAAMC,MAAMK,OAAOe,UAInDjB,EAAaC,OAabD,EAAaK,KAcbL,EAAaC,QAmCNiB,EAAoB1B,EAAOiB,IAAGU,IAAAA,EAAAxB,EAAA,CAAA,gCAAA,sWAAA,6CAAA,CAAA,gCAGtB,sWAiBE,+CAjBnBK,EAAaK,KAiBbL,EAAaC,QAKJmB,EAAsB5B,EAAOiB,IAAGY,IAAAA,EAAA1B,EAAA,CAAA,oFAAA,uOAAA,gOAAA,iOAAA,iJAAA,mPAAA,wiBAAA,4fAAA,mBAAA,CAAA,oFAKtB,uOAiBE,gOAaA,iOAc8C,iJAS9C,mPAYE,wiBA2BE,4fA0BqC,qBAtH9DK,EAAaC,OAiBXD,EAAaC,OAabD,EAAaC,QAcC,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,SAASwB,UAS1DtB,EAAaC,OAYXD,EAAaC,OA2BXD,EAAaC,QA0BR,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,SAASwB,WAK9CC,EAAuB/B,EAAOiB,IAAGe,IAAAA,EAAA7B,EAAA,CAAA,gJAAA,CAAA"}

package/build/esm/components/organisms/navigationBookingButton/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from"react";import{Button as a}from"../../atoms/button/index.js";import{StyledButtonBooking as t}from"./index.styled.js";var r=function(r){var n=r.onCareHeaderClick,o=r.currentUrl,l=r.careUrlFe,i=r.btnName;return e.createElement(t,null,n?e.createElement(a,{className:"login-btn-mobile",size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:o,onClick:n},i):e.createElement("a",{href:l,className:"care-button no-replace-click"},e.createElement(a,{className:"login-btn-mobile",size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:o},i)))};export{r as NavigationBookingButton};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/organisms/navigationBookingButton/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/organisms/navigationBookingButton/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Button } from 'components/atoms/button'\n\nimport { StyledButtonBooking } from './index.styled'\nexport type Props = {\n onCareHeaderClick?: (\n e: React.MouseEvent<HTMLAnchorElement, MouseEvent>,\n ) => void\n currentUrl: string\n careUrlFe: string\n btnName: string\n}\n\nconst NavigationBookingButton = ({\n onCareHeaderClick,\n currentUrl,\n careUrlFe,\n btnName,\n}: Props) => {\n return (\n <StyledButtonBooking>\n {onCareHeaderClick ? (\n <Button\n className=\"login-btn-mobile\"\n size=\"md\"\n color=\"primary\"\n dataEventCategory=\"Care\"\n dataEventAction=\"Navigation Bar Click\"\n dataEventLabel={currentUrl}\n onClick={onCareHeaderClick}\n >\n {btnName}\n </Button>\n ) : (\n <a href={careUrlFe} className=\"care-button no-replace-click\">\n <Button\n className=\"login-btn-mobile\"\n size=\"md\"\n color=\"primary\"\n dataEventCategory=\"Care\"\n dataEventAction=\"Navigation Bar Click\"\n dataEventLabel={currentUrl}\n >\n {btnName}\n </Button>\n </a>\n )}\n </StyledButtonBooking>\n )\n}\n\nexport { NavigationBookingButton }\n"],"names":["NavigationBookingButton","_a","onCareHeaderClick","currentUrl","careUrlFe","btnName","React","createElement","StyledButtonBooking","Button","className","size","color","dataEventCategory","dataEventAction","dataEventLabel","onClick","href"],"mappings":"kIAcM,IAAAA,EAA0B,SAACC,OAC/BC,EAAiBD,EAAAC,kBACjBC,EAAUF,EAAAE,WACVC,EAASH,EAAAG,UACTC,EAAOJ,EAAAI,QAEP,OACEC,EAACC,cAAAC,EACE,KAAAN,EACCI,EAAAC,cAACE,EAAM,CACLC,UAAU,mBACVC,KAAK,KACLC,MAAM,UACNC,kBAAkB,OAClBC,gBAAgB,uBAChBC,eAAgBZ,EAChBa,QAASd,GAERG,GAGHC,EAAAC,cAAA,IAAA,CAAGU,KAAMb,EAAWM,UAAU,gCAC5BJ,EAAAC,cAACE,EAAM,CACLC,UAAU,mBACVC,KAAK,KACLC,MAAM,UACNC,kBAAkB,OAClBC,gBAAgB,uBAChBC,eAAgBZ,GAEfE"}

package/build/esm/components/organisms/navigationBookingButton/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o from"styled-components";var t,i=o.div(t\|\|(t=n(["\n a {\n text-decoration: none;\n }\n .login-btn-mobile {\n padding-left: 10px;\n padding-right: 10px;\n }\n"],["\n a {\n text-decoration: none;\n }\n .login-btn-mobile {\n padding-left: 10px;\n padding-right: 10px;\n }\n"])));export{i as StyledButtonBooking};
2	+ //# sourceMappingURL=index.styled.js.map

package/build/esm/components/organisms/navigationBookingButton/index.styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../src/components/organisms/navigationBookingButton/index.styled.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledButtonBooking = styled.div`\n a {\n text-decoration: none;\n }\n .login-btn-mobile {\n padding-left: 10px;\n padding-right: 10px;\n }\n`\n"],"names":["StyledButtonBooking","styled","div","templateObject_1","__makeTemplateObject"],"mappings":"iHAEa,MAAAA,EAAsBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,6HAAA,CAAA"}

package/build/esm/components/organisms/navigationLayout/CustomFooter.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import l from"react";import{Footer as i}from"./footer/index.js";import{MarryBabyFooter as n}from"./maryBabyFooter/index.js";var o=function(o){var t,r,a,c,d,v,u,m,s,p,f,g=o.type,y=o.isMobile,T=void 0===y\|\|y,b=o.locale,h=o.footerInfo,x=o.isAmp,S=o.siteType,E=o.ampNextArticle,M=o.routerQuery;return"helloSites"===S?l.createElement(l.Fragment,null,x&&(null!==(r=null===(t=null==M?void 0:M.slug)\|\|void 0===t?void 0:t.length)&&void 0!==r?r:"")>1&&l.createElement("amp-next-page",null,l.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:'\n [\n {\n "image": "'.concat(null===(a=null==E?void 0:E.articleOne)\|\|void 0===a?void 0:a.image,'",\n "title": ').concat(JSON.stringify(null===(c=null==E?void 0:E.articleOne)\|\|void 0===c?void 0:c.title),',\n "url": "').concat(null===(d=null==E?void 0:E.articleOne)\|\|void 0===d?void 0:d.link,'"\n },\n {\n "image": "').concat(null===(v=null==E?void 0:E.articleTwo)\|\|void 0===v?void 0:v.image,'",\n "title": ').concat(JSON.stringify(null===(u=null==E?void 0:E.articleTwo)\|\|void 0===u?void 0:u.title),',\n "url": "').concat(null===(m=null==E?void 0:E.articleTwo)\|\|void 0===m?void 0:m.link,'"\n },\n {\n "image": "').concat(null===(s=null==E?void 0:E.articleThree)\|\|void 0===s?void 0:s.image,'",\n "title": ').concat(JSON.stringify(null===(p=null==E?void 0:E.articleThree)\|\|void 0===p?void 0:p.title),',\n "url": "').concat(null===(f=null==E?void 0:E.articleThree)\|\|void 0===f?void 0:f.link,'"\n }\n ]\n ')}}),l.createElement("div",e({},{separator:""},{className:"amp-page-seperator",style:{color:"#8C8C8C",textTransform:"uppercase",fontSize:11,fontWeight:700,marginLeft:16}}),"Next article:")),l.createElement(i,{isAmp:x,isMobile:T,type:g,locale:b,footerInfo:h\|\|{}})):l.createElement(n,{isMobile:T,locale:b,footerMenu:h\|\|[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:o.marryBabySocialLinks,type:g})};export{o as CustomFooter};
2	+ //# sourceMappingURL=CustomFooter.js.map

package/build/esm/components/organisms/navigationLayout/CustomFooter.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CustomFooter.js","sources":["../../../../../src/components/organisms/navigationLayout/CustomFooter.tsx"],"sourcesContent":["import React from 'react'\n\nimport {\n AmpNextArticle,\n FooterInfo,\n LocaleType,\n MarryBabyFooterInfo,\n} from 'components/organisms/navigationLayout/types'\n\nimport { Footer } from './footer'\nimport { MarryBabyFooter } from './maryBabyFooter'\n// import { useTranslation } from './utils'\n\n// const formatUrlFooter = (s: string | null) => {\n// if (s) {\n// if (s.includes('https')) {\n// return s\n// } else {\n// return `/static${s}`\n// }\n// } else {\n// return ''\n// }\n// }\n\ntype FooterProps = {\n type: 'main' | 'mini'\n locale: LocaleType\n basePath: string\n isMobile: boolean\n // static: {\n // STATIC_PAGES: {\n // [key: string]: {\n // [key: string]: string | null\n // }\n // }\n // }\n isAmp: boolean\n footerInfo: FooterInfo | MarryBabyFooterInfo\n ampNextArticle?: AmpNextArticle\n routerQuery?: { [key: string]: string }\n} & (\n | {\n siteType: 'marryBaby'\n marryBabySocialLinks: {\n facebookLink: string\n twitterLink: string\n instagramLink: string\n zaloLink: string\n linkedinLink: string\n youtubeLink: string\n }\n }\n | {\n siteType: 'helloSites'\n }\n)\n\nexport type Flag = {\n country: CountryInitial\n link: string\n}\n\nexport type CountryInitial =\n | 'VN'\n | 'ID'\n | 'TH'\n | 'KH'\n | 'MY'\n | 'MM'\n | 'PH'\n | 'IN'\n | 'TW'\n\nconst CustomFooter = (props: FooterProps) => {\n const {\n type,\n isMobile = true,\n locale,\n footerInfo,\n isAmp,\n siteType,\n ampNextArticle,\n routerQuery,\n } = props\n const customAttribute = { separator: '' }\n return siteType === 'helloSites' ? (\n <>\n {/* <Welcome style={{ display: 'none' }} /> */}\n {isAmp && (routerQuery?.slug?.length ?? '') > 1 && (\n <amp-next-page>\n <script\n type=\"application/json\"\n dangerouslySetInnerHTML={{\n __html: `\n [\n {\n \"image\": \"${ampNextArticle?.articleOne?.image}\",\n \"title\": ${JSON.stringify(ampNextArticle?.articleOne?.title)},\n \"url\": \"${ampNextArticle?.articleOne?.link}\"\n },\n {\n \"image\": \"${ampNextArticle?.articleTwo?.image}\",\n \"title\": ${JSON.stringify(ampNextArticle?.articleTwo?.title)},\n \"url\": \"${ampNextArticle?.articleTwo?.link}\"\n },\n {\n \"image\": \"${ampNextArticle?.articleThree?.image}\",\n \"title\": ${JSON.stringify(\n ampNextArticle?.articleThree?.title,\n )},\n \"url\": \"${ampNextArticle?.articleThree?.link}\"\n }\n ]\n `,\n }}\n ></script>\n <div\n {...customAttribute}\n className=\"amp-page-seperator\"\n style={{\n color: '#8C8C8C',\n textTransform: 'uppercase',\n fontSize: 11,\n fontWeight: 700,\n marginLeft: 16,\n }}\n >\n Next article:\n </div>\n </amp-next-page>\n )}\n\n <Footer\n isAmp={isAmp}\n isMobile={isMobile}\n type={type}\n locale={locale}\n footerInfo={(footerInfo || {}) as FooterInfo}\n />\n </>\n ) : (\n <MarryBabyFooter\n isMobile={isMobile}\n locale={locale}\n footerMenu={(footerInfo || []) as MarryBabyFooterInfo}\n copyrightText={'© 2022 MarryBaby.vn'}\n socialLinks={props.marryBabySocialLinks}\n type={type}\n />\n )\n}\n\nexport { CustomFooter }\n"],"names":["CustomFooter","props","type","_m","isMobile","locale","footerInfo","isAmp","siteType","ampNextArticle","routerQuery","React","createElement","Fragment","_b","slug","_a","length","dangerouslySetInnerHTML","__html","concat","_c","articleOne","image","JSON","stringify","_d","title","_e","link","_f","articleTwo","_g","_h","_j","articleThree","_k","_l","__assign","separator","className","style","color","textTransform","fontSize","fontWeight","marginLeft","Footer","MarryBabyFooter","footerMenu","copyrightText","socialLinks","marryBabySocialLinks"],"mappings":"gMA0EM,IAAAA,EAAe,SAACC,6BAElBC,EAQED,OAPFE,EAOEF,EAPaG,SAAfA,OAAW,IAAAD,KACXE,EAMEJ,EAAKI,OALPC,EAKEL,EALQK,WACVC,EAIEN,QAHFO,EAGEP,EAAKO,SAFPC,EAEER,EAFYQ,eACdC,EACET,cAEJ,MAAoB,eAAbO,EACLG,EAAAC,cAAAD,EAAAE,SAAA,KAEGN,IAAuC,QAA7BO,EAAiB,UAAjBJ,aAAA,EAAAA,EAAaK,YAAI,IAAAC,OAAA,EAAAA,EAAEC,cAAU,IAAAH,EAAAA,EAAA,IAAM,GAC5CH,EAAAC,cAAA,gBAAA,KACED,EAAAC,cAAA,SAAA,CACEV,KAAK,mBACLgB,wBAAyB,CACvBC,OAAQ,qEAGQC,OAA4B,QAA5BC,EAAAZ,aAAA,EAAAA,EAAgBa,kBAAY,IAAAD,OAAA,EAAAA,EAAAE,gDAC7BC,KAAKC,UAAsC,QAA5BC,EAAAjB,aAAA,EAAAA,EAAgBa,kBAAY,IAAAI,OAAA,EAAAA,EAAAC,OAC5C,iCAAAP,OAA0B,QAA1BQ,EAAAnB,aAAc,EAAdA,EAAgBa,kBAAU,IAAAM,OAAA,EAAAA,EAAEC,KAAI,0EAAAT,OAGJ,QAA1BU,EAAArB,aAAc,EAAdA,EAAgBsB,kBAAU,IAAAD,OAAA,EAAAA,EAAEP,MAAK,mCAAAH,OAClCI,KAAKC,UAAoC,QAA1BO,EAAAvB,aAAc,EAAdA,EAAgBsB,kBAAU,IAAAC,OAAA,EAAAA,EAAEL,OAC5C,iCAAAP,OAA4B,QAA5Ba,EAAAxB,aAAc,EAAdA,EAAgBsB,kBAAY,IAAAE,OAAA,EAAAA,EAAAJ,KAG1B,0EAAAT,OAA4B,QAA5Bc,EAAAzB,aAAc,EAAdA,EAAgB0B,oBAAY,IAAAD,OAAA,EAAAA,EAAEX,MAC/B,mCAAAH,OAAAI,KAAKC,UACc,QAA5BW,EAAA3B,aAAc,EAAdA,EAAgB0B,oBAAY,IAAAC,OAAA,EAAAA,EAAET,OAC/B,iCAAAP,OACuC,QAA9BiB,EAAA5B,aAAA,EAAAA,EAAgB0B,oBAAc,IAAAE,OAAA,EAAAA,EAAAR,KAG3C,4DAGLlB,EAAAC,cAAA,MAAA0B,EAAA,GAhCgB,CAAEC,UAAW,IAkC3B,CAAAC,UAAU,qBACVC,MAAO,CACLC,MAAO,UACPC,cAAe,YACfC,SAAU,GACVC,WAAY,IACZC,WAAY,MACb,kBAOPnC,EAAAC,cAACmC,EAAM,CACLxC,MAAOA,EACPH,SAAUA,EACVF,KAAMA,EACNG,OAAQA,EACRC,WAAaA,GAAc,MAI/BK,EAAAC,cAACoC,EAAe,CACd5C,SAAUA,EACVC,OAAQA,EACR4C,WAAa3C,GAAc,GAC3B4C,cAAe,sBACfC,YAAalD,EAAMmD,qBACnBlD,KAAMA"}

package/build/esm/components/organisms/navigationLayout/ampSideBar/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from"react";import"../../../atoms/text/index.styled.js";import"../../../atoms/alert/index.styled.js";import"../../../atoms/avatar/index.styled.js";import"../../../atoms/badge/index.styled.js";import"../../../atoms/borderHeading/index.styled.js";import"../../../atoms/button/index.styled.js";import"../../../atoms/divider/index.styled.js";import"../../../atoms/fileDropdown/index.styled.js";import"../../../atoms/flag/index.styled.js";import"../../../atoms/grid/index.styled.js";import{Heading as t}from"../../../atoms/heading/index.js";import"../../../atoms/label/index.js";import"../../../atoms/input/index.styled.js";import{Logo as a}from"../../../atoms/logo/index.js";import"../../../../misc/utils.js";import"../../../atoms/pagination/index.styled.js";import"../../../atoms/pureInput/index.js";import"../../../atoms/radio/index.styled.js";import"../../../atoms/shadow/index.styled.js";import"react-range";import"../../../atoms/slider/index.styled.js";import"../../../atoms/tag/index.styled.js";import"../../../atoms/toggle/index.styled.js";import"../../../atoms/underlinedLink/index.styled.js";import"../../../atoms/uploader/index.styled.js";import"../../../atoms/textArea/index.js";import"../../../atoms/container/index.styled.js";import"../../../atoms/checkbox/index.styled.js";import"../../../atoms/textDivider/index.js";import"../../../atoms/rateStars/index.styled.js";import"../../../atoms/icons/Ask.js";import"../../../atoms/icons/BarChart.js";import"../../../atoms/icons/Booking.js";import"../../../atoms/icons/Bookmark.js";import"../../../atoms/icons/Community.js";import"../../../atoms/icons/EditSpecial.js";import"../../../atoms/icons/Family.js";import"../../../atoms/icons/Font.js";import"../../../atoms/icons/Heart.js";import"../../../atoms/icons/Home.js";import"../../../atoms/icons/Like.js";import"../../../atoms/icons/MyCommunity.js";import"../../../atoms/icons/PlusSpecial.js";import"../../../atoms/icons/Recalculate.js";import"../../../atoms/icons/Scale.js";import"../../../atoms/icons/Share.js";import"../../../atoms/icons/Stethoscope.js";import"../../../atoms/progress/index.styled.js";import o from"../assets/discover.svg.js";import s from"../assets/healthTools.svg.js";import i from"../assets/helloCare-thumbnail.svg.js";import m from"../assets/sehat-badge.png.js";import r from"../assets/together.svg.js";import{LOCALE_SPECS as n}from"../constants.js";import{StyledCategoryItemAll as l}from"../menuCategoriesList/index.styled.js";import{StyledImageWrapper as c}from"../menuServiceList/index.styled.js";import{StyledCloseButton as d,StyledAmpCategoryCard as h}from"../navigationBar/index.styled.js";import{SearchIcon as p}from"../navigationBar/SearchIcon.js";import{useTranslation as g}from"../utils.js";import{StyledAmpSidebar as E,StyledAmpSearchBox as v}from"./index.styled.js";var u=function(u){var j=u.locale,x=u.categoriesSSR,y=u.healthToolsSSR,f=u.spotlightsSSR,b=u.serviceUrls,S=u.together,w=u.care,I=u.basePath,T=u.searchPlaceholder,A=g();return e.createElement(E,null,e.createElement("amp-sidebar",{id:"discover-amp-sidebar",layout:"nodisplay",style:{width:"100vw",maxWidth:"100vw"}},e.createElement("amp-nested-menu",{layout:"fill"},e.createElement("ul",{style:{paddingBottom:24}},e.createElement("div",{className:"amp__menu-header"},e.createElement(d,{on:"tap:discover-amp-sidebar.close",role:"button",tabIndex:1},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))),e.createElement("div",{className:"logo"},e.createElement(a,{height:"32px",width:"121px",type:n.LOGO_TYPE,isAmp:!0,badge:"id-ID"===j?e.createElement("amp-img",{src:m,width:"56",height:"23"}):void 0})),e.createElement("div",null)),e.createElement(v,{href:"/search"},e.createElement(p,null),e.createElement("input",{className:"amp-search-input",type:"text",placeholder:T,readOnly:!0})),e.createElement("div",{className:"categories__spotlight"},e.createElement(h,{on:"tap:AMP.setState({healthToolsActive: true})",className:"nav-card active","data-amp-bind-class":"healthToolsActive ? 'nav-card active' : 'nav-card not-active'",role:"button",tabIndex:1},e.createElement("amp-img",{src:o,width:"48",height:"48"}),e.createElement("span",null,A("home.navigator.menuItem.discover"))),e.createElement(h,{role:"button",tabIndex:1,className:"nav-card",on:"tap:AMP.setState({healthToolsActive: false})","data-amp-bind-class":"healthToolsActive ? 'nav-card not-active' : 'nav-card active'"},e.createElement("amp-img",{src:s,width:"48",height:"48"}),e.createElement("span",null,A("home.navigator.menuItem.healthTools"))),S.TOGETHER_MENU_COUNTRIES_ENABLED.includes(j)&&e.createElement("a",{href:b.TOGETHER_URL_FE},e.createElement(h,{role:"button",tabIndex:1,className:"nav-card",on:"tap:AMP.setState({healthToolsActive: false})"},e.createElement("amp-img",{src:r,width:"48",height:"48"}),e.createElement("span",null,A("home.navigator.menuItem.together")))),w.CARE_MENU_COUNTRIES_ENABLED.includes(j)&&e.createElement("a",{href:b.CARE_URL_FE},e.createElement(h,{role:"button",tabIndex:1,className:"nav-card"},e.createElement("amp-img",{src:i,width:"48",height:"48"}),e.createElement("span",null,A("home.navigator.menuItem.helloCare"))))),e.createElement("ul",{className:"categories","data-amp-bind-hidden":"!healthToolsActive",style:{marginBottom:24}},e.createElement(t,{tag:"h3",fontWeight:"bold",style:{marginBottom:24}},A("home.navigator.menuItem.discover")),x&&x.length>1&&x.map((function(t){return e.createElement("li",{key:t.name},e.createElement("a",{href:t.permalink},t.displayName))})),e.createElement("a",{style:{textDecoration:"none"},href:"".concat(b.DISCOVER_URL_FE,"/categories/")},e.createElement(l,{key:"all-categories"},A("home.navigator.menuItem.allCategories"),e.createElement(c,null,e.createElement("amp-img",{src:"".concat(I,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},height:"16",width:"16",alt:A("home.navigator.menuItem.allCategories")}))))),e.createElement("ul",{className:"categories","data-amp-bind-hidden":"!healthToolsActive"},e.createElement(t,{tag:"h3",fontWeight:"bold",style:{marginBottom:24}},A("home.navigator.menuItem.spotlights")),f&&f.length>0&&f.map((function(t){return e.createElement("li",{key:t.id,className:"spotlight-li"},e.createElement("a",{href:t.permalink},t.name))})),e.createElement("a",{style:{textDecoration:"none"},href:"".concat(b.DISCOVER_URL_FE,"/spotlight/")},e.createElement(l,{key:"all-spotlight"},A("home.navigator.menuItem.allSpotlight"),e.createElement(c,null,e.createElement("amp-img",{src:"".concat(I,"/svg/chevronRightActive.svg"),style:{width:"16px",height:"16px"},height:"16",width:"16",alt:A("home.navigator.menuItem.allSpotlight")}))))),e.createElement("ul",{className:"categories","data-amp-bind-hidden":"healthToolsActive",hidden:!0},y&&y.length>1&&y.map((function(a,o){return a.healthTools&&a.healthTools.length>0&&e.createElement(e.Fragment,{key:o},e.createElement(t,{tag:"h4",fontWeight:"bold"},a.name),a.healthTools.map((function(t){return e.createElement("li",{key:t.title,className:"health-tool"},e.createElement("a",{href:t.link},e.createElement("amp-img",{width:"32",height:"32",src:t.icon}),e.createElement("span",null,t.title)))})))})))))))};export{u as AmpSidebar};
2	+ //# sourceMappingURL=index.js.map