@hhgtech/hhg-components 1.24.18 → 1.24.20-beta-1

package/build/hooks/useImageSize.d.ts

@@ -0,0 +1,5 @@
+export declare const useImageSize: (src: string) => {
+    loaded: boolean;
+    width: number;
+    height: number;
+};

package/build/hooks.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./useTranslations-82cb6000.js"),s=require("./useScrollbarSize-a12042ae.js"),r=require("./useRafState-45c04634.js"),i=require("./useHealthToolCache-40cc782f.js"),u=require("./useIsInit-d6b0a168.js"),t=require("./useOutsideClick-2cdcb752.js"),a=require("./useUniqueId-e8bf8833.js");require("react"),require("./translationsContext-81fe8793.js"),require("string-format"),require("lodash/debounce"),require("./tslib.es6-d7a88a93.js"),require("./cookieHelper-80099e46.js"),require("./getDynamicHealthTool-4230a626.js"),require("./core-44b6fd33.js"),require("./isProduction-0dffc430.js"),require("./normalizeLink-a75e2e0f.js"),require("./routing-0d2fb020.js"),require("./index-522ced61.js"),require("./Locale-efa66a0f.js"),exports.useTranslations=e.useTranslations,exports.MEASURE_ELEMENT_CLASS=s.MEASURE_ELEMENT_CLASS,exports.useScrollbarSize=s.useScrollbarSize,exports.useFbDataLayer=r.useFbDataLayer,exports.usePrevious=r.usePrevious,exports.useRafState=r.useRafState,exports.useHealthToolsCache=i.useHealthToolsCache,exports.useIsInit=u.useIsInit,exports.initSharedOutSideClickListener=t.initSharedOutSideClickListener,exports.useOutsideClick=t.useOutsideClick,exports.useSharedOutsideClick=t.useSharedOutsideClick,exports.useInitialMount=a.useInitialMount,exports.useUniqueId=a.useUniqueId;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./useTranslations-aff0e125.js"),s=require("./useScrollbarSize-b96b452b.js"),r=require("./useRafState-638c77fb.js"),i=require("./useHealthToolCache-7b224855.js"),u=require("./useIsInit-cb68199c.js"),t=require("./useOutsideClick-d524b5f7.js"),a=require("./useUniqueId-6a89c75d.js");require("react"),require("./translationsContext-4d1ecd88.js"),require("string-format"),require("lodash/debounce"),require("./tslib.es6-825c8218.js"),require("./cookieHelper-a39335b5.js"),require("./getDynamicHealthTool-c214f89b.js"),require("./core-a2102f02.js"),require("./isProduction-2a9c881c.js"),require("./normalizeLink-2abde272.js"),require("./routing-2a621ccf.js"),require("./index-c922f4de.js"),require("./Locale-2a63b447.js"),exports.useTranslations=e.useTranslations,exports.MEASURE_ELEMENT_CLASS=s.MEASURE_ELEMENT_CLASS,exports.useScrollbarSize=s.useScrollbarSize,exports.useFbDataLayer=r.useFbDataLayer,exports.usePrevious=r.usePrevious,exports.useRafState=r.useRafState,exports.useHealthToolsCache=i.useHealthToolsCache,exports.useIsInit=u.useIsInit,exports.initSharedOutSideClickListener=t.initSharedOutSideClickListener,exports.useOutsideClick=t.useOutsideClick,exports.useSharedOutsideClick=t.useSharedOutsideClick,exports.useInitialMount=a.useInitialMount,exports.useUniqueId=a.useUniqueId;

package/build/i18n.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("./translationsProvider-9a211600.js"),t=require("./translationsContext-81fe8793.js");require("react"),exports.TranslationsProvider=r.TranslationsProvider,exports.translationsMap=r.translationsMap,exports.TranslationsContext=t.TranslationsContext,exports.defaultTranslations=t.defaultTranslations;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("./translationsProvider-2ced00a9.js"),t=require("./translationsContext-4d1ecd88.js");require("react"),exports.TranslationsProvider=r.TranslationsProvider,exports.translationsMap=r.translationsMap,exports.TranslationsContext=t.TranslationsContext,exports.defaultTranslations=t.defaultTranslations;

package/build/index-05d24886.js

