@tapcart/mobile-components 0.7.0 → 0.7.2

package/dist/lib/utils.js

@@ -1,5 +1,7 @@
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
+import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
 export function cn(...inputs) {
     return twMerge(clsx(inputs));
 }
@@ -147,6 +149,28 @@ export function variantGidFromId(id) {
         return id;
     return `gid://shopify/ProductVariant/${id}`;
 }
+// Use to prevent multiple clicks in quick succession
+export function throttle(fn, wait) {
+    let throttle = false;
+    return [
+        function () {
+            return throttle;
+        },
+        function (...args) {
+            if (!throttle) {
+                fn(...args);
+                throttle = true;
+                setInterval(() => {
+                    throttle = false;
+                }, wait);
+            }
+        },
+    ];
+}
+export function formatRelativeTime(inputDate) {
+    dayjs.extend(relativeTime);
+    return dayjs(inputDate).fromNow();
+}
 export const stringRatioToInt = (string) => {
     const [numerator, denominator] = string
         .replace(":", "/")
@@ -166,4 +190,23 @@ export const getOverlayStyle = (opacity) => {
         backgroundColor: `rgba(0, 0, 0, ${opacityDecimal})`,
     };
 };
-// #endregion =-=-=-= END BLOCK UTILS =-=-=-=
+const DESTINATION_HANDLERS = {
+    "app-screen": (location, actions) => actions.openScreen({ destination: { type: "internal", url: location } }),
+    url: (location, actions) => actions.openScreen({
+        destination: { type: "web", url: `https://${location}` },
+    }),
+    product: (location, actions) => actions.openProduct({ productId: location }),
+    collection: (location, actions) => actions.openCollection({ collectionId: location }),
+    none: () => { },
+};
+export const getDestinationHandler = (type) => {
+    return DESTINATION_HANDLERS[type];
+};
+export function getProductGidsFromIds(ids) {
+    return ids.map((id) => {
+        if (id.startsWith("gid://shopify/Product/")) {
+            return id;
+        }
+        return `gid://shopify/Product/${id}`;
+    });
+}