@transferwise/components 46.45.0 → 46.46.1

package/build/common/hooks/useConditionalListener/useConditionalListener.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConditionalListener.mjs","sources":["../../../../src/common/hooks/useConditionalListener/useConditionalListener.ts"],"sourcesContent":["import { isUndefined } from '@transferwise/neptune-validation';\nimport { useEffect } from 'react';\n\nimport { ParentElement } from '../..';\n\ntype Data = {\n  attachListener: boolean;\n  callback: EventListenerOrEventListenerObject;\n  eventType: string;\n  parent: ParentElement | undefined;\n};\n\nexport const useConditionalListener = ({ attachListener, callback, eventType, parent }: Data) => {\n  useEffect(() => {\n    if (attachListener && !isUndefined(parent)) {\n      parent.addEventListener(eventType, callback, true);\n    }\n\n    return () => {\n      if (!isUndefined(parent)) {\n        parent.removeEventListener(eventType, callback, true);\n      }\n    };\n  }, [attachListener, callback, eventType, parent]);\n};\n"],"names":["useConditionalListener","attachListener","callback","eventType","parent","useEffect","isUndefined","addEventListener","removeEventListener"],"mappings":";;;AAYO,MAAMA,sBAAsB,GAAGA,CAAC;EAAEC,cAAc;EAAEC,QAAQ;EAAEC,SAAS;AAAEC,EAAAA,MAAAA;AAAM,CAAQ,KAAI;AAC9FC,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,IAAIJ,cAAc,IAAI,CAACK,WAAW,CAACF,MAAM,CAAC,EAAE;MAC1CA,MAAM,CAACG,gBAAgB,CAACJ,SAAS,EAAED,QAAQ,EAAE,IAAI,CAAC,CAAA;AACpD,KAAA;AAEA,IAAA,OAAO,MAAK;AACV,MAAA,IAAI,CAACI,WAAW,CAACF,MAAM,CAAC,EAAE;QACxBA,MAAM,CAACI,mBAAmB,CAACL,SAAS,EAAED,QAAQ,EAAE,IAAI,CAAC,CAAA;AACvD,OAAA;KACD,CAAA;GACF,EAAE,CAACD,cAAc,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,CAAC,CAAC,CAAA;AACnD;;;;"}

package/build/common/hooks/useDirection/useDirection.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var React = require('react');
+var DirectionProvider = require('../../../provider/direction/DirectionProvider.js');
+
+const useDirection = () => {
+  const direction = React.useContext(DirectionProvider.DirectionContext);
+  return {
+    direction,
+    isRTL: direction === 'rtl'
+  };
+};
+
+exports.useDirection = useDirection;
+//# sourceMappingURL=useDirection.js.map

package/build/common/hooks/useDirection/useDirection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDirection.js","sources":["../../../../src/common/hooks/useDirection/useDirection.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { DirectionContext } from '../../../provider/direction/DirectionProvider';\nimport { LayoutDirection } from '../../direction';\n\nexport const useDirection = (): { direction: LayoutDirection; isRTL: boolean } => {\n  const direction = useContext(DirectionContext);\n  return {\n    direction,\n    isRTL: direction === 'rtl',\n  };\n};\n"],"names":["useDirection","direction","useContext","DirectionContext","isRTL"],"mappings":";;;;;AAKaA,MAAAA,YAAY,GAAGA,MAAqD;AAC/E,EAAA,MAAMC,SAAS,GAAGC,gBAAU,CAACC,kCAAgB,CAAC,CAAA;EAC9C,OAAO;IACLF,SAAS;IACTG,KAAK,EAAEH,SAAS,KAAK,KAAA;GACtB,CAAA;AACH;;;;"}

package/build/common/hooks/useDirection/useDirection.mjs

@@ -0,0 +1,13 @@
+import { useContext } from 'react';
+import { DirectionContext } from '../../../provider/direction/DirectionProvider.mjs';
+
+const useDirection = () => {
+  const direction = useContext(DirectionContext);
+  return {
+    direction,
+    isRTL: direction === 'rtl'
+  };
+};
+
+export { useDirection };
+//# sourceMappingURL=useDirection.mjs.map

package/build/common/hooks/useDirection/useDirection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDirection.mjs","sources":["../../../../src/common/hooks/useDirection/useDirection.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { DirectionContext } from '../../../provider/direction/DirectionProvider';\nimport { LayoutDirection } from '../../direction';\n\nexport const useDirection = (): { direction: LayoutDirection; isRTL: boolean } => {\n  const direction = useContext(DirectionContext);\n  return {\n    direction,\n    isRTL: direction === 'rtl',\n  };\n};\n"],"names":["useDirection","direction","useContext","DirectionContext","isRTL"],"mappings":";;;AAKaA,MAAAA,YAAY,GAAGA,MAAqD;AAC/E,EAAA,MAAMC,SAAS,GAAGC,UAAU,CAACC,gBAAgB,CAAC,CAAA;EAC9C,OAAO;IACLF,SAAS;IACTG,KAAK,EAAEH,SAAS,KAAK,KAAA;GACtB,CAAA;AACH;;;;"}

package/build/common/hooks/useEffectEvent.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+
+/*
+ * Inspired by:
+ *
+ * - https://react.dev/learn/separating-events-from-effects#declaring-an-effect-event
+ * - https://legacy.reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback
+ */
+function useEffectEvent(callback) {
+  const ref = React.useRef(() => {
+    throw new Error('Cannot call an event handler while rendering.');
+  });
+  React.useEffect(() => {
+    ref.current = callback;
+  });
+  return React.useCallback((...args) => ref.current(...args), []);
+}
+
+exports.useEffectEvent = useEffectEvent;
+//# sourceMappingURL=useEffectEvent.js.map

package/build/common/hooks/useEffectEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEffectEvent.js","sources":["../../../src/common/hooks/useEffectEvent.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\n/*\n * Inspired by:\n *\n * - https://react.dev/learn/separating-events-from-effects#declaring-an-effect-event\n * - https://legacy.reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n */\n\nexport function useEffectEvent<A extends unknown[], R>(\n  callback: (...args: A) => R,\n): typeof callback {\n  const ref = useRef<typeof callback>(() => {\n    throw new Error('Cannot call an event handler while rendering.');\n  });\n\n  useEffect(() => {\n    ref.current = callback;\n  });\n\n  return useCallback((...args) => ref.current(...args), []);\n}\n"],"names":["useEffectEvent","callback","ref","useRef","Error","useEffect","current","useCallback","args"],"mappings":";;;;AAEA;;;;;AAKG;AAEG,SAAUA,cAAcA,CAC5BC,QAA2B,EAAA;AAE3B,EAAA,MAAMC,GAAG,GAAGC,YAAM,CAAkB,MAAK;AACvC,IAAA,MAAM,IAAIC,KAAK,CAAC,+CAA+C,CAAC,CAAA;AAClE,GAAC,CAAC,CAAA;AAEFC,EAAAA,eAAS,CAAC,MAAK;IACbH,GAAG,CAACI,OAAO,GAAGL,QAAQ,CAAA;AACxB,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOM,iBAAW,CAAC,CAAC,GAAGC,IAAI,KAAKN,GAAG,CAACI,OAAO,CAAC,GAAGE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;AAC3D;;;;"}

package/build/common/hooks/useEffectEvent.mjs