@@ -0,0 +1 @@
+"use strict";var e=require("./tslib.es6-825c8218.js"),t=require("react"),l=require("./gAssets.js"),r=require("./index.styled-9b0cade6.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(t);exports.Modal=t=>{var{title:a}=t,n=e.__rest(t,["title"]);return s.default.createElement(s.default.Fragment,null,s.default.createElement(r.StyledModal,Object.assign({centered:!0,styles:{body:{padding:"40px"},inner:{borderRadius:"6px"}}},n,{withCloseButton:!1,title:n.withCloseButton&&s.default.createElement(s.default.Fragment,null,a,s.default.createElement("img",{className:"mantine-Modal-close",src:l.CommonGAssets.getAssetPath("CloseModal.svg"),onClick:()=>{var e;return null===(e=n.onClose)||void 0===e?void 0:e.call(n)}}))})))};

package/build/{index-4b2739da.js → index-151f2849.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("@mantine/core"),t=require("styled-components"),n=require("./tslib.es6-d7a88a93.js"),r=require("react"),o=require("@mantine/hooks"),a=require("./gAssets.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(t),i=s(r),u="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};const d=e.createEmotionCache({key:"mantine",prepend:!1}),c=l.default(e.Slider)`
+"use strict";var e=require("@mantine/core"),t=require("styled-components"),n=require("./tslib.es6-825c8218.js"),r=require("react"),o=require("@mantine/hooks"),a=require("./gAssets.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(t),i=s(r),u="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};const d=e.createEmotionCache({key:"mantine",prepend:!1}),c=l.default(e.Slider)`
   ${e=>{const t=e.color||e.theme.colors.primaryBase;return`\n      .mantine-Slider-bar {\n        background-color: ${t};\n      }\n      .mantine-Slider-thumb {\n        border-color: ${t};\n        color: ${t};\n      }\n    `}}
   [data-theme='marryBaby'] & {
     ${e=>{const t=e.color||e.theme.mbColors.pink;return`\n        .mantine-Slider-bar {\n          background-color: ${t};\n        }\n        .mantine-Slider-thumb {\n          border-color: ${t};\n          color: ${t};\n        }\n      `}}

package/build/{index-b588dc4d.js → index-19c59f2b.js}

@@ -1 +1 @@
-"use strict";var e=require("react"),a=require("./useTranslations-82cb6000.js"),t=require("./theme-dfe443d6.js"),r=require("./index-8cc8629d.js"),i=require("./index-1e73e6ea.js"),l=require("./index-43171e19.js"),n=require("./index-b6efb8fb.js"),c=require("./index.styled-e7a62025.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(e);exports.NewBabyProfileRadio=({isActive:e,onChange:s,value:o="",onInputChange:u,siteType:m})=>{const{t:y}=a.useTranslations(),f="marryBaby"===m;return d.default.createElement(c.StyledNewBabyProfileRadio,{onClick:()=>s("new"),"data-is-mb":f,"data-isActive":f&&e},"marryBaby"===m?d.default.createElement("div",{className:"title"},d.default.createElement(l.MarryBabyText,{type:"bodytext-1",color:t.theme.colors.gray800},y("chooseBaby.new")),d.default.createElement("div",{className:e?"radio active":"radio"},e&&d.default.createElement(r.Icon.CheckActiveMB,{size:26}))):d.default.createElement("div",{className:"title"},d.default.createElement(n.Text,{size:"p2",color:t.theme.colors.gray800},y("chooseBaby.new")),d.default.createElement("div",{className:e?"radio active":"radio"})),d.default.createElement(i.Input,{name:"name",value:o,size:"md",placeholder:y("chooseBaby.placeholder"),type:"text",onChange:u}))};
+"use strict";var e=require("react"),a=require("./useTranslations-aff0e125.js"),t=require("./theme-92eb4854.js"),r=require("./index-c658de47.js"),i=require("./index-d26b7b6c.js"),l=require("./index-d140c34e.js"),c=require("./index-53ac0262.js"),n=require("./index.styled-2727a23b.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(e);exports.NewBabyProfileRadio=({isActive:e,onChange:s,value:o="",onInputChange:u,siteType:m})=>{const{t:y}=a.useTranslations(),f="marryBaby"===m;return d.default.createElement(n.StyledNewBabyProfileRadio,{onClick:()=>s("new"),"data-is-mb":f,"data-isActive":f&&e},"marryBaby"===m?d.default.createElement("div",{className:"title"},d.default.createElement(l.MarryBabyText,{type:"bodytext-1",color:t.theme.colors.gray800},y("chooseBaby.new")),d.default.createElement("div",{className:e?"radio active":"radio"},e&&d.default.createElement(r.Icon.CheckActiveMB,{size:26}))):d.default.createElement("div",{className:"title"},d.default.createElement(c.Text,{size:"p2",color:t.theme.colors.gray800},y("chooseBaby.new")),d.default.createElement("div",{className:e?"radio active":"radio"})),d.default.createElement(i.Input,{name:"name",value:o,size:"md",placeholder:y("chooseBaby.placeholder"),type:"text",onChange:u}))};

package/build/{index-31315d85.js → index-22d378e1.js}

@@ -1 +1 @@
-"use strict";var r=require("./Locale-efa66a0f.js"),e=Object.freeze({__proto__:null,get Gender(){return r.Gender},get BabyGrowthChartType(){return r.BabyGrowthChartType},get BabyGrowthChartDuration(){return r.BabyGrowthChartDuration},get BabyGrowthResultTab(){return r.BabyGrowthResultTab},get LOCALE(){return r.LOCALE}});exports.index=e;
+"use strict";var r=require("./Locale-2a63b447.js"),t=Object.freeze({__proto__:null,get Gender(){return r.Gender},get BabyGrowthChartType(){return r.BabyGrowthChartType},get BabyGrowthChartDuration(){return r.BabyGrowthChartDuration},get BabyGrowthResultTab(){return r.BabyGrowthResultTab},get LOCALE(){return r.LOCALE}});exports.index=t;

package/build/{index-128a6789.js → index-34f189b3.js}

@@ -1 +1 @@
-"use strict";var t=require("./tslib.es6-d7a88a93.js");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var e=a(require("react")),d="P03rcnV",o="LsvykAk",c="S2kaD9B",i="fAwTdkg",l="ITgol3T",r="cD-HMFz",n="oAG2-aJ",s="Y9fGCaj";exports.Button=a=>{var{size:u,color:C="primary",theme:m="helloSites",isDisabled:h,isBlock:p,title:f,className:g,onClick:P,icon:k,iconPosition:v="left",children:E,isLoading:y=!1,loadingText:b,dataEventCategory:N,dataEventAction:w,dataEventLabel:L,dataProductChannel:B,dataProductSku:x,dataProductBrand:A,dataProductName:T,dataProductPrice:j,dataProductCategory:z,dataProductPosition:D,type:S}=a,F=t.__rest(a,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]);const M={"data-event-category":N,"data-event-action":w,"data-event-label":L,"data-product-channel":B,"data-product-sku":x,"data-product-brand":A,"data-product-name":T,"data-product-price":j,"data-product-category":z,"data-product-position":D},q=e.default.createElement("span",{className:o},e.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.default.createElement("circle",{className:s,cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),e.default.createElement("svg",{className:d,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e.default.createElement("mask",{id:"path-1-inside-1",fill:"white"},e.default.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),e.default.createElement("path",{className:n,d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),G=(k||y)&&e.default.createElement("span",{className:r},y?q:k," ");return e.default.createElement("button",Object.assign({},M,{className:`${l} ${g||""}`,"data-size":u,"data-color":C,"data-block":p,"data-has-icon":!!k||void 0,"data-theme":m,disabled:h,onClick:t=>{!y&&!h&&P&&P(t)},title:f,"data-is-loading":y,type:S},F),e.default.createElement("span",{className:i},"left"===v&&G,E&&e.default.createElement("span",{className:c},y&&b||E),"right"===v&&G))};
+"use strict";var t=require("./tslib.es6-825c8218.js");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var e=a(require("react")),d="P03rcnV",o="LsvykAk",c="S2kaD9B",i="fAwTdkg",l="ITgol3T",r="cD-HMFz",n="oAG2-aJ",s="Y9fGCaj";exports.Button=a=>{var{size:u,color:C="primary",theme:m="helloSites",isDisabled:h,isBlock:p,title:f,className:g,onClick:P,icon:k,iconPosition:v="left",children:E,isLoading:y=!1,loadingText:b,dataEventCategory:N,dataEventAction:w,dataEventLabel:L,dataProductChannel:B,dataProductSku:x,dataProductBrand:A,dataProductName:T,dataProductPrice:j,dataProductCategory:z,dataProductPosition:D,type:S}=a,F=t.__rest(a,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]);const M={"data-event-category":N,"data-event-action":w,"data-event-label":L,"data-product-channel":B,"data-product-sku":x,"data-product-brand":A,"data-product-name":T,"data-product-price":j,"data-product-category":z,"data-product-position":D},q=e.default.createElement("span",{className:o},e.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.default.createElement("circle",{className:s,cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),e.default.createElement("svg",{className:d,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e.default.createElement("mask",{id:"path-1-inside-1",fill:"white"},e.default.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),e.default.createElement("path",{className:n,d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),G=(k||y)&&e.default.createElement("span",{className:r},y?q:k," ");return e.default.createElement("button",Object.assign({},M,{className:`${l} ${g||""}`,"data-size":u,"data-color":C,"data-block":p,"data-has-icon":!!k||void 0,"data-theme":m,disabled:h,onClick:t=>{!y&&!h&&P&&P(t)},title:f,"data-is-loading":y,type:S},F),e.default.createElement("span",{className:i},"left"===v&&G,E&&e.default.createElement("span",{className:c},y&&b||E),"right"===v&&G))};

package/build/{index-b9723788.js → index-3a2aaa0c.js}

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("./index.styled-e7a62025.js"),a=require("./tslib.es6-d7a88a93.js"),r=require("./useTranslations-82cb6000.js"),n=require("./index-128a6789.js"),d=require("./index-b6efb8fb.js"),l=require("./index.styled-a7e71e07.js"),s=require("./theme-dfe443d6.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);var c="U9NRDG6";const u={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"};var y="Dudns9-";exports.AuthorBadge=e=>{var{siteType:t,role:n,title:d}=e,l=a.__rest(e,["siteType","role","title"]);const{t:s}=r.useTranslations(),o=n?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((t=>t===e)))(n):"";return o&&u[o]?i.default.createElement("div",Object.assign({className:c,"data-label-type":o,"data-is-marrybaby":"marryBaby"===t},l),d||s(u[o])):null},exports.BtnChoice=({value:t,choices:a,onChange:r,isMarryBaby:d})=>{const[l,s]=e.useState(t);return e.useEffect((()=>{s(t)}),[t]),i.default.createElement("div",{className:y},a.map(((e,t)=>i.default.createElement(n.Button,{size:"sm",color:e.value===l?"primary":"tertiary",key:t,onClick:()=>{s(e.value),null==r||r(e.value)},theme:d?"marryBaby":"helloSites"},e.label||""))))},exports.Divider=({type:e="solid",className:a,style:r})=>i.default.createElement(t.StyledDivider,{style:r,className:a,"data-diver-type":e,dividerType:e}),exports.Tabs=({style:t,initialTab:a,tabContent:r,onChange:n,className:o,dataEventCategory:c,dataEventAction:u,dataEventLabel:y,id:m})=>{const[b,v]=e.useState(a||0);return e.useEffect((()=>{v(a)}),[a]),i.default.createElement(l.StyledTabs,{style:t,className:o,role:"tablist",id:m},r.map(((e,t)=>i.default.createElement(l.StyledTab,{"data-is-tab-active":b===t||void 0,"aria-selected":b===t,role:"tab",onClick:()=>{v(t),n&&n(t)},onKeyDown:e=>{"Enter"===e.key&&(v(t),n&&n(t))},key:t,"data-event-category":e.dataEventCategory||c,"data-event-action":e.dataEventAction||u,"data-event-label":e.dataEventLabel||y,tabIndex:0,"data-testid":e.dataTestid},i.default.createElement(l.StyledTabContent$1,null,e.icon&&i.default.createElement(l.StyledIcon,null,e.icon),i.default.createElement(d.Text,{size:e.textSize||"sm",type:e.textType||"bold",color:e.textColor||s.theme.colors.gray800,dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name))))))};
+"use strict";var e=require("react"),t=require("./index.styled-2727a23b.js"),a=require("./tslib.es6-825c8218.js"),r=require("./useTranslations-aff0e125.js"),n=require("./index-34f189b3.js"),l=require("./index-53ac0262.js"),s=require("./index.styled-6e230f35.js"),d=require("./theme-92eb4854.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);var c="U9NRDG6";const u={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"};var y="Dudns9-";exports.AuthorBadge=e=>{var{siteType:t,role:n,title:l}=e,s=a.__rest(e,["siteType","role","title"]);const{t:d}=r.useTranslations(),o=n?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((t=>t===e)))(n):"";return o&&u[o]?i.default.createElement("div",Object.assign({className:c,"data-label-type":o,"data-is-marrybaby":"marryBaby"===t},s),l||d(u[o])):null},exports.BtnChoice=({value:t,choices:a,onChange:r,isMarryBaby:l})=>{const[s,d]=e.useState(t);return e.useEffect((()=>{d(t)}),[t]),i.default.createElement("div",{className:y},a.map(((e,t)=>i.default.createElement(n.Button,{size:"sm",color:e.value===s?"primary":"tertiary",key:t,onClick:()=>{d(e.value),null==r||r(e.value)},theme:l?"marryBaby":"helloSites"},e.label||""))))},exports.Divider=({type:e="solid",className:a,style:r})=>i.default.createElement(t.StyledDivider,{style:r,className:a,"data-diver-type":e,dividerType:e}),exports.Tabs=({style:t,initialTab:a,tabContent:r,onChange:n,className:o,dataEventCategory:c,dataEventAction:u,dataEventLabel:y,id:m})=>{const[b,v]=e.useState(a||0);return e.useEffect((()=>{v(a)}),[a]),i.default.createElement(s.StyledTabs,{style:t,className:o,role:"tablist",id:m},r.map(((e,t)=>i.default.createElement(s.StyledTab,{"data-is-tab-active":b===t||void 0,"aria-selected":b===t,role:"tab",onClick:()=>{v(t),n&&n(t)},onKeyDown:e=>{"Enter"===e.key&&(v(t),n&&n(t))},key:t,"data-event-category":e.dataEventCategory||c,"data-event-action":e.dataEventAction||u,"data-event-label":e.dataEventLabel||y,tabIndex:0,"data-testid":e.dataTestid},i.default.createElement(s.StyledTabContent$1,null,e.icon&&i.default.createElement(s.StyledIcon,null,e.icon),i.default.createElement(l.Text,{size:e.textSize||"sm",type:e.textType||"bold",color:e.textColor||d.theme.colors.gray800,dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name))))))};

package/build/{index-ce2c1596.js → index-4ace11f9.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("./tslib.es6-d7a88a93.js"),t=require("react"),o=require("@mantine/hooks"),n=require("./index.styled-e7a62025.js"),r=require("./index-128a6789.js");require("./gAssets.js"),require("./index.styled-3a45f5c7.js");var a=require("./index-1e892386.js"),i=require("./utils-17648495.js"),l=require("./theme-dfe443d6.js"),s=require("@mantine/core");require("./index.styled-a46cbe49.js");var d=require("./useTranslations-82cb6000.js");require("./index-0f3768e1.js"),require("lodash/debounce"),require("./isProduction-0dffc430.js");var u=require("./index-522ced61.js");require("dayjs"),require("./screenSizeContext-8f7af71c.js");var c=require("styled-components"),p=require("./Locale-efa66a0f.js");require("./translationsContext-81fe8793.js"),require("string-format");var m=require("./index-b6efb8fb.js"),g=require("@mantine/form"),f=require("./index-f54098df.js"),b=require("yup"),h=require("lodash/throttle");require("./index.styled-4f74cbbe.js");var E=require("./index-4b2739da.js");require("./index-a4e5c235.js");var y=require("date-fns"),x=require("./Visible-04912386.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function P(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var O=v(t),C=v(c),w=P(b),S=v(h);const L=t.createContext({}),j=C.default.div``,k=C.default(m.Text)`
+"use strict";var e=require("./tslib.es6-825c8218.js"),t=require("react"),o=require("@mantine/hooks"),n=require("./index.styled-2727a23b.js"),r=require("./index-34f189b3.js");require("./gAssets.js"),require("./index.styled-d452487c.js");var a=require("./index-73f604b6.js"),i=require("./utils-7128057a.js"),l=require("./theme-92eb4854.js"),s=require("@mantine/core");require("./index.styled-3c64139e.js");var d=require("./useTranslations-aff0e125.js");require("./index-b01c4985.js"),require("lodash/debounce"),require("./isProduction-2a9c881c.js");var u=require("./index-c922f4de.js");require("dayjs"),require("./screenSizeContext-f499d201.js");var c=require("styled-components"),p=require("./Locale-2a63b447.js");require("./translationsContext-4d1ecd88.js"),require("string-format");var m=require("./index-53ac0262.js"),g=require("@mantine/form"),b=require("./index-d3aac493.js"),f=require("yup"),h=require("lodash/throttle");require("./index.styled-9b0cade6.js");var E=require("./index-151f2849.js");require("./index-e6233aa2.js");var y=require("date-fns"),x=require("./Visible-236e28ee.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function P(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var O=v(t),C=v(c),w=P(f),S=v(h);const L=t.createContext({}),j=C.default.div``,k=C.default(m.Text)`
   margin-top: 8px;
 `,M=C.default.div`
   margin-top: 70px;
@@ -62,7 +62,7 @@
   }
 `,T=C.default.img`
   margin-bottom: 38px;
-`,I=o=>{var r,{heading:i,description:s,children:d,className:c,imgSrc:p}=o,m=e.__rest(o,["heading","description","children","className","imgSrc"]);const{isMarryBaby:g,siteType:f}=t.useContext(L);return O.default.createElement(q,Object.assign({},m,{className:`hhg-comp-onboarding-container ${c}`,size:"sm"}),O.default.createElement(a.LogoIcon,{type:g?f:(null===(r=u.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===r?void 0:r.LOGO_TYPE)||"hellobacsi"}),O.default.createElement(M,null,p&&O.default.createElement(T,{src:p,loading:"lazy"}),O.default.createElement(j,{className:"header"},O.default.createElement(n.Heading,{tag:"h3"},i),O.default.createElement(k,{size:"p3",color:l.theme.colors.gray600},s)),d))},B=e=>w.object().shape({phone:w.string().required(e("onboarding.updatePhone.error")).default("")}),A=e=>w.object().shape({otp:w.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),N=e=>w.object().shape({email:w.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:w.string().required(e("onboarding.errorMessage.requiredName"))}),_=e=>w.object().shape({password:w.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:w.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([w.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),F=C.default(I)`
+`,I=o=>{var r,{heading:i,description:s,children:d,className:c,imgSrc:p}=o,m=e.__rest(o,["heading","description","children","className","imgSrc"]);const{isMarryBaby:g,siteType:b}=t.useContext(L);return O.default.createElement(q,Object.assign({},m,{className:`hhg-comp-onboarding-container ${c}`,size:"sm"}),O.default.createElement(a.LogoIcon,{type:g?b:(null===(r=u.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===r?void 0:r.LOGO_TYPE)||"hellobacsi"}),O.default.createElement(M,null,p&&O.default.createElement(T,{src:p,loading:"lazy"}),O.default.createElement(j,{className:"header"},O.default.createElement(n.Heading,{tag:"h3"},i),O.default.createElement(k,{size:"p3",color:l.theme.colors.gray600},s)),d))},B=e=>w.object().shape({phone:w.string().required(e("onboarding.updatePhone.error")).default("")}),A=e=>w.object().shape({otp:w.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),N=e=>w.object().shape({email:w.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:w.string().required(e("onboarding.errorMessage.requiredName"))}),_=e=>w.object().shape({password:w.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:w.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([w.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),F=C.default(I)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;
@@ -79,7 +79,7 @@
       border-radius: 0 4px 4px 0;
     }
   }
-`,z={[p.LOCALE.Vietnam]:"VN",[p.LOCALE.Cambodia]:"KH",[p.LOCALE.Indonesia]:"ID",[p.LOCALE.Malaysia]:"MY",[p.LOCALE.PhilippinesEnglish]:"PH",[p.LOCALE.PhilippinesTagalog]:"PH",[p.LOCALE.Taiwan]:"TW",[p.LOCALE.Thailand]:"TH",[p.LOCALE.Myanmar]:"MM"},R=({onClose:t,onSubmit:o,canSkip:n=!0,customFormTexts:a})=>{const{t:i}=d.useTranslations(),l=g.useForm({initialValues:{phone:""},validate:g.yupResolver(B(i))});return O.default.createElement(F,{heading:(null==a?void 0:a.heading)||i("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||i("onboarding.updatePhone.description")},O.default.createElement("form",{onSubmit:l.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){o(t.phone)}))),(e=>{console.log(e)}))},O.default.createElement("div",{className:"phone-input"},O.default.createElement(f.Phone,Object.assign({defaultCountry:z[process.env.UNIFY_LOCALE]||"VN"},l.getInputProps("phone"))),O.default.createElement(s.Input.Error,null,l.errors.phone)),O.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},i("onboarding.button.continue")),n&&O.default.createElement(r.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},i("onboarding.button.skip"))))};p.LOCALE.Vietnam,p.LOCALE.Cambodia,p.LOCALE.Indonesia,p.LOCALE.Malaysia,p.LOCALE.PhilippinesEnglish,p.LOCALE.PhilippinesTagalog,p.LOCALE.Taiwan,p.LOCALE.Thailand,p.LOCALE.Myanmar;const D=(e="")=>{const t=e.indexOf("@"),o=e.substring(0,t),n=o.length>3?3:o.length;return e.replace(e.substring(n,t),e.slice(n,t).replace(/./g,"x"))},$=C.default(I)`
+`,z={[p.LOCALE.Vietnam]:"VN",[p.LOCALE.Cambodia]:"KH",[p.LOCALE.Indonesia]:"ID",[p.LOCALE.Malaysia]:"MY",[p.LOCALE.PhilippinesEnglish]:"PH",[p.LOCALE.PhilippinesTagalog]:"PH",[p.LOCALE.Taiwan]:"TW",[p.LOCALE.Thailand]:"TH",[p.LOCALE.Myanmar]:"MM"},R=({onClose:t,onSubmit:o,canSkip:n=!0,customFormTexts:a})=>{const{t:i}=d.useTranslations(),l=g.useForm({initialValues:{phone:""},validate:g.yupResolver(B(i))});return O.default.createElement(F,{heading:(null==a?void 0:a.heading)||i("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||i("onboarding.updatePhone.description")},O.default.createElement("form",{onSubmit:l.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){o(t.phone)}))),(e=>{console.log(e)}))},O.default.createElement("div",{className:"phone-input"},O.default.createElement(b.Phone,Object.assign({defaultCountry:z[process.env.UNIFY_LOCALE]||"VN"},l.getInputProps("phone"))),O.default.createElement(s.Input.Error,null,l.errors.phone)),O.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},i("onboarding.button.continue")),n&&O.default.createElement(r.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},i("onboarding.button.skip"))))};p.LOCALE.Vietnam,p.LOCALE.Cambodia,p.LOCALE.Indonesia,p.LOCALE.Malaysia,p.LOCALE.PhilippinesEnglish,p.LOCALE.PhilippinesTagalog,p.LOCALE.Taiwan,p.LOCALE.Thailand,p.LOCALE.Myanmar;const D=(e="")=>{const t=e.indexOf("@"),o=e.substring(0,t),n=o.length>3?3:o.length;return e.replace(e.substring(n,t),e.slice(n,t).replace(/./g,"x"))},$=C.default(I)`
   .otp-input {
     margin-bottom: 36px;
     ${i.MediaQueries.mbDown} {
@@ -112,7 +112,7 @@
     margin-bottom: 3px;
     margin-left: 3px;
   }
-`,V=({onSubmit:n,phone:a,email:i,onResendCode:u,otpError:c,onClose:p,loading:b,onBack:h,canSkip:E,outOfEdit:y})=>{const{siteType:x,isMarryBaby:v}=t.useContext(L),[P,C]=t.useState(30),w=o.useInterval((()=>C((e=>e-1))),1e3),[j,k]=o.useCounter(0,{min:0,max:3}),M=t.useRef(!0),{t:q}=d.useTranslations();t.useEffect((()=>(w.start(),w.stop)),[]),t.useEffect((()=>{0===P&&(w.stop(),M.current=!1)}),[P]);const T=g.useForm({initialValues:{otp:""},validate:g.yupResolver(A(q))});t.useEffect((()=>{c&&T.setFieldError("otp",c)}),[c]);const I=t.useMemo((()=>S.default((()=>{M.current||(k.increment(),C(30),null==u||u(a||i),w.start(),M.current=!0)}),1e3,{trailing:!1})),[a,i,u,w]);return O.default.createElement($,{heading:q("onboarding.otpForm.heading"),description:O.default.createElement(O.default.Fragment,null,O.default.createElement("span",{dangerouslySetInnerHTML:{__html:a?q("onboarding.otpForm.description",{phone:`<b style="color:${l.theme.colors.gray800}">${a.slice(0,-3).replace(/./g,"x").concat(a.slice(-3))}</b>`}):q("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${l.theme.colors.gray800}">${D(i)}</b>`})}}),!y&&O.default.createElement("svg",{onClick:()=>{null==h||h()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},O.default.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},O.default.createElement("form",{onSubmit:T.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){k.increment(),n(t.otp)}))),(e=>{console.log(e)}))},O.default.createElement("div",{className:"otp-input"},O.default.createElement(f.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},T.getInputProps("otp"))),O.default.createElement(s.Input.Error,null,T.errors.otp)),O.default.createElement("div",{className:"resend"},O.default.createElement(m.Text,{size:"p4",color:l.theme.colors.gray400},q("onboarding.otpForm.notReceiveOTP")),O.default.createElement(m.Text,{as:"a",size:"p4",color:v?l.theme.mbColors.pink:l.theme.colors.primaryBase,onClick:I},q("onboarding.otpForm.resendCode",{seconds:P}))),O.default.createElement(r.Button,{theme:x,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:b,disabled:b,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},q("onboarding.button.continue")),E&&j>=3&&O.default.createElement(r.Button,{theme:x,color:"ghost",isBlock:!0,size:"lg",onClick:p,type:"button"},q("onboarding.button.skip"))))},U=({onClose:e,onSubmit:o,canSkip:n,loading:a,errorMessage:i,initialData:l})=>{const{t:c,locale:p}=d.useTranslations(),{siteType:m,isMarryBaby:b}=t.useContext(L),h=g.useForm({validate:g.yupResolver(N(c))});console.log({isMarryBaby:b});return t.useEffect((()=>{h.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),t.useEffect((()=>{i&&h.setFieldError("email",i)}),[i]),O.default.createElement(I,{heading:c("onboarding.formEmail.heading"),description:c("onboarding.formEmail.description",{site:b?"Marry Baby":u.LOCALE_SPECS[p].SITE_NAME_FORMATTED})},O.default.createElement("form",{className:"form",onSubmit:h.onSubmit((e=>{o(Object.assign(Object.assign({},e),{birthday:e.birthday&&y.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},O.default.createElement(s.Input.Wrapper,{label:c("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},O.default.createElement(s.Input,Object.assign({},h.getInputProps("name"))),O.default.createElement(s.Input.Error,{className:"field-error"},h.errors.name)),O.default.createElement(s.Input.Wrapper,{label:c("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},O.default.createElement(s.Input,Object.assign({},h.getInputProps("email"))),O.default.createElement(s.Input.Error,{className:"field-error"},h.errors.email)),O.default.createElement(f.DatePicker,Object.assign({className:"input-control",label:c("onboarding.formEmail.yourBirthday")},h.getInputProps("birthday"))),O.default.createElement(f.Radio.Group,{value:h.values.gender,onChange:e=>h.setFieldValue("gender",e),className:"radio-group"},O.default.createElement(f.Radio,{value:"0",label:c("onboarding.formEmail.genderMale")}),O.default.createElement(f.Radio,{value:"1",label:c("onboarding.formEmail.genderFemale")})),O.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:m,isLoading:a,disabled:a},c("onboarding.button.continue")),n&&O.default.createElement(r.Button,{theme:m,color:"ghost",isBlock:!0,size:"lg",onClick:e},c("onboarding.button.skip"))))},H=({onClose:e,onSubmit:t,canSkip:o,errorMessage:n,loading:a})=>{const{t:i}=d.useTranslations(),l=g.useForm({initialValues:{password:"",confirmPassword:""},validate:g.yupResolver(_(i))});return O.default.createElement(I,{heading:i("onboarding.updatePassword.heading"),description:i("onboarding.updatePassword.description")},O.default.createElement("form",{className:"form",onSubmit:l.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},O.default.createElement(E.PasswordInput,Object.assign({label:i("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:O.default.createElement(x.Visible,null)},l.getInputProps("password"))),O.default.createElement(E.PasswordInput,Object.assign({label:i("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:O.default.createElement(x.Visible,null)},l.getInputProps("confirmPassword"))),O.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:a,disabled:a},i("onboarding.button.continue")),o&&O.default.createElement(r.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},i("onboarding.button.skip")),n&&O.default.createElement(s.Input.Error,{className:"form-error"},n)))},Q=C.default.div`
+`,V=({onSubmit:n,phone:a,email:i,onResendCode:u,otpError:c,onClose:p,loading:f,onBack:h,canSkip:E,outOfEdit:y})=>{const{siteType:x,isMarryBaby:v}=t.useContext(L),[P,C]=t.useState(30),w=o.useInterval((()=>C((e=>e-1))),1e3),[j,k]=o.useCounter(0,{min:0,max:3}),M=t.useRef(!0),{t:q}=d.useTranslations();t.useEffect((()=>(w.start(),w.stop)),[]),t.useEffect((()=>{0===P&&(w.stop(),M.current=!1)}),[P]);const T=g.useForm({initialValues:{otp:""},validate:g.yupResolver(A(q))});t.useEffect((()=>{c&&T.setFieldError("otp",c)}),[c]);const I=t.useMemo((()=>S.default((()=>{M.current||(k.increment(),C(30),null==u||u(a||i),w.start(),M.current=!0)}),1e3,{trailing:!1})),[a,i,u,w]);return O.default.createElement($,{heading:q("onboarding.otpForm.heading"),description:O.default.createElement(O.default.Fragment,null,O.default.createElement("span",{dangerouslySetInnerHTML:{__html:a?q("onboarding.otpForm.description",{phone:`<b style="color:${l.theme.colors.gray800}">${a.slice(0,-3).replace(/./g,"x").concat(a.slice(-3))}</b>`}):q("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${l.theme.colors.gray800}">${D(i)}</b>`})}}),!y&&O.default.createElement("svg",{onClick:()=>{null==h||h()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},O.default.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},O.default.createElement("form",{onSubmit:T.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){k.increment(),n(t.otp)}))),(e=>{console.log(e)}))},O.default.createElement("div",{className:"otp-input"},O.default.createElement(b.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},T.getInputProps("otp"))),O.default.createElement(s.Input.Error,null,T.errors.otp)),O.default.createElement("div",{className:"resend"},O.default.createElement(m.Text,{size:"p4",color:l.theme.colors.gray400},q("onboarding.otpForm.notReceiveOTP")),O.default.createElement(m.Text,{as:"a",size:"p4",color:v?l.theme.mbColors.pink:l.theme.colors.primaryBase,onClick:I},q("onboarding.otpForm.resendCode",{seconds:P}))),O.default.createElement(r.Button,{theme:x,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:f,disabled:f,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},q("onboarding.button.continue")),E&&j>=3&&O.default.createElement(r.Button,{theme:x,color:"ghost",isBlock:!0,size:"lg",onClick:p,type:"button"},q("onboarding.button.skip"))))},U=({onClose:e,onSubmit:o,canSkip:n,loading:a,errorMessage:i,initialData:l})=>{const{t:c,locale:p}=d.useTranslations(),{siteType:m,isMarryBaby:f}=t.useContext(L),h=g.useForm({validate:g.yupResolver(N(c))});console.log({isMarryBaby:f});return t.useEffect((()=>{h.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),t.useEffect((()=>{i&&h.setFieldError("email",i)}),[i]),O.default.createElement(I,{heading:c("onboarding.formEmail.heading"),description:c("onboarding.formEmail.description",{site:f?"Marry Baby":u.LOCALE_SPECS[p].SITE_NAME_FORMATTED})},O.default.createElement("form",{className:"form",onSubmit:h.onSubmit((e=>{o(Object.assign(Object.assign({},e),{birthday:e.birthday&&y.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},O.default.createElement(s.Input.Wrapper,{label:c("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},O.default.createElement(s.Input,Object.assign({},h.getInputProps("name"))),O.default.createElement(s.Input.Error,{className:"field-error"},h.errors.name)),O.default.createElement(s.Input.Wrapper,{label:c("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},O.default.createElement(s.Input,Object.assign({},h.getInputProps("email"))),O.default.createElement(s.Input.Error,{className:"field-error"},h.errors.email)),O.default.createElement(b.DatePicker,Object.assign({className:"input-control",label:c("onboarding.formEmail.yourBirthday")},h.getInputProps("birthday"))),O.default.createElement(b.Radio.Group,{value:h.values.gender,onChange:e=>h.setFieldValue("gender",e),className:"radio-group"},O.default.createElement(b.Radio,{value:"0",label:c("onboarding.formEmail.genderMale")}),O.default.createElement(b.Radio,{value:"1",label:c("onboarding.formEmail.genderFemale")})),O.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:m,isLoading:a,disabled:a},c("onboarding.button.continue")),n&&O.default.createElement(r.Button,{theme:m,color:"ghost",isBlock:!0,size:"lg",onClick:e},c("onboarding.button.skip"))))},H=({onClose:e,onSubmit:t,canSkip:o,errorMessage:n,loading:a})=>{const{t:i}=d.useTranslations(),l=g.useForm({initialValues:{password:"",confirmPassword:""},validate:g.yupResolver(_(i))});return O.default.createElement(I,{heading:i("onboarding.updatePassword.heading"),description:i("onboarding.updatePassword.description")},O.default.createElement("form",{className:"form",onSubmit:l.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},O.default.createElement(E.PasswordInput,Object.assign({label:i("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:O.default.createElement(x.Visible,null)},l.getInputProps("password"))),O.default.createElement(E.PasswordInput,Object.assign({label:i("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:O.default.createElement(x.Visible,null)},l.getInputProps("confirmPassword"))),O.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:a,disabled:a},i("onboarding.button.continue")),o&&O.default.createElement(r.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},i("onboarding.button.skip")),n&&O.default.createElement(s.Input.Error,{className:"form-error"},n)))},Q=C.default.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -167,4 +167,4 @@
 `,X=C.default(m.Text)``,ee=C.default.img`
   width: 100%;
   display: block;
-`,te=C.default.div``;var oe;exports.OnboardingStep=void 0,(oe=exports.OnboardingStep||(exports.OnboardingStep={}))[oe.Phone=0]="Phone",oe[oe.OTP=1]="OTP",oe[oe.OTPEmail=2]="OTPEmail",oe[oe.PersonalInfo=3]="PersonalInfo",oe[oe.UpdatePassword=4]="UpdatePassword",oe[oe.Result=5]="Result";exports.MAPPED_LOCALE=z,exports.OnboardingForm=R,exports.OnboardingModal=n=>{var{onClose:a,canSkip:i,flow:s=[exports.OnboardingStep.Phone,exports.OnboardingStep.OTP],step:u,onPhoneSubmit:c,onOtpSubmit:p,onPersonalInfoSubmit:m,onCreatePassByEmail:g,onResendCode:f,otpError:b,personalInfoError:h,createPassError:E,emailLoading:y,createPassLoading:x,otpLoading:v,customFormTexts:P,initialData:C,banner:w,resultScreenProps:S,siteType:j}=n,k=e.__rest(n,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]);const{t:M}=d.useTranslations(),[q,T]=t.useState(u||s[0]),[B,A]=t.useState(""),[N,_]=t.useState(""),[F,z]=o.useCounter(0,{min:0,max:2}),D=t.useCallback((()=>{const e=s.indexOf(q)+1;e<=s.length-1&&T(s[e])}),[q]),$=t.useCallback((()=>{const e=s.indexOf(q)-1;e>=0&&T(s[e])}),[q]),oe=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{!(yield p(t))&&D()}catch(e){console.error(e)}})),ne=()=>{F>=2||(z.increment(),$())},re="marryBaby"===j;return console.log({isMarryBaby:re}),O.default.createElement(L.Provider,{value:{siteType:j,isMarryBaby:re}},O.default.createElement(Q,Object.assign({},k),s.length>0?O.default.createElement(W,null,O.default.createElement(Y,{"data-has-banner":"object"==typeof w},q===exports.OnboardingStep.Phone&&O.default.createElement(R,{onClose:a,canSkip:i,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{A(t),yield null==c?void 0:c(t),D()}catch(e){console.error(e)}})),customFormTexts:P.onboarding}),q===exports.OnboardingStep.OTP&&O.default.createElement(V,{onClose:a,onSubmit:oe,phone:B,onResendCode:f,otpError:b,loading:v,canSkip:i,onBack:ne,outOfEdit:F>=2}),q===exports.OnboardingStep.OTPEmail&&O.default.createElement(V,{onClose:a,onSubmit:oe,onResendCode:f,otpError:b,loading:v,canSkip:i,onBack:ne,outOfEdit:F>=2,email:N}),q===exports.OnboardingStep.PersonalInfo&&O.default.createElement(U,{initialData:null==C?void 0:C[exports.OnboardingStep.PersonalInfo],onClose:a,canSkip:i,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{_((null==t?void 0:t.email)||"");!(yield null==m?void 0:m(t))&&D()}catch(e){console.error(e)}})),errorMessage:h,loading:y}),q===exports.OnboardingStep.UpdatePassword&&O.default.createElement(H,{onClose:a,canSkip:i,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==g?void 0:g(t),!E&&D()}catch(e){console.error(e)}})),errorMessage:E,loading:x}),q===exports.OnboardingStep.Result&&O.default.createElement(I,Object.assign({},S),O.default.createElement(r.Button,{theme:j,size:"lg",onClick:a,className:"form-button"},M("onboarding.button.continue")))),"object"==typeof w&&O.default.createElement(Z,null,O.default.createElement(G,{"data-is-marry-baby":re},O.default.createElement(K,null,(null==w?void 0:w.heading)&&O.default.createElement(J,{tag:"h1"},null==w?void 0:w.heading),(null==w?void 0:w.description)&&O.default.createElement(X,{size:"p1",color:l.theme.colors.gray800},M("onboarding.welcomeScreen.content"))),(null==w?void 0:w.imgSrc)&&O.default.createElement(te,null,O.default.createElement(ee,{src:null==w?void 0:w.imgSrc,loading:"lazy"}))))):"Incorrect flow"))},exports.OtpForm=V;
+`,te=C.default.div``;var oe;exports.OnboardingStep=void 0,(oe=exports.OnboardingStep||(exports.OnboardingStep={}))[oe.Phone=0]="Phone",oe[oe.OTP=1]="OTP",oe[oe.OTPEmail=2]="OTPEmail",oe[oe.PersonalInfo=3]="PersonalInfo",oe[oe.UpdatePassword=4]="UpdatePassword",oe[oe.Result=5]="Result";exports.MAPPED_LOCALE=z,exports.OnboardingForm=R,exports.OnboardingModal=n=>{var{onClose:a,canSkip:i,flow:s=[exports.OnboardingStep.Phone,exports.OnboardingStep.OTP],step:u,onPhoneSubmit:c,onOtpSubmit:p,onPersonalInfoSubmit:m,onCreatePassByEmail:g,onResendCode:b,otpError:f,personalInfoError:h,createPassError:E,emailLoading:y,createPassLoading:x,otpLoading:v,customFormTexts:P,initialData:C,banner:w,resultScreenProps:S,siteType:j}=n,k=e.__rest(n,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]);const{t:M}=d.useTranslations(),[q,T]=t.useState(u||s[0]),[B,A]=t.useState(""),[N,_]=t.useState(""),[F,z]=o.useCounter(0,{min:0,max:2}),D=t.useCallback((()=>{const e=s.indexOf(q)+1;e<=s.length-1&&T(s[e])}),[q]),$=t.useCallback((()=>{const e=s.indexOf(q)-1;e>=0&&T(s[e])}),[q]),oe=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{!(yield p(t))&&D()}catch(e){console.error(e)}})),ne=()=>{F>=2||(z.increment(),$())},re="marryBaby"===j;return console.log({isMarryBaby:re}),O.default.createElement(L.Provider,{value:{siteType:j,isMarryBaby:re}},O.default.createElement(Q,Object.assign({},k),s.length>0?O.default.createElement(W,null,O.default.createElement(Y,{"data-has-banner":"object"==typeof w},q===exports.OnboardingStep.Phone&&O.default.createElement(R,{onClose:a,canSkip:i,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{A(t),yield null==c?void 0:c(t),D()}catch(e){console.error(e)}})),customFormTexts:P.onboarding}),q===exports.OnboardingStep.OTP&&O.default.createElement(V,{onClose:a,onSubmit:oe,phone:B,onResendCode:b,otpError:f,loading:v,canSkip:i,onBack:ne,outOfEdit:F>=2}),q===exports.OnboardingStep.OTPEmail&&O.default.createElement(V,{onClose:a,onSubmit:oe,onResendCode:b,otpError:f,loading:v,canSkip:i,onBack:ne,outOfEdit:F>=2,email:N}),q===exports.OnboardingStep.PersonalInfo&&O.default.createElement(U,{initialData:null==C?void 0:C[exports.OnboardingStep.PersonalInfo],onClose:a,canSkip:i,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{_((null==t?void 0:t.email)||"");!(yield null==m?void 0:m(t))&&D()}catch(e){console.error(e)}})),errorMessage:h,loading:y}),q===exports.OnboardingStep.UpdatePassword&&O.default.createElement(H,{onClose:a,canSkip:i,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==g?void 0:g(t),!E&&D()}catch(e){console.error(e)}})),errorMessage:E,loading:x}),q===exports.OnboardingStep.Result&&O.default.createElement(I,Object.assign({},S),O.default.createElement(r.Button,{theme:j,size:"lg",onClick:a,className:"form-button"},M("onboarding.button.continue")))),"object"==typeof w&&O.default.createElement(Z,null,O.default.createElement(G,{"data-is-marry-baby":re},O.default.createElement(K,null,(null==w?void 0:w.heading)&&O.default.createElement(J,{tag:"h1"},null==w?void 0:w.heading),(null==w?void 0:w.description)&&O.default.createElement(X,{size:"p1",color:l.theme.colors.gray800},M("onboarding.welcomeScreen.content"))),(null==w?void 0:w.imgSrc)&&O.default.createElement(te,null,O.default.createElement(ee,{src:null==w?void 0:w.imgSrc,loading:"lazy"}))))):"Incorrect flow"))},exports.OtpForm=V;