@hhgtech/hhg-components 1.19.0-beta-5 → 1.19.0-beta-6

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.19.0-beta-5",
+  "version": "1.19.0-beta-6",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [
-    "build"
+    "build",
+    "raw"
   ],
   "types": "build/index.d.ts",
   "description": "Hello Health Group common components",
   "scripts": {
-    "build": "npx rimraf build && rollup -c",
+    "build": "npx rimraf build && rollup -c && cp -r src raw",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:update:snapshot": "jest --updateSnapshot",

package/raw/assets/svg/Spotlight.svg

@@ -0,0 +1,12 @@
+<svg width="64" height="64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="19.2" width="44.8" height="44.8" rx="22.4" fill="#FFF8E2"/>
+<path d="M39.975 28.11h9.626v28.07a3.11 3.11 0 01-3.115 3.115c-1.72 0-6.51-1.394-6.51-3.115" fill="#45A4FF"/>
+<path d="M46.486 59.295H14.058a3.114 3.114 0 01-3.113-3.115v-3.336l23.66-35.635L40.256 16a3.11 3.11 0 013.115 3.115V56.18a3.114 3.114 0 003.114 3.115z" fill="#BCDEFF"/>
+<path d="M37.142 52.388V19.115A3.115 3.115 0 0140.257 16H4.715A3.114 3.114 0 001.6 19.115v33.73h35.542" fill="#E3F2FF"/>
+<path d="M5.698 21.357h11.077v8.767H5.698v-8.767z" fill="#FFF8E2"/>
+<path d="M16.776 30.848H5.698a.724.724 0 01-.724-.724v-8.768c0-.4.324-.724.724-.724h11.078c.4 0 .724.324.724.724v8.767c0 .4-.325.725-.724.725zM6.423 29.399h9.628v-7.318H6.423v7.318z" fill="#FE921D"/>
+<path d="M21.777 34.507h11.077v8.767H21.777v-8.767z" fill="#E0F8EE"/>
+<path d="M16.776 35.231H5.698a.724.724 0 010-1.449h11.078a.724.724 0 010 1.45zM16.776 39.615H5.698a.724.724 0 010-1.448h11.078a.724.724 0 010 1.448zM16.776 43.999H5.698a.724.724 0 010-1.449h11.078a.724.724 0 010 1.449zM16.776 48.382H5.698a.724.724 0 010-1.448h11.078a.724.724 0 010 1.448zM32.854 22.08H21.777a.724.724 0 010-1.448h11.077a.724.724 0 110 1.449zM32.854 26.465H21.777a.724.724 0 010-1.449h11.077a.724.724 0 110 1.449zM32.854 30.848H21.777a.724.724 0 010-1.449h11.077a.724.724 0 110 1.449z" fill="#1B3250"/>
+<path d="M32.854 43.999H21.777a.724.724 0 01-.724-.724v-8.767c0-.4.324-.725.724-.725h11.077c.4 0 .725.325.725.724v8.768c0 .4-.325.724-.725.724zM22.501 42.55h9.629v-7.318h-9.629v7.318z" fill="#008C50"/>
+<path d="M32.854 48.382H21.777a.724.724 0 010-1.448h11.077a.724.724 0 110 1.448z" fill="#1B3250"/>
+</svg>

package/raw/assets/svg/StarEmptyIcon.tsx

@@ -0,0 +1,19 @@
+import React from 'react'
+
+const StarEmptyIcon = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg
+      {...props}
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z"
+        fill="#D2D6DC"
+      />
+    </svg>
+  )
+}
+
+export default StarEmptyIcon

package/raw/assets/svg/StarFullIcon.tsx

@@ -0,0 +1,21 @@
+import React from 'react'
+
+const StarEmptyIcon = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg
+      {...props}
+      width="32"
+      height="32"
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z"
+        fill="#FFC326"
+      />
+    </svg>
+  )
+}
+
+export default StarEmptyIcon

package/raw/assets/svg/StarHalfIcon.tsx

@@ -0,0 +1,35 @@
+import React from 'react'
+
+const StarEmptyIcon = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z"
+        fill="#E4E8EC"
+      />
+      <mask
+        id="mask0_3555_5815"
+        maskUnits="userSpaceOnUse"
+        x="2"
+        y="0"
+        width="10"
+        height="24"
+      >
+        <rect x="2" width="10" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_3555_5815)">
+        <path
+          d="M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z"
+          fill="#FFC326"
+        />
+      </g>
+    </svg>
+  )
+}
+
+export default StarEmptyIcon