@@ -0,0 +1,20 @@
+import { useRef, useEffect, useCallback } from 'react';
+
+/*
+ * Inspired by:
+ *
+ * - https://react.dev/learn/separating-events-from-effects#declaring-an-effect-event
+ * - https://legacy.reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback
+ */
+function useEffectEvent(callback) {
+  const ref = useRef(() => {
+    throw new Error('Cannot call an event handler while rendering.');
+  });
+  useEffect(() => {
+    ref.current = callback;
+  });
+  return useCallback((...args) => ref.current(...args), []);
+}
+
+export { useEffectEvent };
+//# sourceMappingURL=useEffectEvent.mjs.map

package/build/common/hooks/useEffectEvent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEffectEvent.mjs","sources":["../../../src/common/hooks/useEffectEvent.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\n/*\n * Inspired by:\n *\n * - https://react.dev/learn/separating-events-from-effects#declaring-an-effect-event\n * - https://legacy.reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n */\n\nexport function useEffectEvent<A extends unknown[], R>(\n  callback: (...args: A) => R,\n): typeof callback {\n  const ref = useRef<typeof callback>(() => {\n    throw new Error('Cannot call an event handler while rendering.');\n  });\n\n  useEffect(() => {\n    ref.current = callback;\n  });\n\n  return useCallback((...args) => ref.current(...args), []);\n}\n"],"names":["useEffectEvent","callback","ref","useRef","Error","useEffect","current","useCallback","args"],"mappings":";;AAEA;;;;;AAKG;AAEG,SAAUA,cAAcA,CAC5BC,QAA2B,EAAA;AAE3B,EAAA,MAAMC,GAAG,GAAGC,MAAM,CAAkB,MAAK;AACvC,IAAA,MAAM,IAAIC,KAAK,CAAC,+CAA+C,CAAC,CAAA;AAClE,GAAC,CAAC,CAAA;AAEFC,EAAAA,SAAS,CAAC,MAAK;IACbH,GAAG,CAACI,OAAO,GAAGL,QAAQ,CAAA;AACxB,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOM,WAAW,CAAC,CAAC,GAAGC,IAAI,KAAKN,GAAG,CAACI,OAAO,CAAC,GAAGE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;AAC3D;;;;"}

package/build/common/hooks/useHasIntersected/useHasIntersected.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var React = require('react');
+
+const ObserverParams = {
+  threshold: 0.1
+};
+
+/**
+ * useHasIntersected.
+ * Use this custom hook to detect when an element has became visible inside the viewport. This hook checks only if the intersection happend.
+ * Once the intersection has happened the hook will not return false even if the element gets out of the viewport.
+ *
+ * @param elRef.elRef
+ * @param {object} [elRef] - node object that contains a react reference to the element that needs to be observed.
+ * @param {strimng} [loading = 'eager'] - string that contains the type of loading.
+ * @param elRef.loading
+ * @usage `const [hasIntersected] = useHasIntersected({imageRef,loading});`
+ */
+const useHasIntersected = ({
+  elRef,
+  loading
+}) => {
+  const [hasIntersected, setHasIntersected] = React.useState(false);
+  const {
+    current
+  } = elRef || {};
+  const isValidReference = () => {
+    return elRef && current;
+  };
+  const handleOnIntersect = (entries, observer) => {
+    entries.forEach(entry => {
+      if (entry.isIntersecting) {
+        setHasIntersected(true);
+        observer.unobserve(current);
+      }
+    });
+  };
+  React.useEffect(() => {
+    let observer;
+    let didCancel = false;
+
+    // Check if window is define for SSR and Old browsers fallback
+    if (typeof window === 'undefined' || !window.IntersectionObserver || !isValidReference()) {
+      setHasIntersected(true);
+    } else if (!didCancel) {
+      observer = new IntersectionObserver(handleOnIntersect, ObserverParams);
+      observer.observe(current);
+    }
+    return () => {
+      didCancel = true;
+      if (observer) {
+        observer.unobserve(current);
+      }
+    };
+  }, [elRef]);
+  if (loading === 'eager') {
+    return [false];
+  }
+  return [hasIntersected];
+};
+
+exports.useHasIntersected = useHasIntersected;
+//# sourceMappingURL=useHasIntersected.js.map

package/build/common/hooks/useHasIntersected/useHasIntersected.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHasIntersected.js","sources":["../../../../src/common/hooks/useHasIntersected/useHasIntersected.js"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst ObserverParams = {\n  threshold: 0.1,\n};\n\n/**\n * useHasIntersected.\n * Use this custom hook to detect when an element has became visible inside the viewport. This hook checks only if the intersection happend.\n * Once the intersection has happened the hook will not return false even if the element gets out of the viewport.\n *\n * @param elRef.elRef\n * @param {object} [elRef] - node object that contains a react reference to the element that needs to be observed.\n * @param {strimng} [loading = 'eager'] - string that contains the type of loading.\n * @param elRef.loading\n * @usage `const [hasIntersected] = useHasIntersected({imageRef,loading});`\n */\nexport const useHasIntersected = ({ elRef, loading }) => {\n  const [hasIntersected, setHasIntersected] = useState(false);\n\n  const { current } = elRef || {};\n\n  const isValidReference = () => {\n    return elRef && current;\n  };\n\n  const handleOnIntersect = (entries, observer) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        setHasIntersected(true);\n        observer.unobserve(current);\n      }\n    });\n  };\n\n  useEffect(() => {\n    let observer;\n    let didCancel = false;\n\n    // Check if window is define for SSR and Old browsers fallback\n    if (typeof window === 'undefined' || !window.IntersectionObserver || !isValidReference()) {\n      setHasIntersected(true);\n    } else if (!didCancel) {\n      observer = new IntersectionObserver(handleOnIntersect, ObserverParams);\n      observer.observe(current);\n    }\n    return () => {\n      didCancel = true;\n      if (observer) {\n        observer.unobserve(current);\n      }\n    };\n  }, [elRef]);\n\n  if (loading === 'eager') {\n    return [false];\n  }\n\n  return [hasIntersected];\n};\n"],"names":["ObserverParams","threshold","useHasIntersected","elRef","loading","hasIntersected","setHasIntersected","useState","current","isValidReference","handleOnIntersect","entries","observer","forEach","entry","isIntersecting","unobserve","useEffect","didCancel","window","IntersectionObserver","observe"],"mappings":";;;;AAEA,MAAMA,cAAc,GAAG;AACrBC,EAAAA,SAAS,EAAE,GAAA;AACb,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,KAAK;AAAEC,EAAAA,OAAAA;AAAQ,CAAC,KAAK;EACvD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;EAE3D,MAAM;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAGL,KAAK,IAAI,EAAE,CAAA;EAE/B,MAAMM,gBAAgB,GAAGA,MAAM;IAC7B,OAAON,KAAK,IAAIK,OAAO,CAAA;GACxB,CAAA;AAED,EAAA,MAAME,iBAAiB,GAAGA,CAACC,OAAO,EAAEC,QAAQ,KAAK;AAC/CD,IAAAA,OAAO,CAACE,OAAO,CAAEC,KAAK,IAAK;MACzB,IAAIA,KAAK,CAACC,cAAc,EAAE;QACxBT,iBAAiB,CAAC,IAAI,CAAC,CAAA;AACvBM,QAAAA,QAAQ,CAACI,SAAS,CAACR,OAAO,CAAC,CAAA;AAC7B,OAAA;AACF,KAAC,CAAC,CAAA;GACH,CAAA;AAEDS,EAAAA,eAAS,CAAC,MAAM;AACd,IAAA,IAAIL,QAAQ,CAAA;IACZ,IAAIM,SAAS,GAAG,KAAK,CAAA;;AAErB;AACA,IAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,IAAI,CAACA,MAAM,CAACC,oBAAoB,IAAI,CAACX,gBAAgB,EAAE,EAAE;MACxFH,iBAAiB,CAAC,IAAI,CAAC,CAAA;AACzB,KAAC,MAAM,IAAI,CAACY,SAAS,EAAE;AACrBN,MAAAA,QAAQ,GAAG,IAAIQ,oBAAoB,CAACV,iBAAiB,EAAEV,cAAc,CAAC,CAAA;AACtEY,MAAAA,QAAQ,CAACS,OAAO,CAACb,OAAO,CAAC,CAAA;AAC3B,KAAA;AACA,IAAA,OAAO,MAAM;AACXU,MAAAA,SAAS,GAAG,IAAI,CAAA;AAChB,MAAA,IAAIN,QAAQ,EAAE;AACZA,QAAAA,QAAQ,CAACI,SAAS,CAACR,OAAO,CAAC,CAAA;AAC7B,OAAA;KACD,CAAA;AACH,GAAC,EAAE,CAACL,KAAK,CAAC,CAAC,CAAA;EAEX,IAAIC,OAAO,KAAK,OAAO,EAAE;IACvB,OAAO,CAAC,KAAK,CAAC,CAAA;AAChB,GAAA;EAEA,OAAO,CAACC,cAAc,CAAC,CAAA;AACzB;;;;"}

