@hhgtech/hhg-components 1.27.101 → 1.27.103

package/build/esm/index-41a1a802.js

@@ -0,0 +1,53 @@
+import{_ as e}from"./tslib.es6-cd40d09c.js";import t,{createContext as o,useContext as i}from"react";import{Container as r,Title as n}from"@mantine/core";import{L as m,x as a}from"./index.styles-95242776.js";import"@mantine/dates";import{L as s}from"./index-cb652fd5.js";import"./Onboarding-c4d29006.js";import"./gAssets.js";import"dayjs";import{M as c}from"./screenSizeContext-6e0856d7.js";import d from"styled-components";import{t as p}from"./theme-84c322d6.js";import"./isProduction-1c63d989.js";import"./translationsContext-10f8d0c7.js";import"string-format";import"./index-b1dca43a.js";import"@mantine/hooks";import{createFormContext as l}from"@mantine/form";const g=o({}),[f,h,x]=l(),b=d.div`
+  margin-top: 70px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  &.similac {
+    margin-top: 16px;
+  }
+`,j=d(r)`
+  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    height: 100%;
+    width: 100%;
+    max-width: 520px;
+  }
+  .header {
+    margin-bottom: 32px;
+    text-align: center;
+    ${c.mbDown} {
+      margin-bottom: 16px;
+    }
+  }
+
+  .input-control {
+    width: 100%;
+  }
+  .radio-group,
+  .input-control {
+    margin-bottom: 16px;
+  }
+  .form {
+    width: 100%;
+  }
+
+  /* .form-error {
+    margin-top: 32px;
+    font-size: 14px;
+  }
+
+  .field-error {
+    margin-top: 10px;
+    font-size: 14px;
+  } */
+
+  .form-button {
+    width: 100%;
+  }
+`,y=d.img`
+  margin-bottom: 38px;
+`,u=o=>{var r,{heading:c,description:d,children:l,className:f,imgSrc:h,hiddenLogo:x=!1}=o,u=e(o,["heading","description","children","className","imgSrc","hiddenLogo"]);const{isMarryBaby:E,siteType:L}=i(g);return t.createElement(j,Object.assign({},u,{className:`hhg-comp-onboarding-container ${f}`,size:"sm"}),!x&&t.createElement(m,{type:E?L:(null===(r=s[process.env.UNIFY_LOCALE])||void 0===r?void 0:r.LOGO_TYPE)||"hellobacsi"}),t.createElement(b,{className:x?"similac":""},h&&t.createElement(y,{src:h,loading:"lazy"}),(c||d)&&t.createElement("div",{className:"header"},c&&t.createElement(n,{order:3},c),d&&t.createElement(a,{size:"p3",mt:8,color:p.colors.gray600},d)),l))};export{f as F,g as O,x as a,u as b,h as u};

package/build/esm/{index-e5e0705d.js → index-420beba4.js}

@@ -1 +1 @@
-import e,{useMemo as a}from"react";import{CommonGAssets as t}from"./gAssets.js";import{Y as s,Z as l,_ as o,$ as r,a0 as n,L as g,a1 as m}from"./index.styles-63c638c8.js";import{I as i}from"./index-3018576b.js";const c=({type:c,className:h,style:w,isLightLogo:u,customSize:d,badge:N,locale:y,dateForSeasonal:f,isPro:p})=>{const E=a((()=>{if(!f||isNaN(new Date(f).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};const e=new Date(f),a=s(e),t=l.includes(y)&&o(e);return{isChristmas:a,isLunarNewYear:t,isNewYear:!t&&r(e)}}),[y,new Date(f).getDate()]);return e.createElement(n,{className:h,style:w,"data-logo-is-light":u||void 0,"data-has-badge":!!N,"data-christmas":E.isChristmas,"data-new-year":E.isNewYear,"data-lunar-new-year":E.isLunarNewYear},E.isChristmas?e.createElement(e.Fragment,null,e.createElement(i,{alt:"left xmas logo",src:t.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),e.createElement(i,{alt:"right xmas logo",src:t.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):E.isNewYear?e.createElement(e.Fragment,null,e.createElement(i,{alt:"left new year logo",src:t.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement(i,{alt:"right new year logo",src:t.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):E.isLunarNewYear?e.createElement(e.Fragment,null,e.createElement(i,{alt:"left lunar new year logo",loading:"lazy",src:t.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement(i,{alt:"right lunar new year logo",loading:"lazy",src:t.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,e.createElement(g,{type:c,width:null==d?void 0:d.width,height:null==d?void 0:d.height}),p?e.createElement(m,{src:t.getAssetPath("logo/pro-suffix.svg")}):null,N)};export{c as L};
+import e,{useMemo as a}from"react";import{CommonGAssets as t}from"./gAssets.js";import{Y as s,Z as l,_ as o,$ as r,a0 as n,L as g,a1 as m}from"./index.styles-95242776.js";import{I as i}from"./index-b1dca43a.js";const c=({type:c,className:h,style:w,isLightLogo:u,customSize:d,badge:N,locale:y,dateForSeasonal:f,isPro:p})=>{const E=a((()=>{if(!f||isNaN(new Date(f).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};const e=new Date(f),a=s(e),t=l.includes(y)&&o(e);return{isChristmas:a,isLunarNewYear:t,isNewYear:!t&&r(e)}}),[y,new Date(f).getDate()]);return e.createElement(n,{className:h,style:w,"data-logo-is-light":u||void 0,"data-has-badge":!!N,"data-christmas":E.isChristmas,"data-new-year":E.isNewYear,"data-lunar-new-year":E.isLunarNewYear},E.isChristmas?e.createElement(e.Fragment,null,e.createElement(i,{alt:"left xmas logo",src:t.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),e.createElement(i,{alt:"right xmas logo",src:t.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):E.isNewYear?e.createElement(e.Fragment,null,e.createElement(i,{alt:"left new year logo",src:t.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement(i,{alt:"right new year logo",src:t.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):E.isLunarNewYear?e.createElement(e.Fragment,null,e.createElement(i,{alt:"left lunar new year logo",loading:"lazy",src:t.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement(i,{alt:"right lunar new year logo",loading:"lazy",src:t.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,e.createElement(g,{type:c,width:null==d?void 0:d.width,height:null==d?void 0:d.height}),p?e.createElement(m,{src:t.getAssetPath("logo/pro-suffix.svg")}):null,N)};export{c as L};