package/raw/assets/svg/arrowDoor.svg

@@ -0,0 +1,9 @@
+<svg viewBox="0 0 101 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M69.3281 2.93067V85.3526C69.3281 86.9929 68.0395 88.2823 66.3985 88.2823H42.9609C41.3199 88.2823 40.0313 86.9929 40.0313 85.3526L4.875 2.93067C4.875 1.28958 6.1636 0.000976562 7.80469 0.000976562H66.3985C68.0395 0.000976562 69.3281 1.28958 69.3281 2.93067Z" fill="#284A75"/>
+<path d="M69.3281 2.93067V85.3526C69.3281 86.9929 68.0395 88.2823 66.3984 88.2823H42.9609C41.3199 88.2823 40.0312 86.9929 40.0312 85.3526L31.2422 64.8447V0.000976562H66.3984C68.0395 0.000976562 69.3281 1.28958 69.3281 2.93067Z" fill="#1B3250"/>
+<path d="M44.2496 17.8727L9.09329 0.294542C8.21515 -0.115919 7.10126 -0.115919 6.2811 0.412035C5.40219 0.99721 4.875 1.93486 4.875 2.93126V85.3531C4.875 86.6418 5.69516 87.7556 6.86704 88.1066L31.2422 96.2517L42.0233 99.8253C42.8862 100.171 43.9917 99.9756 44.66 99.4744C45.4222 98.8885 45.8906 98.0096 45.8906 97.0719V20.5094C45.8906 19.3963 45.246 18.3999 44.2496 17.8727Z" fill="#2B94FF"/>
+<path d="M45.8906 20.5089V97.0714C45.8906 98.0091 45.4214 98.888 44.66 99.4739C43.9978 99.9706 42.8946 100.174 42.0233 99.8249L31.2422 96.2513V11.3682L44.2495 17.8722C45.2459 18.3994 45.8906 19.3958 45.8906 20.5089Z" fill="#2D87F3"/>
+<path d="M76.7355 64.4988C75.7826 63.9899 75.1875 62.9974 75.1875 61.9155V58.9858H54.6797C53.06 58.9858 51.75 57.6751 51.75 56.0561V44.3374C51.75 42.7177 53.06 41.4077 54.6797 41.4077H75.1875V38.478C75.1875 37.3961 75.7826 36.4036 76.7355 35.8939C77.6854 35.3881 78.8443 35.4453 79.7423 36.0404L97.3204 47.7592C98.136 48.3024 98.625 49.2179 98.625 50.1968C98.625 51.1748 98.136 52.0904 97.3204 52.6336L79.7423 64.3523C78.8336 64.9589 77.6747 65.0031 76.7355 64.4988Z" fill="#F44D2C"/>
+<path d="M34.1719 44.3379V56.0567C34.1719 57.697 32.8833 58.9864 31.2422 58.9864C29.6011 58.9864 28.3125 57.697 28.3125 56.0567V44.3379C28.3125 42.6968 29.6011 41.4082 31.2422 41.4082C32.8833 41.4082 34.1719 42.6968 34.1719 44.3379Z" fill="#F7F9FC"/>
+<path d="M34.1719 44.3379V56.0567C34.1719 57.697 32.8833 58.9864 31.2422 58.9864V41.4082C32.8833 41.4082 34.1719 42.6968 34.1719 44.3379Z" fill="#E4E8EC"/>
+</svg>

package/raw/assets/svg/calendar.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.9168 1.99984H13.5835C14.3168 1.99984 14.9168 2.59984 14.9168 3.33317V13.9998C14.9168 14.7332 14.3168 15.3332 13.5835 15.3332H2.91683C2.1835 15.3332 1.5835 14.7332 1.5835 13.9998V3.33317C1.5835 2.59984 2.1835 1.99984 2.91683 1.99984H3.5835V1.33317C3.5835 0.966504 3.8835 0.666504 4.25016 0.666504C4.61683 0.666504 4.91683 0.966504 4.91683 1.33317V1.99984H11.5835V1.33317C11.5835 0.966504 11.8835 0.666504 12.2502 0.666504C12.6168 0.666504 12.9168 0.966504 12.9168 1.33317V1.99984ZM3.5835 13.9998H12.9168C13.2835 13.9998 13.5835 13.6998 13.5835 13.3332V5.33317H2.91683V13.3332C2.91683 13.6998 3.21683 13.9998 3.5835 13.9998Z" fill="#595959"/>
+</svg>