package/build/common/hooks/useHasIntersected/useHasIntersected.mjs

@@ -0,0 +1,62 @@
+import { useState, useEffect } from 'react';
+
+const ObserverParams = {
+  threshold: 0.1
+};
+
+/**
+ * useHasIntersected.
+ * Use this custom hook to detect when an element has became visible inside the viewport. This hook checks only if the intersection happend.
+ * Once the intersection has happened the hook will not return false even if the element gets out of the viewport.
+ *
+ * @param elRef.elRef
+ * @param {object} [elRef] - node object that contains a react reference to the element that needs to be observed.
+ * @param {strimng} [loading = 'eager'] - string that contains the type of loading.
+ * @param elRef.loading
+ * @usage `const [hasIntersected] = useHasIntersected({imageRef,loading});`
+ */
+const useHasIntersected = ({
+  elRef,
+  loading
+}) => {
+  const [hasIntersected, setHasIntersected] = useState(false);
+  const {
+    current
+  } = elRef || {};
+  const isValidReference = () => {
+    return elRef && current;
+  };
+  const handleOnIntersect = (entries, observer) => {
+    entries.forEach(entry => {
+      if (entry.isIntersecting) {
+        setHasIntersected(true);
+        observer.unobserve(current);
+      }
+    });
+  };
+  useEffect(() => {
+    let observer;
+    let didCancel = false;
+
+    // Check if window is define for SSR and Old browsers fallback
+    if (typeof window === 'undefined' || !window.IntersectionObserver || !isValidReference()) {
+      setHasIntersected(true);
+    } else if (!didCancel) {
+      observer = new IntersectionObserver(handleOnIntersect, ObserverParams);
+      observer.observe(current);
+    }
+    return () => {
+      didCancel = true;
+      if (observer) {
+        observer.unobserve(current);
+      }
+    };
+  }, [elRef]);
+  if (loading === 'eager') {
+    return [false];
+  }
+  return [hasIntersected];
+};
+
+export { useHasIntersected };
+//# sourceMappingURL=useHasIntersected.mjs.map

package/build/common/hooks/useHasIntersected/useHasIntersected.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHasIntersected.mjs","sources":["../../../../src/common/hooks/useHasIntersected/useHasIntersected.js"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst ObserverParams = {\n  threshold: 0.1,\n};\n\n/**\n * useHasIntersected.\n * Use this custom hook to detect when an element has became visible inside the viewport. This hook checks only if the intersection happend.\n * Once the intersection has happened the hook will not return false even if the element gets out of the viewport.\n *\n * @param elRef.elRef\n * @param {object} [elRef] - node object that contains a react reference to the element that needs to be observed.\n * @param {strimng} [loading = 'eager'] - string that contains the type of loading.\n * @param elRef.loading\n * @usage `const [hasIntersected] = useHasIntersected({imageRef,loading});`\n */\nexport const useHasIntersected = ({ elRef, loading }) => {\n  const [hasIntersected, setHasIntersected] = useState(false);\n\n  const { current } = elRef || {};\n\n  const isValidReference = () => {\n    return elRef && current;\n  };\n\n  const handleOnIntersect = (entries, observer) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        setHasIntersected(true);\n        observer.unobserve(current);\n      }\n    });\n  };\n\n  useEffect(() => {\n    let observer;\n    let didCancel = false;\n\n    // Check if window is define for SSR and Old browsers fallback\n    if (typeof window === 'undefined' || !window.IntersectionObserver || !isValidReference()) {\n      setHasIntersected(true);\n    } else if (!didCancel) {\n      observer = new IntersectionObserver(handleOnIntersect, ObserverParams);\n      observer.observe(current);\n    }\n    return () => {\n      didCancel = true;\n      if (observer) {\n        observer.unobserve(current);\n      }\n    };\n  }, [elRef]);\n\n  if (loading === 'eager') {\n    return [false];\n  }\n\n  return [hasIntersected];\n};\n"],"names":["ObserverParams","threshold","useHasIntersected","elRef","loading","hasIntersected","setHasIntersected","useState","current","isValidReference","handleOnIntersect","entries","observer","forEach","entry","isIntersecting","unobserve","useEffect","didCancel","window","IntersectionObserver","observe"],"mappings":";;AAEA,MAAMA,cAAc,GAAG;AACrBC,EAAAA,SAAS,EAAE,GAAA;AACb,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,KAAK;AAAEC,EAAAA,OAAAA;AAAQ,CAAC,KAAK;EACvD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;EAE3D,MAAM;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAGL,KAAK,IAAI,EAAE,CAAA;EAE/B,MAAMM,gBAAgB,GAAGA,MAAM;IAC7B,OAAON,KAAK,IAAIK,OAAO,CAAA;GACxB,CAAA;AAED,EAAA,MAAME,iBAAiB,GAAGA,CAACC,OAAO,EAAEC,QAAQ,KAAK;AAC/CD,IAAAA,OAAO,CAACE,OAAO,CAAEC,KAAK,IAAK;MACzB,IAAIA,KAAK,CAACC,cAAc,EAAE;QACxBT,iBAAiB,CAAC,IAAI,CAAC,CAAA;AACvBM,QAAAA,QAAQ,CAACI,SAAS,CAACR,OAAO,CAAC,CAAA;AAC7B,OAAA;AACF,KAAC,CAAC,CAAA;GACH,CAAA;AAEDS,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIL,QAAQ,CAAA;IACZ,IAAIM,SAAS,GAAG,KAAK,CAAA;;AAErB;AACA,IAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,IAAI,CAACA,MAAM,CAACC,oBAAoB,IAAI,CAACX,gBAAgB,EAAE,EAAE;MACxFH,iBAAiB,CAAC,IAAI,CAAC,CAAA;AACzB,KAAC,MAAM,IAAI,CAACY,SAAS,EAAE;AACrBN,MAAAA,QAAQ,GAAG,IAAIQ,oBAAoB,CAACV,iBAAiB,EAAEV,cAAc,CAAC,CAAA;AACtEY,MAAAA,QAAQ,CAACS,OAAO,CAACb,OAAO,CAAC,CAAA;AAC3B,KAAA;AACA,IAAA,OAAO,MAAM;AACXU,MAAAA,SAAS,GAAG,IAAI,CAAA;AAChB,MAAA,IAAIN,QAAQ,EAAE;AACZA,QAAAA,QAAQ,CAACI,SAAS,CAACR,OAAO,CAAC,CAAA;AAC7B,OAAA;KACD,CAAA;AACH,GAAC,EAAE,CAACL,KAAK,CAAC,CAAC,CAAA;EAEX,IAAIC,OAAO,KAAK,OAAO,EAAE;IACvB,OAAO,CAAC,KAAK,CAAC,CAAA;AAChB,GAAA;EAEA,OAAO,CAACC,cAAc,CAAC,CAAA;AACzB;;;;"}

