@mohasinac/appkit 3.4.8 → 3.5.0

package/dist/react/hooks/useVisualViewportInset.js

@@ -0,0 +1,59 @@
+"use client";
+import { useEffect, useState } from "react";
+/**
+ * useVisualViewportInset Hook
+ *
+ * Tracks the height of the viewport obscured by the on-screen keyboard (or any
+ * other browser chrome that shrinks `window.visualViewport` without shrinking
+ * the layout viewport — the classic iOS Safari case). Writes the result to
+ * `document.documentElement` as `--keyboard-inset-height`, mirroring the
+ * `--header-height` / `--bottom-nav-height` pattern already used elsewhere in
+ * appkit (AppLayoutShell, BottomNavLayout) so any fixed/sticky element can
+ * react via pure CSS `calc()` without its own listener.
+ *
+ * No-ops (returns `false`, writes `0px`) when `window.visualViewport` is
+ * unsupported — older browsers keep today's fixed-to-layout-viewport behavior.
+ *
+ * @returns isKeyboardOpen - true once the obscured height crosses a small
+ *   threshold, for components that need to branch (e.g. hide a tab bar)
+ *   rather than just offset via the CSS variable.
+ *
+ * @example
+ * ```tsx
+ * const isKeyboardOpen = useVisualViewportInset();
+ * // other elements just read: bottom: calc(var(--keyboard-inset-height, 0px) + ...)
+ * ```
+ */
+const KEYBOARD_OPEN_THRESHOLD_PX = 60;
+export function useVisualViewportInset() {
+    const [isKeyboardOpen, setIsKeyboardOpen] = useState(false);
+    useEffect(() => {
+        if (typeof window === "undefined" || !window.visualViewport)
+            return;
+        const viewport = window.visualViewport;
+        const root = document.documentElement;
+        let rafId = null;
+        const apply = () => {
+            rafId = null;
+            const inset = Math.max(0, window.innerHeight - viewport.height - viewport.offsetTop);
+            root.style.setProperty("--keyboard-inset-height", `${inset}px`);
+            setIsKeyboardOpen(inset > KEYBOARD_OPEN_THRESHOLD_PX);
+        };
+        const schedule = () => {
+            if (rafId !== null)
+                return;
+            rafId = requestAnimationFrame(apply);
+        };
+        schedule();
+        viewport.addEventListener("resize", schedule);
+        viewport.addEventListener("scroll", schedule);
+        return () => {
+            if (rafId !== null)
+                cancelAnimationFrame(rafId);
+            viewport.removeEventListener("resize", schedule);
+            viewport.removeEventListener("scroll", schedule);
+            root.style.setProperty("--keyboard-inset-height", "0px");
+        };
+    }, []);
+    return isKeyboardOpen;
+}

package/dist/react/index.d.ts

@@ -6,6 +6,7 @@
  */
 export { useMediaQuery } from "./hooks/useMediaQuery";
 export { useBreakpoint } from "./hooks/useBreakpoint";
+export { useVisualViewportInset } from "./hooks/useVisualViewportInset";
 export { useClickOutside } from "./hooks/useClickOutside";
 export type { UseClickOutsideOptions } from "./hooks/useClickOutside";
 export { useKeyPress } from "./hooks/useKeyPress";

package/dist/react/index.js

@@ -7,6 +7,7 @@
 // Viewport / media breakpoints
 export { useMediaQuery } from "./hooks/useMediaQuery";
 export { useBreakpoint } from "./hooks/useBreakpoint";
+export { useVisualViewportInset } from "./hooks/useVisualViewportInset";
 // DOM interaction
 export { useClickOutside } from "./hooks/useClickOutside";
 export { useKeyPress } from "./hooks/useKeyPress";

package/dist/repositories/index.d.ts

@@ -29,6 +29,11 @@ export type { ClaimedCouponCreateInput } from "../features/promotions/repository
 export { FAQsRepository, FirebaseFAQsRepository, faqsRepository, } from "../features/faq/repository/faqs.repository";
 export { BlogRepository, blogRepository, } from "../features/blog/repository/blog.repository";
 export { payoutRepository } from "../features/payments/repository/payout.repository";
+export { jobsRepository, JobsRepository } from "../features/jobs/repository/jobs.repository";
+export { shipmentsRepository } from "../features/shipments/repository/shipments.repository";
+export { shipmentLotsRepository } from "../features/shipments/repository/shipment-lots.repository";
+export { shipmentItemsRepository } from "../features/shipments/repository/shipment-items.repository";
+export { catalogueRepository } from "../features/catalogue/repository/catalogue.repository";
 export { SavedPaymentMethodsRepository, savedPaymentMethodsRepository, } from "../features/payments/repository/saved-payment-methods.repository";
 export { GroupedListingsRepository, groupedListingsRepository, } from "../features/grouped/repository/grouped-listings.repository";
 export { payoutMethodsRepository, shippingConfigsRepository, analyticsCardsRepository, analyticsAlertsRepository, storeCategoriesRepository, listingTemplatesRepository, moderationQueueRepository, reportsRepository, itemRequestsRepository, storeWhatsAppConfigRepository, storeGoogleConfigRepository, PayoutMethodsRepository, ShippingConfigsRepository, AnalyticsCardsRepository, AnalyticsAlertsRepository, StoreCategoriesRepository, ListingTemplatesRepository, ModerationQueueRepository, ReportsRepository, ItemRequestsRepository, StoreWhatsAppConfigRepository, StoreGoogleConfigRepository, } from "../features/store-extensions/repository/store-extensions.repositories";

package/dist/repositories/index.js

@@ -35,6 +35,11 @@ export { ClaimedCouponsRepository, claimedCouponsRepository, } from "../features
 export { FAQsRepository, FirebaseFAQsRepository, faqsRepository, } from "../features/faq/repository/faqs.repository";
 export { BlogRepository, blogRepository, } from "../features/blog/repository/blog.repository";
 export { payoutRepository } from "../features/payments/repository/payout.repository";
+export { jobsRepository, JobsRepository } from "../features/jobs/repository/jobs.repository";
+export { shipmentsRepository } from "../features/shipments/repository/shipments.repository";
+export { shipmentLotsRepository } from "../features/shipments/repository/shipment-lots.repository";
+export { shipmentItemsRepository } from "../features/shipments/repository/shipment-items.repository";
+export { catalogueRepository } from "../features/catalogue/repository/catalogue.repository";
 export { SavedPaymentMethodsRepository, savedPaymentMethodsRepository, } from "../features/payments/repository/saved-payment-methods.repository";
 // Grouped listings repository
 export { GroupedListingsRepository, groupedListingsRepository, } from "../features/grouped/repository/grouped-listings.repository";