package/raw/assets/svg/calendarArrowLeft.svg

@@ -0,0 +1,3 @@
+<svg width="7" height="13" viewBox="0 0 7 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.66875 11.814L1.46875 6.657L5.66875 1.5" stroke="#262626" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/raw/assets/svg/calendarArrowRight.svg

@@ -0,0 +1,3 @@
+<svg width="7" height="13" viewBox="0 0 7 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.46875 11.814L5.66875 6.657L1.46875 1.5" stroke="#262626" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/raw/assets/svg/check.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.3346 4L6.0013 11.3333L2.66797 8" stroke="#737373" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/raw/assets/svg/chevronDown.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 6L8 10L4 6" stroke="#1B3250" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/raw/assets/svg/chevronRight.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 12L10 8L6 4" stroke="#595959" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/raw/assets/svg/chevronRightActive.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 12L10 8L6 4" stroke="#2D87F3" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/raw/assets/svg/chevronRightWhite.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.5 12L10.5 8L6.5 4" stroke="white" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/raw/assets/svg/chevronUpBlue.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 10L8 6L12 10" stroke="#2D87F3" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/raw/assets/svg/closeLight.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 6L6 18" stroke="#262626" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 6L18 18" stroke="#262626" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/raw/assets/svg/closeWhite.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 6L6 18" stroke="white" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 6L18 18" stroke="white" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/raw/assets/svg/community.svg

@@ -0,0 +1 @@
+<svg width="64" height="64" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="19.2" width="44.8" height="44.8" rx="22.4" fill="#FFF8E2"/><path d="M23.886 52.996l.312 2.129a.87.87 0 01-1.428.786L18.47 52.21a.868.868 0 00-.566-.21l-2.35-.006a4.442 4.442 0 01-4.443-4.443V37.338a4.442 4.442 0 014.443-4.442h18.748a4.443 4.443 0 014.443 4.442V47.55a4.442 4.442 0 01-4.443 4.443L24.746 52a.87.87 0 00-.86.996z" fill="#2D87F3"/><path d="M40.115 27.976l-.313 2.129a.87.87 0 001.43.785l4.298-3.7a.869.869 0 01.565-.211l2.351-.006a4.442 4.442 0 004.443-4.443V12.32a4.444 4.444 0 00-4.443-4.444H29.697a4.443 4.443 0 00-4.442 4.444v10.212a4.442 4.442 0 004.442 4.44l9.558.007a.87.87 0 01.86.997z" fill="#FE921D"/><path d="M42.686 21.036a5.172 5.172 0 10-.925.769l.605.65a.6.6 0 00.878-.818l-.558-.601zm-3.742.41a3.991 3.991 0 112.922-1.29l-1.181-1.27a.6.6 0 00-.88.818l1.122 1.205a3.942 3.942 0 01-1.983.537zM29.733 46.453L28.39 42.9a.595.595 0 00-.142-.377l-1.556-4.12a1.94 1.94 0 00-3.746 0l-3.04 8.046a.599.599 0 101.122.424l1.273-3.367h5.036l1.272 3.367a.6.6 0 101.123-.424v.002zm-6.977-4.145l1.314-3.48a.87.87 0 01.75-.658.871.871 0 01.75.658l1.314 3.48h-4.128z" fill="#fff"/></svg>

package/raw/assets/svg/facebook.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27 0H5C2.23858 0 0 2.23858 0 5V27C0 29.7614 2.23858 32 5 32H27C29.7614 32 32 29.7614 32 27V5C32 2.23858 29.7614 0 27 0Z" fill="#1778F2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.314 32V19.499H23.569L24 15.19H20.314L20.32 13.034C20.32 11.911 20.42 11.309 21.943 11.309H23.977V7H20.722C16.812 7 15.437 9.09 15.437 12.604V15.191H13V19.499H15.437V32H20.314Z" fill="white"/>
+</svg>

package/raw/assets/svg/hamburgerMenu.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 12H20" stroke="#262626" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4 6H20" stroke="#262626" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4 18H20" stroke="#262626" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/raw/assets/svg/hamburgerMenuNew.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 5a1 1 0 100 2h18a1 1 0 100-2H3zm0 6a1 1 0 100 2h18a1 1 0 100-2H3zm0 6a1 1 0 100 2h18a1 1 0 100-2H3z" fill="#595959"/></svg>