package/build/common/hooks/useLayout/useLayout.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var breakpoint = require('../../propsValues/breakpoint.js');
+var useScreenSize = require('../useScreenSize.js');
+
+/**
+ * @deprecated Prefer `useScreenSize` instead.
+ */
+const useLayout = () => {
+  const screenXs = useScreenSize.useScreenSize(breakpoint.Breakpoint.EXTRA_SMALL);
+  const screenSm = useScreenSize.useScreenSize(breakpoint.Breakpoint.SMALL);
+  const screenMd = useScreenSize.useScreenSize(breakpoint.Breakpoint.MEDIUM);
+  const screenLg = useScreenSize.useScreenSize(breakpoint.Breakpoint.LARGE);
+  const screenXl = useScreenSize.useScreenSize(breakpoint.Breakpoint.EXTRA_LARGE);
+  return {
+    isMobile: screenSm != null ? !screenSm : undefined,
+    isExtraSmall: screenXs,
+    isSmall: screenSm,
+    isMedium: screenMd,
+    isLarge: screenLg,
+    isExtraLarge: screenXl
+  };
+};
+
+exports.useLayout = useLayout;
+//# sourceMappingURL=useLayout.js.map

package/build/common/hooks/useLayout/useLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayout.js","sources":["../../../../src/common/hooks/useLayout/useLayout.ts"],"sourcesContent":["import { Breakpoint } from '../../propsValues/breakpoint';\nimport { useScreenSize } from '../useScreenSize';\n\n/**\n * @deprecated Prefer `useScreenSize` instead.\n */\nexport const useLayout = (): {\n  isMobile: boolean | undefined;\n  isExtraSmall: boolean | undefined;\n  isSmall: boolean | undefined;\n  isMedium: boolean | undefined;\n  isLarge: boolean | undefined;\n  isExtraLarge: boolean | undefined;\n} => {\n  const screenXs = useScreenSize(Breakpoint.EXTRA_SMALL);\n  const screenSm = useScreenSize(Breakpoint.SMALL);\n  const screenMd = useScreenSize(Breakpoint.MEDIUM);\n  const screenLg = useScreenSize(Breakpoint.LARGE);\n  const screenXl = useScreenSize(Breakpoint.EXTRA_LARGE);\n\n  return {\n    isMobile: screenSm != null ? !screenSm : undefined,\n    isExtraSmall: screenXs,\n    isSmall: screenSm,\n    isMedium: screenMd,\n    isLarge: screenLg,\n    isExtraLarge: screenXl,\n  };\n};\n"],"names":["useLayout","screenXs","useScreenSize","Breakpoint","EXTRA_SMALL","screenSm","SMALL","screenMd","MEDIUM","screenLg","LARGE","screenXl","EXTRA_LARGE","isMobile","undefined","isExtraSmall","isSmall","isMedium","isLarge","isExtraLarge"],"mappings":";;;;;AAGA;;AAEG;AACUA,MAAAA,SAAS,GAAGA,MAOrB;AACF,EAAA,MAAMC,QAAQ,GAAGC,2BAAa,CAACC,qBAAU,CAACC,WAAW,CAAC,CAAA;AACtD,EAAA,MAAMC,QAAQ,GAAGH,2BAAa,CAACC,qBAAU,CAACG,KAAK,CAAC,CAAA;AAChD,EAAA,MAAMC,QAAQ,GAAGL,2BAAa,CAACC,qBAAU,CAACK,MAAM,CAAC,CAAA;AACjD,EAAA,MAAMC,QAAQ,GAAGP,2BAAa,CAACC,qBAAU,CAACO,KAAK,CAAC,CAAA;AAChD,EAAA,MAAMC,QAAQ,GAAGT,2BAAa,CAACC,qBAAU,CAACS,WAAW,CAAC,CAAA;EAEtD,OAAO;IACLC,QAAQ,EAAER,QAAQ,IAAI,IAAI,GAAG,CAACA,QAAQ,GAAGS,SAAS;AAClDC,IAAAA,YAAY,EAAEd,QAAQ;AACtBe,IAAAA,OAAO,EAAEX,QAAQ;AACjBY,IAAAA,QAAQ,EAAEV,QAAQ;AAClBW,IAAAA,OAAO,EAAET,QAAQ;AACjBU,IAAAA,YAAY,EAAER,QAAAA;GACf,CAAA;AACH;;;;"}

package/build/common/hooks/useLayout/useLayout.mjs

@@ -0,0 +1,24 @@
+import { Breakpoint } from '../../propsValues/breakpoint.mjs';
+import { useScreenSize } from '../useScreenSize.mjs';
+
+/**
+ * @deprecated Prefer `useScreenSize` instead.
+ */
+const useLayout = () => {
+  const screenXs = useScreenSize(Breakpoint.EXTRA_SMALL);
+  const screenSm = useScreenSize(Breakpoint.SMALL);
+  const screenMd = useScreenSize(Breakpoint.MEDIUM);
+  const screenLg = useScreenSize(Breakpoint.LARGE);
+  const screenXl = useScreenSize(Breakpoint.EXTRA_LARGE);
+  return {
+    isMobile: screenSm != null ? !screenSm : undefined,
+    isExtraSmall: screenXs,
+    isSmall: screenSm,
+    isMedium: screenMd,
+    isLarge: screenLg,
+    isExtraLarge: screenXl
+  };
+};
+
+export { useLayout };
+//# sourceMappingURL=useLayout.mjs.map

package/build/common/hooks/useLayout/useLayout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayout.mjs","sources":["../../../../src/common/hooks/useLayout/useLayout.ts"],"sourcesContent":["import { Breakpoint } from '../../propsValues/breakpoint';\nimport { useScreenSize } from '../useScreenSize';\n\n/**\n * @deprecated Prefer `useScreenSize` instead.\n */\nexport const useLayout = (): {\n  isMobile: boolean | undefined;\n  isExtraSmall: boolean | undefined;\n  isSmall: boolean | undefined;\n  isMedium: boolean | undefined;\n  isLarge: boolean | undefined;\n  isExtraLarge: boolean | undefined;\n} => {\n  const screenXs = useScreenSize(Breakpoint.EXTRA_SMALL);\n  const screenSm = useScreenSize(Breakpoint.SMALL);\n  const screenMd = useScreenSize(Breakpoint.MEDIUM);\n  const screenLg = useScreenSize(Breakpoint.LARGE);\n  const screenXl = useScreenSize(Breakpoint.EXTRA_LARGE);\n\n  return {\n    isMobile: screenSm != null ? !screenSm : undefined,\n    isExtraSmall: screenXs,\n    isSmall: screenSm,\n    isMedium: screenMd,\n    isLarge: screenLg,\n    isExtraLarge: screenXl,\n  };\n};\n"],"names":["useLayout","screenXs","useScreenSize","Breakpoint","EXTRA_SMALL","screenSm","SMALL","screenMd","MEDIUM","screenLg","LARGE","screenXl","EXTRA_LARGE","isMobile","undefined","isExtraSmall","isSmall","isMedium","isLarge","isExtraLarge"],"mappings":";;;AAGA;;AAEG;AACUA,MAAAA,SAAS,GAAGA,MAOrB;AACF,EAAA,MAAMC,QAAQ,GAAGC,aAAa,CAACC,UAAU,CAACC,WAAW,CAAC,CAAA;AACtD,EAAA,MAAMC,QAAQ,GAAGH,aAAa,CAACC,UAAU,CAACG,KAAK,CAAC,CAAA;AAChD,EAAA,MAAMC,QAAQ,GAAGL,aAAa,CAACC,UAAU,CAACK,MAAM,CAAC,CAAA;AACjD,EAAA,MAAMC,QAAQ,GAAGP,aAAa,CAACC,UAAU,CAACO,KAAK,CAAC,CAAA;AAChD,EAAA,MAAMC,QAAQ,GAAGT,aAAa,CAACC,UAAU,CAACS,WAAW,CAAC,CAAA;EAEtD,OAAO;IACLC,QAAQ,EAAER,QAAQ,IAAI,IAAI,GAAG,CAACA,QAAQ,GAAGS,SAAS;AAClDC,IAAAA,YAAY,EAAEd,QAAQ;AACtBe,IAAAA,OAAO,EAAEX,QAAQ;AACjBY,IAAAA,QAAQ,EAAEV,QAAQ;AAClBW,IAAAA,OAAO,EAAET,QAAQ;AACjBU,IAAAA,YAAY,EAAER,QAAAA;GACf,CAAA;AACH;;;;"}

