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

package/build/esm/useFbDataLayer-58443cc1.js

@@ -0,0 +1,2 @@
+import{useState as t,useEffect as n}from"react";var e=Object.freeze({__proto__:null}),i=function(e){var i=t(""),o=i[0],r=i[1];n((function(){fetch("https://api.ipify.org").then((function(t){return t.text()})).then((function(t){t?r(t):fetch("https://icanhazip.com").then((function(t){return t.text()})).then((function(t){t&&r(t)}))}))}),[]),n((function(){var t=null;return e&&o&&function n(){window.fbq?window.fbq("track","FB Conversion",{user_data:[{em:e.email||"",fn:"",ln:"",ph:e.phone||"",client_ip_address:o||""}]}):t=setTimeout(n,2e3)}(),function(){t&&clearTimeout(t)}}),[e,o])};export{e as t,i as u};
+//# sourceMappingURL=useFbDataLayer-58443cc1.js.map

package/build/esm/useFbDataLayer-58443cc1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFbDataLayer-58443cc1.js","sources":["../../src/hooks/useFbDataLayer.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { UserInfo } from 'interfaces/types'\n\nexport const useFbDataLayer = (userInfo?: UserInfo | null) => {\n  const [userIp, setUserIp] = useState('')\n  useEffect(() => {\n    fetch('https://api.ipify.org')\n      .then((res) => res.text())\n      .then((ip) => {\n        if (ip) setUserIp(ip)\n        else\n          fetch('https://icanhazip.com')\n            .then((res) => res.text())\n            .then((ip) => {\n              if (ip) setUserIp(ip)\n            })\n      })\n  }, [])\n  useEffect(() => {\n    let timeout: ReturnType<typeof setTimeout> | null = null\n    if (userInfo && userIp) {\n      ;(function waitFbq() {\n        // check for the generic script\n        // easiest check to prevent race condition\n        if (window.fbq) {\n          window.fbq('track', 'FB Conversion', {\n            user_data: [\n              {\n                em: userInfo.email || '',\n                fn: '',\n                ln: '',\n                ph: userInfo.phone || '',\n                client_ip_address: userIp || '',\n              },\n            ],\n          })\n        } else {\n          timeout = setTimeout(waitFbq, 2000)\n        }\n      })()\n    }\n    return () => {\n      if (timeout) {\n        clearTimeout(timeout)\n      }\n    }\n  }, [userInfo, userIp])\n}\n"],"names":["useFbDataLayer","userInfo","_a","useState","userIp","setUserIp","useEffect","fetch","then","res","text","ip","timeout","waitFbq","window","fbq","user_data","em","email","fn","ln","ph","phone","client_ip_address","setTimeout","clearTimeout"],"mappings":"sFAIaA,EAAiB,SAACC,GACvB,IAAAC,EAAsBC,EAAS,IAA9BC,EAAMF,EAAA,GAAEG,EAASH,EAAA,GACxBI,GAAU,WACRC,MAAM,yBACHC,MAAK,SAACC,GAAQ,OAAAA,EAAIC,UAClBF,MAAK,SAACG,GACDA,EAAIN,EAAUM,GAEhBJ,MAAM,yBACHC,MAAK,SAACC,GAAQ,OAAAA,EAAIC,UAClBF,MAAK,SAACG,GACDA,GAAIN,EAAUM,WAG3B,IACHL,GAAU,WACR,IAAIM,EAAgD,KAsBpD,OArBIX,GAAYG,GACb,SAAUS,IAGLC,OAAOC,IACTD,OAAOC,IAAI,QAAS,gBAAiB,CACnCC,UAAW,CACT,CACEC,GAAIhB,EAASiB,OAAS,GACtBC,GAAI,GACJC,GAAI,GACJC,GAAIpB,EAASqB,OAAS,GACtBC,kBAAmBnB,GAAU,OAKnCQ,EAAUY,WAAWX,EAAS,KAhBjC,GAoBI,WACDD,GACFa,aAAab,MAGhB,CAACX,EAAUG"}

package/build/esm/useOutsideClick-6004483a.js

@@ -0,0 +1,2 @@
+import{useCallback as n,useEffect as t}from"react";var e=function(e,r){var o=n((function(n){e.current&&!e.current.contains(n.target)&&r(n.target)}),[]);t((function(){return document.addEventListener("mousedown",o),function(){document.removeEventListener("mousedown",o)}}))};export{e as u};
+//# sourceMappingURL=useOutsideClick-6004483a.js.map

package/build/esm/useOutsideClick-6004483a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideClick-6004483a.js","sources":["../../src/hooks/useOutsideClick.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react'\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst useOutsideClick = (ref: any, callback: any) => {\n  const handleClick = useCallback((e: MouseEvent) => {\n    if (ref.current && !ref.current.contains(e.target)) {\n      callback(e.target)\n    }\n  }, [])\n\n  useEffect(() => {\n    document.addEventListener('mousedown', handleClick)\n\n    return () => {\n      document.removeEventListener('mousedown', handleClick)\n    }\n  })\n}\n\nexport { useOutsideClick }\n"],"names":["useOutsideClick","ref","callback","handleClick","useCallback","e","current","contains","target","useEffect","document","addEventListener","removeEventListener"],"mappings":"mDAGA,IAAMA,EAAkB,SAACC,EAAUC,GACjC,IAAMC,EAAcC,GAAY,SAACC,GAC3BJ,EAAIK,UAAYL,EAAIK,QAAQC,SAASF,EAAEG,SACzCN,EAASG,EAAEG,UAEZ,IAEHC,GAAU,WAGR,OAFAC,SAASC,iBAAiB,YAAaR,GAEhC,WACLO,SAASE,oBAAoB,YAAaT"}

package/build/esm/useTranslations-0c13f2cb.js

@@ -0,0 +1,2 @@
+import{c as n,a as t}from"./tslib.es6-fd0a5c98.js";import{css as e}from"styled-components";import{useContext as a,useMemo as r}from"react";import{T as o,d as i}from"./translationsContext-b0b4655d.js";var c,d,u,s,p={spLayout:!1,pcLayout:!1,tdLayout:!1,mbLayout:!1},l=function(){return p.spLayout||(console.error("spLayout is deprecated. Use `MediaQueries.mbDown` instead."),p.spLayout=!0),function(a){for(var r=[],o=1;o<arguments.length;o++)r[o-1]=arguments[o];return e(c||(c=n(["\n    @media (max-width: ","px) {\n      ",";\n    }\n  "],["\n    @media (max-width: ","px) {\n      ",";\n    }\n  "])),767,e.apply(void 0,t([a],r,!1)))}},m=function(){return p.mbLayout||(console.error("mbLayout is deprecated. Use `MediaQueries.tdDown` instead."),p.mbLayout=!0),function(a){for(var r=[],o=1;o<arguments.length;o++)r[o-1]=arguments[o];return e(d||(d=n(["\n    @media (max-width: ","px) {\n      ",";\n    }\n  "],["\n    @media (max-width: ","px) {\n      ",";\n    }\n  "])),1023,e.apply(void 0,t([a],r,!1)))}},_=function(){return p.tdLayout||(console.error("tdLayout is deprecated. Use `MediaQueries.tdOnly` instead."),p.tdLayout=!0),function(a){for(var r=[],o=1;o<arguments.length;o++)r[o-1]=arguments[o];return e(u||(u=n(["\n    @media (min-width: ","px) and (max-width: ","px) {\n      ",";\n    }\n  "],["\n    @media (min-width: ","px) and (max-width: ","px) {\n      ",";\n    }\n  "])),768,1023,e.apply(void 0,t([a],r,!1)))}},f=function(a){return p.pcLayout||(console.error("pcLayout is deprecated. if pcLayout(true) use `MediaQueries.mbUp`. If pcLayout() use `MediaQueries.tdUp`."),p.pcLayout=!0),function(r){for(var o=[],i=1;i<arguments.length;i++)o[i-1]=arguments[i];return e(s||(s=n(["\n    @media (min-width: ","px) {\n      ",";\n    }\n  "],["\n    @media (min-width: ","px) {\n      ",";\n    }\n  "])),a?768:1024,e.apply(void 0,t([r],o,!1)))}},E=function(n){var t=Object.keys(n);return t.length?"?"+t.map((function(t){return"".concat(t,"=").concat(n[t])})).join("&"):""},L=function(n,t,e){void 0===t&&(t=1),void 0===e&&(e="page");var a=n.split("?"),r=a[0],o=a[1],i=new URLSearchParams(o||""),c={};return i.forEach((function(n,t){n&&(c[t]=n)})),Number(t)>1?c[e]=String(t):delete c[e],r+E(c)},I=function(n){"undefined"!=typeof window&&(document.documentElement.classList.toggle("noscroll",n),document.body.classList.toggle("noscroll",n))},O={BREAK_POINT_SMALL_MOBILE:481,BREAK_POINT_MOBILE:768,BREAK_POINT_TABLET:1024,BREAK_POINT_PC:1200},T={smbDown:"@media (max-width: ".concat(O.BREAK_POINT_SMALL_MOBILE-1,"px)"),smbUp:"@media (min-width: ".concat(O.BREAK_POINT_SMALL_MOBILE,"px)"),mbDown:"@media (max-width: ".concat(O.BREAK_POINT_MOBILE-1,"px)"),mbOnly:"@media (min-width: ".concat(O.BREAK_POINT_SMALL_MOBILE,"px) and (max-width: ").concat(O.BREAK_POINT_MOBILE-1,"px)"),mbUp:"@media (min-width: ".concat(O.BREAK_POINT_MOBILE,"px)"),tdDown:"@media (max-width: ".concat(O.BREAK_POINT_TABLET-1,"px)"),tdOnly:"@media (min-width: ".concat(O.BREAK_POINT_MOBILE,"px) and (max-width: ").concat(O.BREAK_POINT_TABLET-1,"px)"),tdUp:"@media (min-width: ".concat(O.BREAK_POINT_TABLET,"px)"),pcUp:"@media (min-width: ".concat(O.BREAK_POINT_PC,"px)"),pcOnly:"@media (min-width: ".concat(O.BREAK_POINT_TABLET,"px) and (max-width: ").concat(O.BREAK_POINT_PC-1,"px)"),pcDown:"@media (max-width: ".concat(O.BREAK_POINT_PC-1,"px)")},B=function(n){switch(n){case"smbDown":return[0,O.BREAK_POINT_SMALL_MOBILE-1];case"smbUp":return[O.BREAK_POINT_SMALL_MOBILE,0];case"mbDown":return[0,O.BREAK_POINT_MOBILE-1];case"mbOnly":return[O.BREAK_POINT_SMALL_MOBILE,O.BREAK_POINT_MOBILE-1];case"mbUp":return[O.BREAK_POINT_MOBILE,0];case"tdDown":return[0,O.BREAK_POINT_TABLET-1];case"tdOnly":return[O.BREAK_POINT_MOBILE,O.BREAK_POINT_TABLET-1];case"tdUp":return[O.BREAK_POINT_TABLET,0];case"pcUp":return[O.BREAK_POINT_PC,0];case"pcOnly":return[O.BREAK_POINT_TABLET,O.BREAK_POINT_PC-1];case"pcDown":return[0,O.BREAK_POINT_PC-1]}},w="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function A(n){var t={exports:{}};return n(t,t.exports),t.exports}var x=A((function(n){(function(t){function e(n){var t=new Error(n);return t.name="ValueError",t}function a(n){return function(t){var a=Array.prototype.slice.call(arguments,1),r=0,o="UNDEFINED";return t.replace(/([{}])\1|[{](.*?)(?:!(.+?))?[}]/g,(function(t,i,c,d){if(null!=i)return i;var u=c;if(u.length>0){if("IMPLICIT"===o)throw e("cannot switch from implicit to explicit numbering");o="EXPLICIT"}else{if("EXPLICIT"===o)throw e("cannot switch from explicit to implicit numbering");o="IMPLICIT",u=String(r),r+=1}var s=u.split("."),p=(/^\d+$/.test(s[0])?s:["0"].concat(s)).reduce((function(n,t){return n.reduce((function(n,e){return null!=e&&t in Object(e)?["function"==typeof e[t]?e[t]():e[t]]:[]}),[])}),[a]).reduce((function(n,t){return t}),"");if(null==d)return p;if(Object.prototype.hasOwnProperty.call(n,d))return n[d](p);throw e('no transformer named "'+d+'"')}))}}var r=a({});r.create=a,r.extend=function(n,e){var r=a(e);n.format=function(){var n=Array.prototype.slice.call(arguments);return n.unshift(this),r.apply(t,n)}},n.exports=r}).call(w,w)}));function y(){var n=a(o)||{locale:"en-PH"},t=n.values,e=n.locale;return r((function(){return{t:function(n,a){return t?t[n]?a?x(t[n]||n,a):t[n]||n:(console.warn("[useTranslations] Missing translation for key ".concat(n," and locale ").concat(e)),a?x(i[n]||n,a):i[n]||n):(console.error("[useTranslations] t method called before translation values are loaded"),n)},locale:e}}),[t,e])}export{O as B,T as M,E as a,I as b,A as c,w as d,x as e,L as f,B as g,m,f as p,l as s,_ as t,y as u};
+//# sourceMappingURL=useTranslations-0c13f2cb.js.map

package/build/esm/useTranslations-0c13f2cb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslations-0c13f2cb.js","sources":["../../src/misc/utils.ts","../../node_modules/string-format/index.js","../../src/hooks/useTranslations.tsx"],"sourcesContent":["import { css } from 'styled-components'\nconst BREAK_POINT = 768\nconst BREAK_POINT_TABLET = 1024\n\nconst logDeprecate = {\n  spLayout: false,\n  pcLayout: false,\n  tdLayout: false,\n  mbLayout: false,\n}\n\n/**\n * The breakpoint for smartphone devices less than 768.\n * @example\n *  ${(props: ThemeProps) => spLayout()`\n *    color: ${props.theme.colors.neutral100};\n *  `}\n * @example\n *  ${spLayout()`\n *    color: ${(props) => props.theme.colors.neutral100};\n *  `}\n */\n\nexport const spLayout = () => {\n  if (!logDeprecate.spLayout) {\n    console.error('spLayout is deprecated. Use `MediaQueries.mbDown` instead.')\n    logDeprecate.spLayout = true\n  }\n  return (style: TemplateStringsArray, ...exps) => css`\n    @media (max-width: ${BREAK_POINT - 1}px) {\n      ${css(style, ...exps)};\n    }\n  `\n}\n\n/**\n * The breakpoint for mobile and tablet devices less than 1024\n * @example\n *  ${(props: ThemeProps) => mbLayout()`\n *    color: ${props.theme.colors.neutral100};\n *  `}\n * @example\n *  ${mbLayout()`\n *    color: ${(props) => props.theme.colors.neutral100};\n *  `}\n */\nexport const mbLayout = () => {\n  if (!logDeprecate.mbLayout) {\n    console.error('mbLayout is deprecated. Use `MediaQueries.tdDown` instead.')\n    logDeprecate.mbLayout = true\n  }\n  return (style: TemplateStringsArray, ...exps) => css`\n    @media (max-width: ${BREAK_POINT_TABLET - 1}px) {\n      ${css(style, ...exps)};\n    }\n  `\n}\n\n/**\n * The breakpoint for tablet devices only between 768 and 1024\n * @example\n *  ${(props: ThemeProps) => tdLayout()`\n *    color: ${props.theme.colors.neutral100};\n *  `}\n * @example\n *  ${tdLayout()`\n *    color: ${(props) => props.theme.colors.neutral100};\n *  `}\n */\nexport const tdLayout = () => {\n  if (!logDeprecate.tdLayout) {\n    console.error('tdLayout is deprecated. Use `MediaQueries.tdOnly` instead.')\n    logDeprecate.tdLayout = true\n  }\n  return (style: TemplateStringsArray, ...exps) => css`\n    @media (min-width: ${BREAK_POINT}px) and (max-width: ${BREAK_POINT_TABLET - 1}px) {\n      ${css(style, ...exps)};\n    }\n  `\n}\n\n/**\n * The breakpoint for pc/laptop devices greater than or equal 1024.\n * @example\n *  ${(props: ThemeProps) => pcLayout()`\n *    color: ${props.theme.colors.neutral100};\n *  `}\n * @example\n *  ${pcLayout()`\n *    color: ${(props) => props.theme.colors.neutral100};\n *  `}\n */\nexport const pcLayout = (useBreakpointMobile?: boolean) => {\n  if (!logDeprecate.pcLayout) {\n    console.error('pcLayout is deprecated. if pcLayout(true) use `MediaQueries.mbUp`. If pcLayout() use `MediaQueries.tdUp`.')\n    logDeprecate.pcLayout = true\n  }\n  return (style: TemplateStringsArray, ...exps) => css`\n    @media (min-width: ${useBreakpointMobile ? BREAK_POINT : BREAK_POINT_TABLET}px) {\n      ${css(style, ...exps)};\n    }\n  `\n}\n\nexport const makeParams = (params: Record<string, string>): string => {\n  const paramKeys = Object.keys(params)\n  if (!paramKeys.length) {\n    return ''\n  }\n  return '?' + paramKeys.map((k: string) => `${k}=${params[k]}`).join('&')\n}\n\nexport const formatUrlWithPageParam = (\n  path: string,\n  page = 1,\n  queryPageName = 'page',\n) => {\n  const [urlPart, queryPart] = path.split('?')\n  const urlObj = new URLSearchParams(queryPart || '')\n  const params: Record<string, string> = {}\n\n  urlObj.forEach((val, key) => {\n    if (val) {\n      params[key] = val\n    }\n  })\n\n  if (Number(page) > 1) {\n    params[queryPageName] = String(page) // Default is params.page\n  } else {\n    // Do not display \"page=1\" on the URL\n    delete params[queryPageName] // Default is params.page\n  }\n\n  return urlPart + makeParams(params)\n}\n\nexport const toggleNoScroll = (isNoScroll?: boolean) => {\n  if (typeof window !== 'undefined') {\n    document.documentElement.classList.toggle('noscroll', isNoScroll)\n    document.body.classList.toggle('noscroll', isNoScroll)\n  }\n}\n\nexport const Breakpoints = {\n  BREAK_POINT_SMALL_MOBILE: 481,\n  BREAK_POINT_MOBILE: 768,\n  BREAK_POINT_TABLET: 1024,\n  BREAK_POINT_PC: 1200,\n}\n\n/**\n * List of mediaQueries to use in StyledComponents\n * New naming convention base around breakpoints\n*\n * Note: smb = small mobile; mb = mobile; td = tablet device; pc = pc/laptop device\n *\n * smbDown: BREAK_POINT_SMALL_MOBILE go down.\n * smbUp: BREAK_POINT_SMALL_MOBILE go up\n *\n * mbDown: REPLACE spLayout. BREAK_POINT_MOBILE go down.\n * mbOnly: from BREAK_POINT_SMALL_MOBILE to BREAK_POINT_MOBILE\n * mbUp: REPLACE pcLayout(true). BREAK_POINT_MOBILE go up\n *\n * tdDown: REPLACE mbLayout. BREAK_POINT_TABLET go down\n * tdOnly: REPLACE tdLayout. from BREAK_POINT_MOBILE to BREAK_POINT_TABLET\n * tdUp: REPLACE pcLayout(). BREAK_POINT_TABLET go up\n *\n * pcDown: BREAK_POINT_PC go down\n * pcOnly: from BREAK_POINT_TABLET to BREAK_POINT_PC\n * pcUp: BREAK_POINT_PC go up\n *\n * @example\n *  ${MediaQueries.mbDown} {\n *    color: ${(props) => props.theme.colors.neutral100 }};\n *  }\n */\nexport const MediaQueries = {\n  smbDown: `@media (max-width: ${Breakpoints.BREAK_POINT_SMALL_MOBILE - 1}px)`,\n  smbUp: `@media (min-width: ${Breakpoints.BREAK_POINT_SMALL_MOBILE}px)`,\n\n  mbDown: `@media (max-width: ${Breakpoints.BREAK_POINT_MOBILE - 1}px)`,\n  mbOnly: `@media (min-width: ${Breakpoints.BREAK_POINT_SMALL_MOBILE}px) and (max-width: ${Breakpoints.BREAK_POINT_MOBILE - 1}px)`,\n  mbUp: `@media (min-width: ${Breakpoints.BREAK_POINT_MOBILE}px)`,\n  \n  tdDown: `@media (max-width: ${Breakpoints.BREAK_POINT_TABLET - 1}px)`,\n  tdOnly: `@media (min-width: ${Breakpoints.BREAK_POINT_MOBILE\n    }px) and (max-width: ${Breakpoints.BREAK_POINT_TABLET - 1}px)`,\n  tdUp: `@media (min-width: ${Breakpoints.BREAK_POINT_TABLET}px)`,\n  \n  pcUp: `@media (min-width: ${Breakpoints.BREAK_POINT_PC}px)`,\n  pcOnly: `@media (min-width: ${Breakpoints.BREAK_POINT_TABLET}px) and (max-width: ${Breakpoints.BREAK_POINT_PC - 1}px)`,\n  pcDown: `@media (max-width: ${Breakpoints.BREAK_POINT_PC - 1}px)`,\n}\n\nexport const getBoundariesFromMediaQueryKey = (key?: keyof typeof MediaQueries) => {\n  // zero mean not set\n  switch(key) {\n    case 'smbDown': return [0, Breakpoints.BREAK_POINT_SMALL_MOBILE - 1]\n    case 'smbUp': return [Breakpoints.BREAK_POINT_SMALL_MOBILE, 0]\n\n    case 'mbDown': return [0, Breakpoints.BREAK_POINT_MOBILE - 1]\n    case 'mbOnly': return [Breakpoints.BREAK_POINT_SMALL_MOBILE, Breakpoints.BREAK_POINT_MOBILE - 1]\n    case 'mbUp': return [Breakpoints.BREAK_POINT_MOBILE, 0]\n\n    case 'tdDown': return [0, Breakpoints.BREAK_POINT_TABLET - 1]\n    case 'tdOnly': return [Breakpoints.BREAK_POINT_MOBILE, Breakpoints.BREAK_POINT_TABLET - 1]\n    case 'tdUp': return [Breakpoints.BREAK_POINT_TABLET, 0]\n\n    case 'pcUp': return [Breakpoints.BREAK_POINT_PC, 0]\n    case 'pcOnly': return [Breakpoints.BREAK_POINT_TABLET, Breakpoints.BREAK_POINT_PC - 1]\n    case 'pcDown': return [0, Breakpoints.BREAK_POINT_PC - 1]\n  }\n}","void function(global) {\n\n  'use strict';\n\n  //  ValueError :: String -> Error\n  function ValueError(message) {\n    var err = new Error(message);\n    err.name = 'ValueError';\n    return err;\n  }\n\n  //  create :: Object -> String,*... -> String\n  function create(transformers) {\n    return function(template) {\n      var args = Array.prototype.slice.call(arguments, 1);\n      var idx = 0;\n      var state = 'UNDEFINED';\n\n      return template.replace(\n        /([{}])\\1|[{](.*?)(?:!(.+?))?[}]/g,\n        function(match, literal, _key, xf) {\n          if (literal != null) {\n            return literal;\n          }\n          var key = _key;\n          if (key.length > 0) {\n            if (state === 'IMPLICIT') {\n              throw ValueError('cannot switch from ' +\n                               'implicit to explicit numbering');\n            }\n            state = 'EXPLICIT';\n          } else {\n            if (state === 'EXPLICIT') {\n              throw ValueError('cannot switch from ' +\n                               'explicit to implicit numbering');\n            }\n            state = 'IMPLICIT';\n            key = String(idx);\n            idx += 1;\n          }\n\n          //  1.  Split the key into a lookup path.\n          //  2.  If the first path component is not an index, prepend '0'.\n          //  3.  Reduce the lookup path to a single result. If the lookup\n          //      succeeds the result is a singleton array containing the\n          //      value at the lookup path; otherwise the result is [].\n          //  4.  Unwrap the result by reducing with '' as the default value.\n          var path = key.split('.');\n          var value = (/^\\d+$/.test(path[0]) ? path : ['0'].concat(path))\n            .reduce(function(maybe, key) {\n              return maybe.reduce(function(_, x) {\n                return x != null && key in Object(x) ?\n                  [typeof x[key] === 'function' ? x[key]() : x[key]] :\n                  [];\n              }, []);\n            }, [args])\n            .reduce(function(_, x) { return x; }, '');\n\n          if (xf == null) {\n            return value;\n          } else if (Object.prototype.hasOwnProperty.call(transformers, xf)) {\n            return transformers[xf](value);\n          } else {\n            throw ValueError('no transformer named \"' + xf + '\"');\n          }\n        }\n      );\n    };\n  }\n\n  //  format :: String,*... -> String\n  var format = create({});\n\n  //  format.create :: Object -> String,*... -> String\n  format.create = create;\n\n  //  format.extend :: Object,Object -> ()\n  format.extend = function(prototype, transformers) {\n    var $format = create(transformers);\n    prototype.format = function() {\n      var args = Array.prototype.slice.call(arguments);\n      args.unshift(this);\n      return $format.apply(global, args);\n    };\n  };\n\n  /* istanbul ignore else */\n  if (typeof module !== 'undefined') {\n    module.exports = format;\n  } else if (typeof define === 'function' && define.amd) {\n    define(function() { return format; });\n  } else {\n    global.format = format;\n  }\n\n}.call(this, this);\n","import { useContext, useMemo } from 'react'\n\nimport { defaultTranslations, TranslationsKey } from 'i18n/translations'\nimport { TranslationsContext } from 'i18n/translationsContext'\nimport { LocaleType } from 'interfaces/types'\nimport formatString from 'string-format'\n\ntype UseTranslationsReturn<L> = {\n  locale: L\n  t: (k: TranslationsKey, option?: { [key: string]: any }) => string\n}\n\nexport function useTranslations<L = LocaleType>(): UseTranslationsReturn<L> {\n  const { values, locale } = useContext(TranslationsContext) || {\n    locale: 'en-PH',\n  }\n  return useMemo(\n    () => ({\n      t(k, option?) {\n        if (!values) {\n          console.error(\n            '[useTranslations] t method called before translation values are loaded',\n          )\n          return k\n        }\n        if (values[k]) {\n          return option ? formatString(values[k] || k, option) : values[k] || k\n        }\n        console.warn(\n          `[useTranslations] Missing translation for key ${k} and locale ${locale}`,\n        )\n        return option\n          ? formatString(defaultTranslations[k] || k, option)\n          : defaultTranslations[k] || k\n      },\n      // @ts-ignore\n      locale,\n    }),\n    [values, locale],\n  )\n}\n"],"names":["logDeprecate","spLayout","pcLayout","tdLayout","mbLayout","console","error","style","exps","_i","arguments","length","css","templateObject_1","__makeTemplateObject","BREAK_POINT","apply","__spreadArray","templateObject_2","BREAK_POINT_TABLET","useBreakpointMobile","makeParams","params","paramKeys","Object","keys","map","k","concat","join","formatUrlWithPageParam","path","page","queryPageName","_a","split","urlPart","queryPart","urlObj","URLSearchParams","forEach","val","key","Number","String","toggleNoScroll","isNoScroll","window","document","documentElement","classList","toggle","body","Breakpoints","BREAK_POINT_SMALL_MOBILE","BREAK_POINT_MOBILE","BREAK_POINT_PC","MediaQueries","smbDown","smbUp","mbDown","mbOnly","mbUp","tdDown","tdOnly","tdUp","pcUp","pcOnly","pcDown","getBoundariesFromMediaQueryKey","global","ValueError","message","err","Error","name","create","transformers","template","args","Array","prototype","slice","call","idx","state","replace","match","literal","_key","xf","value","test","reduce","maybe","_","x","hasOwnProperty","format","extend","$format","unshift","this","module","exports","useTranslations","useContext","TranslationsContext","locale","values","useMemo","t","option","formatString","warn","defaultTranslations"],"mappings":"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"}

package/build/hooks/useCSSFocusPopupHelper.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-export declare const useCSSFocusPopupHelper: <T = HTMLDivElement>(configs?: {
+import { MouseEvent } from 'react';
+export declare const useCSSFocusPopupHelper: <T = HTMLDivElement, ButtonType = HTMLDivElement>(configs?: {
     allowBgScroll?: boolean;
 }) => {
     containerRef: import("react").MutableRefObject<T & HTMLElement>;
-    focusTimeRef: import("react").MutableRefObject<number>;
     onContainerFocus: () => void;
     onContainerBlur: () => void;
-    onButtonClick: () => void;
+    onButtonMouseDown: (e: MouseEvent<ButtonType, globalThis.MouseEvent>) => void;
     onClose: () => void;
 };

package/build/hooks/useFbDataLayer.d.ts

@@ -0,0 +1,2 @@
+import { UserInfo } from 'interfaces/types';
+export declare const useFbDataLayer: (userInfo?: UserInfo | null) => void;

package/build/i18n.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./translationsProvider-4f6e12c9.js"),r=require("./translationsContext-63e3e5ec.js");require("./tslib.es6-f7929e76.js"),require("react"),exports.TranslationsProvider=e.TranslationsProvider,exports.translationsMap=e.translationsMap,exports.TranslationsContext=r.TranslationsContext,exports.defaultTranslations=r.defaultTranslations;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("./translationsProvider-eb4d9fd6.js"),e=require("./translationsContext-351bc1a7.js");require("./tslib.es6-f7929e76.js"),require("react"),exports.TranslationsProvider=r.TranslationsProvider,exports.translationsMap=r.translationsMap,exports.TranslationsContext=e.TranslationsContext,exports.defaultTranslations=e.defaultTranslations;
 //# sourceMappingURL=i18n.js.map