package/raw/assets/svg/hamburgerMenuNewWithSearch.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1a1 1 0 011-1h18a1 1 0 110 2H1a1 1 0 01-1-1zM0 7a1 1 0 011-1h5a1 1 0 010 2H1a1 1 0 01-1-1zM0 13a1 1 0 011-1h6a1 1 0 110 2H1a1 1 0 01-1-1z" fill="#595959"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 14c1.02 0 1.967-.305 2.757-.829l2.536 2.536a1 1 0 001.414-1.415l-2.535-2.535A5 5 0 1013 14zm0-2a3 3 0 100-6 3 3 0 000 6z" fill="#595959"/></svg>

package/raw/assets/svg/index.ts

@@ -0,0 +1,63 @@
+import ArrowDoorIcon from './arrowDoor.svg'
+import Check from './check.svg'
+import ChevronDown from './chevronDown.svg'
+import chevronRight from './chevronRight.svg'
+import chevronRightActive from './chevronRightActive.svg'
+import ChevronRightWhiteIcon from './chevronRightWhite.svg'
+import ChevronUpBlue from './chevronUpBlue.svg'
+import CloseLightIcon from './closeLight.svg'
+import CloseWhiteIcon from './closeWhite.svg'
+import CommunityIcon from './community.svg'
+import DiscoverIcon from './discover.png'
+import FacebookIcon from './facebook.svg'
+import HamburgerMenuIcon from './hamburgerMenu.svg'
+import HamburgerMenuIconNew from './hamburgerMenuNew.svg'
+import HamburgerMenuIconNewWithSearch from './hamburgerMenuNewWithSearch.svg'
+import HealthToolsIcon from './healthTools.png'
+import HelloCareIcon from './helloCare-thumbnail.png'
+import InfoLightIcon from './info-light.svg'
+import InstagramIcon from './instagram.svg'
+import LinkedInIcon from './linkedin.svg'
+import LockIcon from './lock.png'
+import LoginIcon from './login.svg'
+import SehatBadge from './sehat-badge.png'
+import SpotlightIcon from './Spotlight.svg'
+import StarEmptyIcon from './StarEmptyIcon'
+import StarFullIcon from './StarFullIcon'
+import StarHalfIcon from './StarHalfIcon'
+import TogetherIcon from './together.png'
+import YoutubeIcon from './youtube.svg'
+import ZaloIcon from './zalo.png'
+
+export {
+  StarEmptyIcon,
+  StarFullIcon,
+  StarHalfIcon,
+  FacebookIcon,
+  InstagramIcon,
+  LinkedInIcon,
+  ZaloIcon,
+  YoutubeIcon,
+  CloseLightIcon,
+  DiscoverIcon,
+  HealthToolsIcon,
+  HelloCareIcon,
+  HamburgerMenuIcon,
+  HamburgerMenuIconNew,
+  SehatBadge,
+  CloseWhiteIcon,
+  InfoLightIcon,
+  ChevronDown,
+  ChevronUpBlue,
+  Check,
+  TogetherIcon,
+  LockIcon,
+  ChevronRightWhiteIcon,
+  chevronRightActive,
+  chevronRight,
+  ArrowDoorIcon,
+  LoginIcon,
+  HamburgerMenuIconNewWithSearch,
+  CommunityIcon,
+  SpotlightIcon,
+}

package/raw/assets/svg/info-light.svg

@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z" stroke="#2D87F3" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 13.7499V9.58325" stroke="#2D87F3" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 6.25H10.0125" stroke="#2D87F3" stroke-width="1.85" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/raw/assets/svg/instagram.svg