package/build/common/hooks/useMedia.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var React = require('react');
+
+function useMedia(query) {
+  return React.useSyncExternalStore(onStoreChange => {
+    const mediaQueryList = window.matchMedia(query);
+    mediaQueryList.addEventListener('change', onStoreChange);
+    return () => {
+      mediaQueryList.removeEventListener('change', onStoreChange);
+    };
+  }, () => typeof window !== 'undefined' ? window.matchMedia(query).matches : undefined, () => undefined);
+}
+
+exports.useMedia = useMedia;
+//# sourceMappingURL=useMedia.js.map

package/build/common/hooks/useMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMedia.js","sources":["../../../src/common/hooks/useMedia.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nexport function useMedia(query: string) {\n  return useSyncExternalStore(\n    (onStoreChange) => {\n      const mediaQueryList = window.matchMedia(query);\n      mediaQueryList.addEventListener('change', onStoreChange);\n      return () => {\n        mediaQueryList.removeEventListener('change', onStoreChange);\n      };\n    },\n    () => (typeof window !== 'undefined' ? window.matchMedia(query).matches : undefined),\n    () => undefined,\n  );\n}\n"],"names":["useMedia","query","useSyncExternalStore","onStoreChange","mediaQueryList","window","matchMedia","addEventListener","removeEventListener","matches","undefined"],"mappings":";;;;AAEM,SAAUA,QAAQA,CAACC,KAAa,EAAA;EACpC,OAAOC,0BAAoB,CACxBC,aAAa,IAAI;AAChB,IAAA,MAAMC,cAAc,GAAGC,MAAM,CAACC,UAAU,CAACL,KAAK,CAAC,CAAA;AAC/CG,IAAAA,cAAc,CAACG,gBAAgB,CAAC,QAAQ,EAAEJ,aAAa,CAAC,CAAA;AACxD,IAAA,OAAO,MAAK;AACVC,MAAAA,cAAc,CAACI,mBAAmB,CAAC,QAAQ,EAAEL,aAAa,CAAC,CAAA;KAC5D,CAAA;GACF,EACD,MAAO,OAAOE,MAAM,KAAK,WAAW,GAAGA,MAAM,CAACC,UAAU,CAACL,KAAK,CAAC,CAACQ,OAAO,GAAGC,SAAU,EACpF,MAAMA,SAAS,CAChB,CAAA;AACH;;;;"}

package/build/common/hooks/useMedia.mjs

@@ -0,0 +1,14 @@
+import { useSyncExternalStore } from 'react';
+
+function useMedia(query) {
+  return useSyncExternalStore(onStoreChange => {
+    const mediaQueryList = window.matchMedia(query);
+    mediaQueryList.addEventListener('change', onStoreChange);
+    return () => {
+      mediaQueryList.removeEventListener('change', onStoreChange);
+    };
+  }, () => typeof window !== 'undefined' ? window.matchMedia(query).matches : undefined, () => undefined);
+}
+
+export { useMedia };
+//# sourceMappingURL=useMedia.mjs.map

package/build/common/hooks/useMedia.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMedia.mjs","sources":["../../../src/common/hooks/useMedia.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nexport function useMedia(query: string) {\n  return useSyncExternalStore(\n    (onStoreChange) => {\n      const mediaQueryList = window.matchMedia(query);\n      mediaQueryList.addEventListener('change', onStoreChange);\n      return () => {\n        mediaQueryList.removeEventListener('change', onStoreChange);\n      };\n    },\n    () => (typeof window !== 'undefined' ? window.matchMedia(query).matches : undefined),\n    () => undefined,\n  );\n}\n"],"names":["useMedia","query","useSyncExternalStore","onStoreChange","mediaQueryList","window","matchMedia","addEventListener","removeEventListener","matches","undefined"],"mappings":";;AAEM,SAAUA,QAAQA,CAACC,KAAa,EAAA;EACpC,OAAOC,oBAAoB,CACxBC,aAAa,IAAI;AAChB,IAAA,MAAMC,cAAc,GAAGC,MAAM,CAACC,UAAU,CAACL,KAAK,CAAC,CAAA;AAC/CG,IAAAA,cAAc,CAACG,gBAAgB,CAAC,QAAQ,EAAEJ,aAAa,CAAC,CAAA;AACxD,IAAA,OAAO,MAAK;AACVC,MAAAA,cAAc,CAACI,mBAAmB,CAAC,QAAQ,EAAEL,aAAa,CAAC,CAAA;KAC5D,CAAA;GACF,EACD,MAAO,OAAOE,MAAM,KAAK,WAAW,GAAGA,MAAM,CAACC,UAAU,CAACL,KAAK,CAAC,CAACQ,OAAO,GAAGC,SAAU,EACpF,MAAMA,SAAS,CAChB,CAAA;AACH;;;;"}

package/build/common/hooks/useResizeObserver.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var React = require('react');
+var useEffectEvent = require('./useEffectEvent.js');
+
+function useResizeObserver(ref, callback) {
+  const handleCallback = useEffectEvent.useEffectEvent(callback);
+  React.useEffect(() => {
+    if (ref.current != null) {
+      const resizeObserver = new ResizeObserver(([entry]) => {
+        handleCallback(entry);
+      });
+      resizeObserver.observe(ref.current, {
+        box: 'border-box'
+      });
+      return () => {
+        resizeObserver.disconnect();
+      };
+    }
+    return () => {};
+  }, [handleCallback, ref]);
+}
+
+exports.useResizeObserver = useResizeObserver;
+//# sourceMappingURL=useResizeObserver.js.map

package/build/common/hooks/useResizeObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.js","sources":["../../../src/common/hooks/useResizeObserver.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useEffectEvent } from './useEffectEvent';\n\nexport function useResizeObserver(\n  ref: React.MutableRefObject<Element | null>,\n  callback: (entry: ResizeObserverEntry) => void,\n) {\n  const handleCallback = useEffectEvent(callback);\n  useEffect(() => {\n    if (ref.current != null) {\n      const resizeObserver = new ResizeObserver(([entry]) => {\n        handleCallback(entry);\n      });\n      resizeObserver.observe(ref.current, { box: 'border-box' });\n      return () => {\n        resizeObserver.disconnect();\n      };\n    }\n    return () => {};\n  }, [handleCallback, ref]);\n}\n"],"names":["useResizeObserver","ref","callback","handleCallback","useEffectEvent","useEffect","current","resizeObserver","ResizeObserver","entry","observe","box","disconnect"],"mappings":";;;;;AAIgB,SAAAA,iBAAiBA,CAC/BC,GAA2C,EAC3CC,QAA8C,EAAA;AAE9C,EAAA,MAAMC,cAAc,GAAGC,6BAAc,CAACF,QAAQ,CAAC,CAAA;AAC/CG,EAAAA,eAAS,CAAC,MAAK;AACb,IAAA,IAAIJ,GAAG,CAACK,OAAO,IAAI,IAAI,EAAE;MACvB,MAAMC,cAAc,GAAG,IAAIC,cAAc,CAAC,CAAC,CAACC,KAAK,CAAC,KAAI;QACpDN,cAAc,CAACM,KAAK,CAAC,CAAA;AACvB,OAAC,CAAC,CAAA;AACFF,MAAAA,cAAc,CAACG,OAAO,CAACT,GAAG,CAACK,OAAO,EAAE;AAAEK,QAAAA,GAAG,EAAE,YAAA;AAAY,OAAE,CAAC,CAAA;AAC1D,MAAA,OAAO,MAAK;QACVJ,cAAc,CAACK,UAAU,EAAE,CAAA;OAC5B,CAAA;AACH,KAAA;IACA,OAAO,MAAO,EAAC,CAAA;AACjB,GAAC,EAAE,CAACT,cAAc,EAAEF,GAAG,CAAC,CAAC,CAAA;AAC3B;;;;"}

package/build/common/hooks/useResizeObserver.mjs

@@ -0,0 +1,23 @@
+import { useEffect } from 'react';
+import { useEffectEvent } from './useEffectEvent.mjs';
+
+function useResizeObserver(ref, callback) {
+  const handleCallback = useEffectEvent(callback);
+  useEffect(() => {
+    if (ref.current != null) {
+      const resizeObserver = new ResizeObserver(([entry]) => {
+        handleCallback(entry);
+      });
+      resizeObserver.observe(ref.current, {
+        box: 'border-box'
+      });
+      return () => {
+        resizeObserver.disconnect();
+      };
+    }
+    return () => {};
+  }, [handleCallback, ref]);
+}
+
+export { useResizeObserver };
+//# sourceMappingURL=useResizeObserver.mjs.map

package/build/common/hooks/useResizeObserver.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.mjs","sources":["../../../src/common/hooks/useResizeObserver.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useEffectEvent } from './useEffectEvent';\n\nexport function useResizeObserver(\n  ref: React.MutableRefObject<Element | null>,\n  callback: (entry: ResizeObserverEntry) => void,\n) {\n  const handleCallback = useEffectEvent(callback);\n  useEffect(() => {\n    if (ref.current != null) {\n      const resizeObserver = new ResizeObserver(([entry]) => {\n        handleCallback(entry);\n      });\n      resizeObserver.observe(ref.current, { box: 'border-box' });\n      return () => {\n        resizeObserver.disconnect();\n      };\n    }\n    return () => {};\n  }, [handleCallback, ref]);\n}\n"],"names":["useResizeObserver","ref","callback","handleCallback","useEffectEvent","useEffect","current","resizeObserver","ResizeObserver","entry","observe","box","disconnect"],"mappings":";;;AAIgB,SAAAA,iBAAiBA,CAC/BC,GAA2C,EAC3CC,QAA8C,EAAA;AAE9C,EAAA,MAAMC,cAAc,GAAGC,cAAc,CAACF,QAAQ,CAAC,CAAA;AAC/CG,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,IAAIJ,GAAG,CAACK,OAAO,IAAI,IAAI,EAAE;MACvB,MAAMC,cAAc,GAAG,IAAIC,cAAc,CAAC,CAAC,CAACC,KAAK,CAAC,KAAI;QACpDN,cAAc,CAACM,KAAK,CAAC,CAAA;AACvB,OAAC,CAAC,CAAA;AACFF,MAAAA,cAAc,CAACG,OAAO,CAACT,GAAG,CAACK,OAAO,EAAE;AAAEK,QAAAA,GAAG,EAAE,YAAA;AAAY,OAAE,CAAC,CAAA;AAC1D,MAAA,OAAO,MAAK;QACVJ,cAAc,CAACK,UAAU,EAAE,CAAA;OAC5B,CAAA;AACH,KAAA;IACA,OAAO,MAAO,EAAC,CAAA;AACjB,GAAC,EAAE,CAACT,cAAc,EAAEF,GAAG,CAAC,CAAC,CAAA;AAC3B;;;;"}

package/build/common/hooks/useScreenSize.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var useMedia = require('./useMedia.js');
+
+function useScreenSize(size) {
+  return useMedia.useMedia(`(min-width: ${size}px)`);
+}
+
+exports.useScreenSize = useScreenSize;
+//# sourceMappingURL=useScreenSize.js.map

package/build/common/hooks/useScreenSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScreenSize.js","sources":["../../../src/common/hooks/useScreenSize.ts"],"sourcesContent":["import { Breakpoint } from '../propsValues/breakpoint';\n\nimport { useMedia } from './useMedia';\n\nexport function useScreenSize(size: Breakpoint) {\n  return useMedia(`(min-width: ${size}px)`);\n}\n"],"names":["useScreenSize","size","useMedia"],"mappings":";;;;AAIM,SAAUA,aAAaA,CAACC,IAAgB,EAAA;AAC5C,EAAA,OAAOC,iBAAQ,CAAC,CAAeD,YAAAA,EAAAA,IAAI,KAAK,CAAC,CAAA;AAC3C;;;;"}

package/build/common/hooks/useScreenSize.mjs

@@ -0,0 +1,8 @@
+import { useMedia } from './useMedia.mjs';
+
+function useScreenSize(size) {
+  return useMedia(`(min-width: ${size}px)`);
+}
+
+export { useScreenSize };
+//# sourceMappingURL=useScreenSize.mjs.map

package/build/common/hooks/useScreenSize.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScreenSize.mjs","sources":["../../../src/common/hooks/useScreenSize.ts"],"sourcesContent":["import { Breakpoint } from '../propsValues/breakpoint';\n\nimport { useMedia } from './useMedia';\n\nexport function useScreenSize(size: Breakpoint) {\n  return useMedia(`(min-width: ${size}px)`);\n}\n"],"names":["useScreenSize","size","useMedia"],"mappings":";;AAIM,SAAUA,aAAaA,CAACC,IAAgB,EAAA;AAC5C,EAAA,OAAOC,QAAQ,CAAC,CAAeD,YAAAA,EAAAA,IAAI,KAAK,CAAC,CAAA;AAC3C;;;;"}

package/build/common/hooks/useVirtualKeyboard.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var React = require('react');
+
+/**
+ * This progressive enhancement uses an experimental API, it might change,
+ * and at the time of authoring is not supported on iOS or mobile Firefox.
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/VirtualKeyboard
+ */
+function useVirtualKeyboard() {
+  React.useEffect(() => {
+    /* eslint-disable @typescript-eslint/no-unsafe-member-access, functional/immutable-data */
+    if ('virtualKeyboard' in navigator) {
+      const virtualKeyboard = navigator.virtualKeyboard;
+      const initialOverlaysContent = virtualKeyboard.overlaysContent;
+      virtualKeyboard.overlaysContent = true;
+      return () => {
+        virtualKeyboard.overlaysContent = initialOverlaysContent;
+      };
+    }
+    /* eslint-enable @typescript-eslint/no-unsafe-member-access, functional/immutable-data */
+  }, []);
+}
+
+exports.useVirtualKeyboard = useVirtualKeyboard;
+//# sourceMappingURL=useVirtualKeyboard.js.map