@@ -0,0 +1 @@
+<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.9 31.983L7.13 32c-3.909.004-7.11-3.191-7.114-7.1L0 7.13C-.004 3.222 3.191.021 7.1.017L24.87 0c3.909-.004 7.11 3.191 7.114 7.1L32 24.87c.004 3.91-3.191 7.11-7.1 7.114z" fill="url(#prefix__paint0_radial)"/><path d="M24.9 31.983L7.13 32c-3.909.004-7.11-3.191-7.114-7.1L0 7.13C-.004 3.222 3.191.021 7.1.017L24.87 0c3.909-.004 7.11 3.191 7.114 7.1L32 24.87c.004 3.91-3.191 7.11-7.1 7.114z" fill="url(#prefix__paint1_radial)"/><path d="M16 22.22A6.226 6.226 0 019.781 16c0-3.43 2.79-6.219 6.22-6.219a6.226 6.226 0 016.218 6.22c0 3.428-2.79 6.218-6.219 6.218zm0-10.662A4.447 4.447 0 0011.558 16 4.447 4.447 0 0016 20.442 4.447 4.447 0 0020.442 16 4.447 4.447 0 0016 11.558zM22.664 10.67a1.333 1.333 0 100-2.666 1.333 1.333 0 000 2.665z" fill="#fff"/><path d="M21.33 27.55H10.67a6.226 6.226 0 01-6.22-6.22V10.67c0-3.43 2.79-6.22 6.22-6.22h10.66a6.226 6.226 0 016.22 6.22v10.66c0 3.43-2.791 6.22-6.22 6.22zM10.67 6.226a4.447 4.447 0 00-4.443 4.442V21.33a4.447 4.447 0 004.442 4.442H21.33a4.447 4.447 0 004.442-4.442V10.67a4.447 4.447 0 00-4.442-4.443H10.67z" fill="#fff"/><defs><radialGradient id="prefix__paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.896 32.023) scale(39.8892)"><stop stop-color="#FD5"/><stop offset=".328" stop-color="#FF543F"/><stop offset=".348" stop-color="#FC5245"/><stop offset=".504" stop-color="#E64771"/><stop offset=".643" stop-color="#D53E91"/><stop offset=".761" stop-color="#CC39A4"/><stop offset=".841" stop-color="#C837AB"/></radialGradient><radialGradient id="prefix__paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(26.4865 0 0 17.6479 5.15 -.4)"><stop stop-color="#4168C9"/><stop offset=".999" stop-color="#4168C9" stop-opacity="0"/></radialGradient></defs></svg>

package/raw/assets/svg/linkedin.svg

@@ -0,0 +1 @@
+<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="32" height="32" rx="4" fill="#0077B5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.857 9.07c-.022-1.094-.744-1.927-1.917-1.927S7 7.976 7 9.07C7 10.142 7.744 11 8.895 11h.022c1.196 0 1.94-.858 1.94-1.93zm0 3.216H7v11.571h3.857V12.286zm9.294 0c2.771 0 4.849 1.616 4.849 5.089v6.482h-4.212v-6.049c0-1.519-.609-2.556-2.134-2.556-1.163 0-1.856.7-2.16 1.374-.112.242-.14.58-.14.917v6.314h-4.211s.055-10.245 0-11.305h4.212v1.6c.559-.769 1.56-1.866 3.796-1.866z" fill="#fff"/></svg>

package/raw/assets/svg/login.svg

@@ -0,0 +1 @@
+<svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 1.5a7.5 7.5 0 100 15 7.5 7.5 0 000-15zm0 2.063a2.437 2.437 0 110 4.874 2.437 2.437 0 010-4.874zM9 15a5.984 5.984 0 01-4.566-2.109.762.762 0 01.13-1.103C5.702 10.932 7.774 10.5 9 10.5s3.299.432 4.437 1.288a.762.762 0 01.13 1.103A5.987 5.987 0 019 15z" fill="#595959"/></svg>

package/raw/assets/svg/youtube.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="32" rx="6" fill="#D42428"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 12C7 10.8954 7.89543 10 9 10H9.68946H10H22H22.31H23C24.1046 10 25 10.8954 25 12V12.5633V20C25 21.1046 24.1046 22 23 22H22.3098H22H10H9.68946H9C7.89543 22 7 21.1046 7 20V19.4367V12.5633V12ZM14.1994 12.4438V18.8997L19.34 15.6719L14.1994 12.4438Z" fill="white"/>
+</svg>

package/raw/cache/core.ts

@@ -0,0 +1,52 @@
+export type CacheItem<T = any> = {
+  data: T
+  time: number
+}
+
+const ServerCache: { [key: string]: CacheItem } = {}
+export const getCachedItem = <T>(key: string): CacheItem<T> => {
+  if (typeof window !== 'undefined') {
+    let res
+    try {
+      res = JSON.parse(localStorage.getItem('hhg-cache-' + key) || '{}')
+    } catch {}
+    return res || {}
+  } else {
+    return ServerCache[key]
+  }
+}
+export const setCachedItem = (key: string, value: any) => {
+  try {
+    if (typeof window !== 'undefined') {
+      localStorage.setItem(
+        'hhg-cache-' + key,
+        JSON.stringify({ data: value, time: Date.now() }),
+      )
+    } else {
+      ServerCache[key] = { data: value, time: Date.now() }
+    }
+  } catch {}
+}
+export const getDataWithCache = async <T>(
+  key: string,
+  dataGetter?: () => Promise<T> | T,
+  validator?: (data: T) => boolean,
+  cacheTime = 1000 * 60 * 15,
+): Promise<T | null | undefined> => {
+  const persistData = getCachedItem<T>(key)
+  if (
+    persistData &&
+    persistData.data &&
+    persistData.time &&
+    Date.now() - persistData.time < cacheTime
+  ) {
+    return persistData.data
+  } else if (dataGetter) {
+    const data = await dataGetter()
+    if (!validator || validator(data)) {
+      setCachedItem(key, data)
+    }
+    return data
+  }
+  return null
+}

package/raw/cache/index.ts

@@ -0,0 +1 @@
+export * from './core'

package/raw/care/api/paths.ts

@@ -0,0 +1,11 @@
+export const PATHS = {
+  GET_CITIES_LIST:
+    'api/lists/cities?keyword={keyword}&country_id={countryId}&site={domain}&_nopaging={nopaging}',
+  GET_CITY:
+    'api/lists/cities?ids={ids}&site={domain}&longitude={longitude}&latitude={latitude}',
+  GET_HOME_SEARCH:
+    'api/search/?_home=1&city_id={city}&keyword={keyword}&site={domain}&latitude={lat}&longitude={lng}',
+  GET_SEARCH_V2:
+    'api/v2/search/?site={domain}&type={searchType}&keyword={keyword}&city_id={city}&latitude={lat}&longitude={lng}',
+  GET_CITY_BY_IP: 'api/geobyip?site={domain}&latitude={lat}&longitude={lng}',
+}

package/raw/care/api/utils.ts

@@ -0,0 +1,32 @@
+import { domainLocales } from 'components/organisms/navigationLayout/constants'
+import { LocaleType } from 'interfaces/types'
+import formatString from 'string-format'
+
+export const getApiPath = (
+  path: string,
+  params?: { [key: string]: string | number },
+  locale?: LocaleType,
+) => {
+  return formatString(path, {
+    ...params,
+    domain: domainLocales[locale || 'en-PH'],
+  })
+}
+
+export const callApi = async (
+  url: string,
+  method: RequestInit['method'],
+  options?: RequestInit,
+) => {
+  try {
+    const res = await fetch(url, {
+      method,
+      ...options,
+    })
+    // console.log(res)
+    if (res) return res.json()
+  } catch (err) {
+    return null
+  }
+  return null
+}

package/raw/care/components/atoms/icons/index.tsx

@@ -0,0 +1,170 @@
+import React from 'react'
+
+type IconProps = {
+  className?: string
+  color?: string
+}
+
+export const ClearIcon = ({ className, color }: IconProps) => (
+  <svg
+    className={className}
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect x="4" y="4" width="16" height="16" rx="8" fill="white" />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z"
+      fill={color || 'currentColor'}
+    />
+  </svg>
+)
+
+export const CloseIcon = ({ className, color }: IconProps) => (
+  <svg
+    className={className}
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M18 6L6 18"
+      stroke={color || 'currentColor'}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M6 6L18 18"
+      stroke={color || 'currentColor'}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+export const PinIcon = ({ className, color }: IconProps) => (
+  <svg width="14" height="20" viewBox="0 0 14 20" className={className}>
+    <path
+      d="M7 0C3.134 0 0 3.134 0 7C0 10.966 4.404 16.82 6.226 19.071C6.626 19.565 7.374 19.565 7.774 19.071C9.596 16.82 14 10.966 14 7C14 3.134 10.866 0 7 0ZM7 9.5C5.619 9.5 4.5 8.381 4.5 7C4.5 5.619 5.619 4.5 7 4.5C8.381 4.5 9.5 5.619 9.5 7C9.5 8.381 8.381 9.5 7 9.5Z"
+      fill={color || 'currentColor'}
+    />
+  </svg>
+)
+
+export const GetLocationIcon = ({ className, color }: IconProps) => (
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    className={className}
+  >
+    <path
+      d="M9.99967 6.66658C8.15801 6.66658 6.66634 8.15825 6.66634 9.99992C6.66634 11.8416 8.15801 13.3333 9.99967 13.3333C11.8413 13.3333 13.333 11.8416 13.333 9.99992C13.333 8.15825 11.8413 6.66658 9.99967 6.66658ZM17.4497 9.16658C17.0663 5.69158 14.308 2.93325 10.833 2.54992V1.66659C10.833 1.20825 10.458 0.833252 9.99967 0.833252C9.54134 0.833252 9.16634 1.20825 9.16634 1.66659V2.54992C5.69134 2.93325 2.93301 5.69158 2.54967 9.16658H1.66634C1.20801 9.16658 0.833008 9.54158 0.833008 9.99992C0.833008 10.4583 1.20801 10.8333 1.66634 10.8333H2.54967C2.93301 14.3083 5.69134 17.0666 9.16634 17.4499V18.3333C9.16634 18.7916 9.54134 19.1666 9.99967 19.1666C10.458 19.1666 10.833 18.7916 10.833 18.3333V17.4499C14.308 17.0666 17.0663 14.3083 17.4497 10.8333H18.333C18.7913 10.8333 19.1663 10.4583 19.1663 9.99992C19.1663 9.54158 18.7913 9.16658 18.333 9.16658H17.4497ZM9.99967 15.8333C6.77467 15.8333 4.16634 13.2249 4.16634 9.99992C4.16634 6.77492 6.77467 4.16658 9.99967 4.16658C13.2247 4.16658 15.833 6.77492 15.833 9.99992C15.833 13.2249 13.2247 15.8333 9.99967 15.8333Z"
+      fill={color || 'currentColor'}
+    />
+  </svg>
+)
+
+export const MagnifierIcon = ({ className, color }: IconProps) => (
+  <svg
+    className={className}
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18Z"
+      stroke={color || 'currentColor'}
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M20 20L16 16"
+      stroke={color || 'currentColor'}
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+export const DefaultThumbnailAny = ({
+  width,
+  height,
+}: {
+  width?: number
+  height?: number
+}) => (
+  <svg
+    width={width || 30}
+    height={height || 30}
+    viewBox="0 0 30 30"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle cx="15" cy="15" r="15" fill="#F7F9FC" />
+  </svg>
+)
+
+export const DefaultThumbnailDoctor = ({
+  width,
+  height,
+}: {
+  width?: number
+  height?: number
+}) => (
+  <svg
+    width={width || 32}
+    height={height || 32}
+    viewBox="0 0 32 32"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clipPath="url(#clip0_14712_400114)">
+      <rect width="32" height="32" rx="16" fill="#E4E8EC" />
+      <path
+        d="M22.065 9.58305C22.1108 9.80952 22.1431 10.0396 22.1614 10.2722C22.3769 13.0522 22.5858 16.1276 22.5727 17.618C22.5306 20.5688 19.708 21.1325 19.4564 21.1769L19.4495 21.5357L19.5228 23.9014C20.8688 23.9341 22.203 24.1759 23.4772 24.6196C24.5264 24.9739 25.4827 25.5591 26.2757 26.332C27.0688 27.105 27.6783 28.0461 28.0594 29.0858L31.9886 39.2068C31.91 39.3048 30.6939 39.6356 29.4888 39.944C30.1695 42.3315 30.4582 44.8142 30.3432 47.2953C30.2991 48.2666 30.1816 49.264 29.7245 50.1211C29.4508 50.6342 29.0319 51.0912 28.5296 51.3753C28.5099 51.4347 28.4864 51.4928 28.4593 51.5495C28.4293 51.6146 28.3908 51.6756 28.3448 51.7307C28.3293 51.7772 28.3232 51.8406 28.3162 51.9135C28.3004 52.0779 28.2799 52.2909 28.1362 52.4685C28.001 52.6373 27.8519 52.7945 27.6905 52.9386C27.6905 52.9386 27.092 52.9667 26.4133 52.9845L26.458 58.4088H5.7492L6.30965 52.9523L5.66093 53.1637C5.07664 53.3528 4.45628 53.4028 3.84925 53.3099C3.24222 53.2169 2.66526 52.9835 2.1643 52.6283C1.61489 52.2388 1.17445 51.715 0.884966 51.1068C0.595484 50.4987 0.46662 49.8266 0.510669 49.1545L0.644528 47.1369L1.41503 38.3366L1.81323 38.4135L-0.914307 37.8437L-0.402886 36.5663C-0.407359 36.5645 -0.411803 36.5627 -0.416214 36.5608C-0.410804 36.56 -0.40538 36.5594 -0.399946 36.5589L2.05995 30.4146C3.00034 28.0825 4.7421 26.1624 6.97187 24.9999C8.56171 24.176 10.3028 23.6861 12.0882 23.5597L11.788 16.5865C11.1882 16.6507 10.0095 16.5266 9.96087 14.954C9.91229 13.3824 11.0457 13.3171 11.6507 13.3961L11.6445 13.2523C11.5785 12.8433 11.5088 12.439 11.4577 12.2132C11.3782 11.8628 11.2611 11.4953 11.1419 11.1207C10.8794 10.2967 10.6061 9.43855 10.697 8.65293C10.697 8.65293 10.6909 8.00438 11.4565 7.24044C11.3707 6.86644 11.3686 6.47786 11.4507 6.10258C11.5366 5.70965 11.7125 5.34199 11.9645 5.02848C12.2165 4.71497 12.5377 4.46414 12.9029 4.29569C13.2682 4.12725 13.6675 4.04577 14.0696 4.05766C14.2277 4.06393 14.3849 4.08493 14.5418 4.10589C14.7932 4.13945 15.0439 4.17294 15.2971 4.14581C15.7708 4.09409 16.177 3.83884 16.5862 3.58167C16.8357 3.42492 17.0863 3.26745 17.354 3.15494C17.9119 2.93744 18.5266 2.91281 19.1002 3.08497C19.6738 3.25713 20.1733 3.61619 20.5192 4.105C20.5943 4.21716 20.6621 4.33678 20.7298 4.45631C20.9035 4.76299 21.077 5.06915 21.373 5.24769C21.5927 5.38236 21.8482 5.42658 22.1057 5.47114C22.2633 5.49842 22.4216 5.52582 22.5728 5.57417C23.0267 5.71015 23.3999 6.0411 23.6319 6.45436C23.6327 6.40753 23.6317 6.36062 23.629 6.31374C23.6502 6.3657 23.6623 6.42092 23.6649 6.47698C23.6661 6.49165 23.667 6.50632 23.6677 6.521C23.8246 6.82609 23.9058 7.17114 23.8885 7.51347C23.8544 7.93447 23.7053 8.33801 23.4574 8.68001C23.2096 9.02201 22.8725 9.28933 22.483 9.45278C22.3469 9.50712 22.2071 9.55061 22.065 9.58305Z"
+        fill="white"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_14712_400114">
+        <rect width="32" height="32" rx="16" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+export const DefaultThumbnailService = ({
+  width,
+  height,
+}: {
+  width?: number
+  height?: number
+}) => (
+  <svg
+    width={width || 30}
+    height={height || 30}
+    viewBox="0 0 30 30"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle cx="15" cy="15" r="15" fill="#F7F9FC" />
+    <path
+      d="M14.9998 6.66663C12.2752 6.66663 9.85335 7.97848 8.33317 9.99996H10.5988C11.8 8.94527 13.3625 8.33329 14.9998 8.33329C16.6372 8.33329 18.1997 8.94527 19.4009 9.99996H21.6665C20.1463 7.97848 17.7244 6.66663 14.9998 6.66663ZM7.7863 10.8333C7.07666 13.0403 6.6665 15.5989 6.6665 18.3333C6.6665 20.0846 6.82601 21.7675 7.13525 23.3333H22.8644C23.1737 21.7675 23.3332 20.0846 23.3332 18.3333C23.3332 15.5989 22.923 13.0403 22.2134 10.8333H7.7863ZM14.9998 13.3333C17.3013 13.3333 19.1665 15.1985 19.1665 17.5C19.1665 19.8014 17.3013 21.6666 14.9998 21.6666C12.6984 21.6666 10.8332 19.8014 10.8332 17.5C10.8332 15.1985 12.6984 13.3333 14.9998 13.3333ZM14.1665 15V16.6666H12.4998V18.3333H14.1665V20H15.8332V18.3333H17.4998V16.6666H15.8332V15H14.1665Z"
+      fill="#BFC5CC"
+    />
+  </svg>
+)

package/raw/care/components/organisms/bookingSearchBar/constants.ts

@@ -0,0 +1,9 @@
+import { CareLocaleType } from 'src/care/interfaces/types'
+
+export const SEARCH_KEYWORD_MIN_LENGTH: { [k in CareLocaleType]: number } = {
+  'en-PH': 3,
+  'tl-PH': 2,
+  'id-ID': 3,
+  'vi-VN': 2,
+  'zh-TW': 0,
+}