package/build/common/hooks/useVirtualKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualKeyboard.js","sources":["../../../src/common/hooks/useVirtualKeyboard.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * This progressive enhancement uses an experimental API, it might change,\n * and at the time of authoring is not supported on iOS or mobile Firefox.\n * @see https://developer.mozilla.org/en-US/docs/Web/API/VirtualKeyboard\n */\nexport function useVirtualKeyboard() {\n  useEffect(() => {\n    /* eslint-disable @typescript-eslint/no-unsafe-member-access, functional/immutable-data */\n    if ('virtualKeyboard' in navigator) {\n      const virtualKeyboard: any = navigator.virtualKeyboard;\n      const initialOverlaysContent: unknown = virtualKeyboard.overlaysContent;\n      virtualKeyboard.overlaysContent = true;\n      return () => {\n        virtualKeyboard.overlaysContent = initialOverlaysContent;\n      };\n    }\n    /* eslint-enable @typescript-eslint/no-unsafe-member-access, functional/immutable-data */\n  }, []);\n}\n"],"names":["useVirtualKeyboard","useEffect","navigator","virtualKeyboard","initialOverlaysContent","overlaysContent"],"mappings":";;;;AAEA;;;;AAIG;SACaA,kBAAkBA,GAAA;AAChCC,EAAAA,eAAS,CAAC,MAAK;AACb;IACA,IAAI,iBAAiB,IAAIC,SAAS,EAAE;AAClC,MAAA,MAAMC,eAAe,GAAQD,SAAS,CAACC,eAAe,CAAA;AACtD,MAAA,MAAMC,sBAAsB,GAAYD,eAAe,CAACE,eAAe,CAAA;MACvEF,eAAe,CAACE,eAAe,GAAG,IAAI,CAAA;AACtC,MAAA,OAAO,MAAK;QACVF,eAAe,CAACE,eAAe,GAAGD,sBAAsB,CAAA;OACzD,CAAA;AACH,KAAA;AACA;GACD,EAAE,EAAE,CAAC,CAAA;AACR;;;;"}

package/build/common/hooks/useVirtualKeyboard.mjs

@@ -0,0 +1,24 @@
+import { useEffect } from 'react';
+
+/**
+ * This progressive enhancement uses an experimental API, it might change,
+ * and at the time of authoring is not supported on iOS or mobile Firefox.
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/VirtualKeyboard
+ */
+function useVirtualKeyboard() {
+  useEffect(() => {
+    /* eslint-disable @typescript-eslint/no-unsafe-member-access, functional/immutable-data */
+    if ('virtualKeyboard' in navigator) {
+      const virtualKeyboard = navigator.virtualKeyboard;
+      const initialOverlaysContent = virtualKeyboard.overlaysContent;
+      virtualKeyboard.overlaysContent = true;
+      return () => {
+        virtualKeyboard.overlaysContent = initialOverlaysContent;
+      };
+    }
+    /* eslint-enable @typescript-eslint/no-unsafe-member-access, functional/immutable-data */
+  }, []);
+}
+
+export { useVirtualKeyboard };
+//# sourceMappingURL=useVirtualKeyboard.mjs.map

package/build/common/hooks/useVirtualKeyboard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualKeyboard.mjs","sources":["../../../src/common/hooks/useVirtualKeyboard.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * This progressive enhancement uses an experimental API, it might change,\n * and at the time of authoring is not supported on iOS or mobile Firefox.\n * @see https://developer.mozilla.org/en-US/docs/Web/API/VirtualKeyboard\n */\nexport function useVirtualKeyboard() {\n  useEffect(() => {\n    /* eslint-disable @typescript-eslint/no-unsafe-member-access, functional/immutable-data */\n    if ('virtualKeyboard' in navigator) {\n      const virtualKeyboard: any = navigator.virtualKeyboard;\n      const initialOverlaysContent: unknown = virtualKeyboard.overlaysContent;\n      virtualKeyboard.overlaysContent = true;\n      return () => {\n        virtualKeyboard.overlaysContent = initialOverlaysContent;\n      };\n    }\n    /* eslint-enable @typescript-eslint/no-unsafe-member-access, functional/immutable-data */\n  }, []);\n}\n"],"names":["useVirtualKeyboard","useEffect","navigator","virtualKeyboard","initialOverlaysContent","overlaysContent"],"mappings":";;AAEA;;;;AAIG;SACaA,kBAAkBA,GAAA;AAChCC,EAAAA,SAAS,CAAC,MAAK;AACb;IACA,IAAI,iBAAiB,IAAIC,SAAS,EAAE;AAClC,MAAA,MAAMC,eAAe,GAAQD,SAAS,CAACC,eAAe,CAAA;AACtD,MAAA,MAAMC,sBAAsB,GAAYD,eAAe,CAACE,eAAe,CAAA;MACvEF,eAAe,CAACE,eAAe,GAAG,IAAI,CAAA;AACtC,MAAA,OAAO,MAAK;QACVF,eAAe,CAACE,eAAe,GAAGD,sBAAsB,CAAA;OACzD,CAAA;AACH,KAAA;AACA;GACD,EAAE,EAAE,CAAC,CAAA;AACR;;;;"}

package/build/common/locale/index.js

@@ -0,0 +1,85 @@
+'use strict';
+
+var direction = require('../direction.js');
+
+const DEFAULT_LANG = 'en';
+const DEFAULT_LOCALE = 'en-GB';
+/**
+ * Languages written right-to-left.
+ */
+const RTL_LANGUAGES = ['ar', 'he'];
+/**
+ * @deprecated The source of truth for supported languages lives in Crab.
+ */
+const SUPPORTED_LANGUAGES = [DEFAULT_LANG, 'de', 'es', 'fr', 'hu', 'id', 'it', 'ja', 'pl', 'pt', 'ro', 'ru', 'th', 'tr', 'uk', 'zh'];
+/**
+ * Verifies and adjusts locale, replacing `_` with `-`.
+ *
+ * @param locale `es`, `es_ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.
+ * @returns `null` if locale is unrecognized by `Intl.Locale`.
+ */
+function adjustLocale(locale) {
+  const localeTrimmed = locale?.trim();
+  if (localeTrimmed) {
+    try {
+      return new Intl.Locale(localeTrimmed.replace('_', '-')).baseName;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    }
+  }
+  return null;
+}
+/**
+ * Provides corresponding lang (iso2) for provided locale.
+ *
+ * @deprecated The use of this function almost always breaks language variants
+ * e.g. Simplified and Traditional Chinese.
+ * There should be no use case for this function.
+ * To select the correct translations from a translations object, pass the
+ * locale directly into Crab's getLocalisedMessages.
+ * @param locale `es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.
+ * @returns Two-letter ISO 639-1 language code, falling back to `null` if locale is invalid or language is unsupported.
+ */
+function getLangFromLocale(locale) {
+  const adjustedLocale = adjustLocale(locale);
+  if (adjustedLocale != null) {
+    const {
+      language
+    } = new Intl.Locale(adjustedLocale);
+    if (SUPPORTED_LANGUAGES.includes(language)) {
+      return language;
+    }
+  }
+  return null;
+}
+/**
+ * Provides corresponding country code (iso2) for locales code with explicit region value.
+ *
+ * @param locale `es-ES`, `en-GB`, `ja-JP`, etc.
+ * @returns `null` if the locale is invalid or the region can‘t be identified.
+ */
+function getCountryFromLocale(locale) {
+  const adjustedLocale = adjustLocale(locale);
+  return adjustedLocale != null ? new Intl.Locale(adjustedLocale).region ?? null : null;
+}
+/**
+ * Provides the layout direction for a given locale.
+ *
+ * @param locale `es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.
+ * @returns The layout direction based on the locale, falling back to `Direction.LTR` if the locale is invalid or unsupported.
+ */
+function getDirectionFromLocale(locale) {
+  const adjustedLocale = adjustLocale(locale);
+  return adjustedLocale != null && RTL_LANGUAGES.includes(new Intl.Locale(adjustedLocale).language) ? direction.Direction.RTL : direction.Direction.LTR;
+}
+
+exports.DEFAULT_LANG = DEFAULT_LANG;
+exports.DEFAULT_LOCALE = DEFAULT_LOCALE;
+exports.RTL_LANGUAGES = RTL_LANGUAGES;
+exports.SUPPORTED_LANGUAGES = SUPPORTED_LANGUAGES;
+exports.adjustLocale = adjustLocale;
+exports.getCountryFromLocale = getCountryFromLocale;
+exports.getDirectionFromLocale = getDirectionFromLocale;
+exports.getLangFromLocale = getLangFromLocale;
+//# sourceMappingURL=index.js.map

package/build/common/locale/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/common/locale/index.ts"],"sourcesContent":["import { Direction } from '..';\n\nexport const DEFAULT_LANG = 'en';\nexport const DEFAULT_LOCALE = 'en-GB';\n\n/**\n * Languages written right-to-left.\n */\nexport const RTL_LANGUAGES = ['ar', 'he'];\n\n/**\n * @deprecated The source of truth for supported languages lives in Crab.\n */\nexport const SUPPORTED_LANGUAGES = [\n  DEFAULT_LANG,\n  'de',\n  'es',\n  'fr',\n  'hu',\n  'id',\n  'it',\n  'ja',\n  'pl',\n  'pt',\n  'ro',\n  'ru',\n  'th',\n  'tr',\n  'uk',\n  'zh',\n];\n\n/**\n * Verifies and adjusts locale, replacing `_` with `-`.\n *\n * @param locale `es`, `es_ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.\n * @returns `null` if locale is unrecognized by `Intl.Locale`.\n */\nexport function adjustLocale(locale: string) {\n  const localeTrimmed = locale?.trim();\n  if (localeTrimmed) {\n    try {\n      return new Intl.Locale(localeTrimmed.replace('_', '-')).baseName;\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.error(error);\n    }\n  }\n  return null;\n}\n\n/**\n * Provides corresponding lang (iso2) for provided locale.\n *\n * @deprecated The use of this function almost always breaks language variants\n * e.g. Simplified and Traditional Chinese.\n * There should be no use case for this function.\n * To select the correct translations from a translations object, pass the\n * locale directly into Crab's getLocalisedMessages.\n * @param locale `es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.\n * @returns Two-letter ISO 639-1 language code, falling back to `null` if locale is invalid or language is unsupported.\n */\nexport function getLangFromLocale(locale: string) {\n  const adjustedLocale = adjustLocale(locale);\n  if (adjustedLocale != null) {\n    const { language } = new Intl.Locale(adjustedLocale);\n    if (SUPPORTED_LANGUAGES.includes(language)) {\n      return language;\n    }\n  }\n  return null;\n}\n\n/**\n * Provides corresponding country code (iso2) for locales code with explicit region value.\n *\n * @param locale `es-ES`, `en-GB`, `ja-JP`, etc.\n * @returns `null` if the locale is invalid or the region can‘t be identified.\n */\nexport function getCountryFromLocale(locale: string) {\n  const adjustedLocale = adjustLocale(locale);\n  return adjustedLocale != null ? new Intl.Locale(adjustedLocale).region ?? null : null;\n}\n\n/**\n * Provides the layout direction for a given locale.\n *\n * @param locale `es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP`, etc.\n * @returns The layout direction based on the locale, falling back to `Direction.LTR` if the locale is invalid or unsupported.\n */\nexport function getDirectionFromLocale(locale: string) {\n  const adjustedLocale = adjustLocale(locale);\n  return adjustedLocale != null && RTL_LANGUAGES.includes(new Intl.Locale(adjustedLocale).language)\n    ? Direction.RTL\n    : Direction.LTR;\n}\n"],"names":["DEFAULT_LANG","DEFAULT_LOCALE","RTL_LANGUAGES","SUPPORTED_LANGUAGES","adjustLocale","locale","localeTrimmed","trim","Intl","Locale","replace","baseName","error","console","getLangFromLocale","adjustedLocale","language","includes","getCountryFromLocale","region","getDirectionFromLocale","Direction","RTL","LTR"],"mappings":";;;;AAEO,MAAMA,YAAY,GAAG,KAAI;AACzB,MAAMC,cAAc,GAAG,QAAO;AAErC;;AAEG;MACUC,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,EAAC;AAEzC;;AAEG;AACUC,MAAAA,mBAAmB,GAAG,CACjCH,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACL;AAED;;;;;AAKG;AACG,SAAUI,YAAYA,CAACC,MAAc,EAAA;AACzC,EAAA,MAAMC,aAAa,GAAGD,MAAM,EAAEE,IAAI,EAAE,CAAA;AACpC,EAAA,IAAID,aAAa,EAAE;IACjB,IAAI;AACF,MAAA,OAAO,IAAIE,IAAI,CAACC,MAAM,CAACH,aAAa,CAACI,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAA;KACjE,CAAC,OAAOC,KAAK,EAAE;AACd;AACAC,MAAAA,OAAO,CAACD,KAAK,CAACA,KAAK,CAAC,CAAA;AACtB,KAAA;AACF,GAAA;AACA,EAAA,OAAO,IAAI,CAAA;AACb,CAAA;AAEA;;;;;;;;;;AAUG;AACG,SAAUE,iBAAiBA,CAACT,MAAc,EAAA;AAC9C,EAAA,MAAMU,cAAc,GAAGX,YAAY,CAACC,MAAM,CAAC,CAAA;EAC3C,IAAIU,cAAc,IAAI,IAAI,EAAE;IAC1B,MAAM;AAAEC,MAAAA,QAAAA;AAAQ,KAAE,GAAG,IAAIR,IAAI,CAACC,MAAM,CAACM,cAAc,CAAC,CAAA;AACpD,IAAA,IAAIZ,mBAAmB,CAACc,QAAQ,CAACD,QAAQ,CAAC,EAAE;AAC1C,MAAA,OAAOA,QAAQ,CAAA;AACjB,KAAA;AACF,GAAA;AACA,EAAA,OAAO,IAAI,CAAA;AACb,CAAA;AAEA;;;;;AAKG;AACG,SAAUE,oBAAoBA,CAACb,MAAc,EAAA;AACjD,EAAA,MAAMU,cAAc,GAAGX,YAAY,CAACC,MAAM,CAAC,CAAA;AAC3C,EAAA,OAAOU,cAAc,IAAI,IAAI,GAAG,IAAIP,IAAI,CAACC,MAAM,CAACM,cAAc,CAAC,CAACI,MAAM,IAAI,IAAI,GAAG,IAAI,CAAA;AACvF,CAAA;AAEA;;;;;AAKG;AACG,SAAUC,sBAAsBA,CAACf,MAAc,EAAA;AACnD,EAAA,MAAMU,cAAc,GAAGX,YAAY,CAACC,MAAM,CAAC,CAAA;EAC3C,OAAOU,cAAc,IAAI,IAAI,IAAIb,aAAa,CAACe,QAAQ,CAAC,IAAIT,IAAI,CAACC,MAAM,CAACM,cAAc,CAAC,CAACC,QAAQ,CAAC,GAC7FK,mBAAS,CAACC,GAAG,GACbD,mBAAS,CAACE,GAAG,CAAA;AACnB;;;;;;;;;;;"}