npm - @tapcart/mobile-components - Versions diffs - 0.15.2 → 0.16.1 - Mend

@tapcart/mobile-components 0.15.2 → 0.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (45) hide show

package/dist/components/core/button.d.ts +37 -0
package/dist/components/core/button.d.ts.map +1 -0
package/dist/components/core/button.js +44 -0
package/dist/components/core/html.d.ts +15 -0
package/dist/components/core/html.d.ts.map +1 -0
package/dist/components/core/html.js +45 -0
package/dist/components/core/text.d.ts +29 -0
package/dist/components/core/text.d.ts.map +1 -0
package/dist/components/core/text.js +88 -0
package/dist/components/hooks/use-nosto-recommendation.d.ts +4 -0
package/dist/components/hooks/use-nosto-recommendation.d.ts.map +1 -1
package/dist/components/hooks/use-nosto-recommendation.js +116 -23
package/dist/components/hooks/use-nosto-recommendation.queries.d.ts +0 -1
package/dist/components/hooks/use-nosto-recommendation.queries.d.ts.map +1 -1
package/dist/components/hooks/use-nosto-recommendation.queries.js +0 -3
package/dist/components/hooks/use-nosto-recommendation.test.js +168 -171
package/dist/components/hooks/use-products.d.ts.map +1 -1
package/dist/components/hooks/use-products.js +24 -4
package/dist/components/hooks/use-products.test.d.ts +2 -0
package/dist/components/hooks/use-products.test.d.ts.map +1 -0
package/dist/components/hooks/use-products.test.js +129 -0
package/dist/components/hooks/use-search-analytics-open-product.d.ts +3 -2
package/dist/components/hooks/use-search-analytics-open-product.d.ts.map +1 -1
package/dist/components/libs/cache/ProductsLocalStorage.d.ts.map +1 -1
package/dist/components/libs/cache/ProductsLocalStorage.js +32 -0
package/dist/components/libs/cache/ProductsLocalStorage.test.d.ts +2 -0
package/dist/components/libs/cache/ProductsLocalStorage.test.d.ts.map +1 -0
package/dist/components/libs/cache/ProductsLocalStorage.test.js +110 -0
package/dist/core/index.d.ts +99 -0
package/dist/core/index.d.ts.map +1 -0
package/dist/core/index.js +98 -0
package/dist/index.d.ts +5 -1
package/dist/index.d.ts.map +1 -1
package/dist/index.js +4 -1
package/dist/lib/get-data.d.ts +27 -0
package/dist/lib/get-data.d.ts.map +1 -0
package/dist/lib/get-data.js +65 -0
package/dist/lib/get-data.test.d.ts +2 -0
package/dist/lib/get-data.test.d.ts.map +1 -0
package/dist/lib/get-data.test.js +74 -0
package/dist/lib/to-html.d.ts +9 -0
package/dist/lib/to-html.d.ts.map +1 -0
package/dist/lib/to-html.js +102 -0
package/dist/styles.css +6 -0
package/package.json +1 -1

package/dist/lib/get-data.js ADDED Viewed

@@ -0,0 +1,65 @@
+import { toHtml } from "./to-html";
+/**
+ * getData — Universal content resolver for V2 blocks.
+ *
+ * Accepts either:
+ *   - a static HTML string (typography `content: "text"`) → returned as-is
+ *   - a DataSource `{ source, value }` (typography `content: "data"`, or a
+ *     data-source field) → resolved against Tapcart variables
+ *   - null/undefined (typography `content: "none"`, i.e. no `value`) → null
+ *
+ * This lets a block render every typography field identically, with no
+ * conditional branching on the `content` mode. `content: "none"` returns null
+ * (not "") so falsy guards work cleanly and no empty wrapper renders:
+ *   {getData(variables, field?.value) && (
+ *     <Html html={getData(variables, field?.value)} />
+ *   )}
+ *
+ * Note: a *data-source* that resolves to nothing still returns "" (it was a
+ * real binding that came back empty), only an absent value returns null.
+ *
+ * Never throws — returns empty string on any error.
+ */
+export function getData(variables, data) {
+    var _a, _b, _c;
+    try {
+        // No value (content: "none") — return null so falsy guards skip rendering.
+        if (data == null)
+            return null;
+        // Static rich-text (content: "text") — already HTML, pass through.
+        if (typeof data === "string")
+            return data;
+        if (!(data === null || data === void 0 ? void 0 : data.source) || !(data === null || data === void 0 ? void 0 : data.value))
+            return "";
+        if (data.source === "custom")
+            return data.value;
+        const obj = variables === null || variables === void 0 ? void 0 : variables[data.source];
+        if (!obj)
+            return "";
+        if (data.value.startsWith("metafields.")) {
+            const parts = data.value.split(".");
+            if (parts.length === 3) {
+                return toHtml(((_b = (_a = obj.metafields) === null || _a === void 0 ? void 0 : _a[parts[1]]) === null || _b === void 0 ? void 0 : _b[parts[2]]) || "");
+            }
+            return "";
+        }
+        const field = data.value;
+        if (field === "description")
+            return obj.descriptionHtml || obj.description || "";
+        if (field === "tags")
+            return (obj.tags || []).join(", ");
+        // Handle nested paths like priceRange.minVariantPrice.amount
+        if (field.includes(".")) {
+            const val = field.split(".").reduce((o, k) => o === null || o === void 0 ? void 0 : o[k], obj);
+            if (Array.isArray(val))
+                return val.join(", ");
+            return String(val !== null && val !== void 0 ? val : "");
+        }
+        // Nullish coalescing (not ||) so legitimate 0 / false values survive
+        // instead of being flattened to an empty string.
+        return String((_c = obj[field]) !== null && _c !== void 0 ? _c : "");
+    }
+    catch (_d) {
+        return "";
+    }
+}

package/dist/lib/get-data.test.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=get-data.test.d.ts.map

package/dist/lib/get-data.test.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"get-data.test.d.ts","sourceRoot":"","sources":["../../lib/get-data.test.ts"],"names":[],"mappings":""}

package/dist/lib/get-data.test.js ADDED Viewed

@@ -0,0 +1,74 @@
+/* eslint-env jest */
+import { getData } from "./get-data";
+describe("getData", () => {
+    const variables = {
+        product: {
+            descriptionHtml: "<p>Hello</p>",
+            description: "Hello",
+            tags: ["new", "sale"],
+            title: "Cool Product",
+            totalInventory: 0,
+            availableForSale: false,
+            metafields: {
+                custom: { subtitle: "A subtitle" },
+            },
+            priceRange: {
+                minVariantPrice: { amount: "19.99" },
+            },
+        },
+    };
+    describe("static rich-text (content: text)", () => {
+        it("returns a plain HTML string as-is", () => {
+            expect(getData(variables, "<p><strong>Hi</strong></p>")).toBe("<p><strong>Hi</strong></p>");
+        });
+        it("returns an empty string as-is", () => {
+            expect(getData(variables, "")).toBe("");
+        });
+        it("passes through even when variables is undefined", () => {
+            expect(getData(undefined, "<p>Static</p>")).toBe("<p>Static</p>");
+        });
+    });
+    describe("no value (content: none)", () => {
+        it("returns null for null (falsy-guard friendly)", () => {
+            expect(getData(variables, null)).toBeNull();
+        });
+        it("returns null for undefined", () => {
+            expect(getData(variables, undefined)).toBeNull();
+        });
+        it("returns empty string (not null) for a real data-source that came back empty", () => {
+            expect(getData(variables, { source: "", value: "" })).toBe("");
+        });
+    });
+    describe("data-source (content: data)", () => {
+        it("returns custom value as-is", () => {
+            expect(getData(variables, { source: "custom", value: "<p>x</p>" })).toBe("<p>x</p>");
+        });
+        it("resolves description", () => {
+            expect(getData(variables, { source: "product", value: "description" })).toBe("<p>Hello</p>");
+        });
+        it("resolves tags joined", () => {
+            expect(getData(variables, { source: "product", value: "tags" })).toBe("new, sale");
+        });
+        it("resolves a metafield", () => {
+            expect(getData(variables, {
+                source: "product",
+                value: "metafields.custom.subtitle",
+            })).toBe("<p>A subtitle</p>");
+        });
+        it("resolves a nested path", () => {
+            expect(getData(variables, {
+                source: "product",
+                value: "priceRange.minVariantPrice.amount",
+            })).toBe("19.99");
+        });
+        it("returns empty string when source object is missing", () => {
+            expect(getData(variables, { source: "customer", value: "firstName" })).toBe("");
+        });
+        it("preserves a numeric zero (not flattened to empty string)", () => {
+            expect(getData(variables, { source: "product", value: "totalInventory" })).toBe("0");
+        });
+        it("preserves a boolean false (not flattened to empty string)", () => {
+            expect(getData(variables, { source: "product", value: "availableForSale" })).toBe("false");
+        });
+    });
+});

package/dist/lib/to-html.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+/**
+ * toHtml — Universal content-to-HTML converter.
+ *
+ * Accepts any string: Shopify rich text JSON, plain HTML, or plain text.
+ * Always returns safe HTML ready for the Html component.
+ * Never throws — returns empty string on any error.
+ */
+export declare function toHtml(content: any): string;
+//# sourceMappingURL=to-html.d.ts.map

package/dist/lib/to-html.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"to-html.d.ts","sourceRoot":"","sources":["../../lib/to-html.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA2EH,wBAAgB,MAAM,CAAC,OAAO,EAAE,GAAG,GAAG,MAAM,CAkB3C"}

package/dist/lib/to-html.js ADDED Viewed

@@ -0,0 +1,102 @@
+/**
+ * toHtml — Universal content-to-HTML converter.
+ *
+ * Accepts any string: Shopify rich text JSON, plain HTML, or plain text.
+ * Always returns safe HTML ready for the Html component.
+ * Never throws — returns empty string on any error.
+ */
+function escHtml(s) {
+    return String(s)
+        .replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;");
+}
+function convertInline(node) {
+    try {
+        if (!(node === null || node === void 0 ? void 0 : node.type))
+            return "";
+        if (node.type === "text") {
+            let t = escHtml(node.value || "");
+            if (node.bold)
+                t = `<strong>${t}</strong>`;
+            if (node.italic)
+                t = `<em>${t}</em>`;
+            return t;
+        }
+        if (node.type === "link") {
+            const href = escHtml(node.url || "");
+            const children = (node.children || []).map(convertInline).join("");
+            return `<a href="${href}">${children}</a>`;
+        }
+        return "";
+    }
+    catch (_a) {
+        return "";
+    }
+}
+function convertNode(node) {
+    try {
+        if (!(node === null || node === void 0 ? void 0 : node.type))
+            return "";
+        switch (node.type) {
+            case "paragraph":
+                return `<p>${(node.children || []).map(convertInline).join("")}</p>`;
+            case "list": {
+                const tag = node.listType === "ordered" ? "ol" : "ul";
+                const items = (node.children || [])
+                    .filter((c) => c.type === "list-item")
+                    .map((item) => `<li>${(item.children || []).map(convertInline).join("")}</li>`)
+                    .join("");
+                return `<${tag}>${items}</${tag}>`;
+            }
+            case "heading": {
+                const lvl = Math.min(Math.max(node.level || 1, 1), 6);
+                return `<h${lvl}>${(node.children || [])
+                    .map(convertInline)
+                    .join("")}</h${lvl}>`;
+            }
+            default:
+                return "";
+        }
+    }
+    catch (_a) {
+        return "";
+    }
+}
+function parseShopifyRichText(text) {
+    try {
+        const obj = JSON.parse(text);
+        if (!obj || obj.type !== "root" || !Array.isArray(obj.children))
+            return null;
+        return obj.children.map(convertNode).join("");
+    }
+    catch (_a) {
+        return null;
+    }
+}
+function isHtml(text) {
+    return /<[a-z][\s\S]*>/i.test(text);
+}
+export function toHtml(content) {
+    try {
+        if (content == null)
+            return "";
+        if (typeof content !== "string")
+            return "";
+        if (content.trim() === "")
+            return "";
+        // Try Shopify rich text JSON first
+        const richText = parseShopifyRichText(content);
+        if (richText !== null)
+            return richText;
+        // Already HTML, pass through
+        if (isHtml(content))
+            return content;
+        // Plain text, wrap in paragraph
+        return `<p>${escHtml(content)}</p>`;
+    }
+    catch (_a) {
+        return "";
+    }
+}

package/dist/styles.css CHANGED Viewed

@@ -2917,6 +2917,9 @@ video {
 .opacity-100 {
   opacity: 1;
 }
+.opacity-25 {
+  opacity: 0.25;
+}
 .opacity-50 {
   opacity: 0.5;
 }
@@ -2926,6 +2929,9 @@ video {
 .opacity-70 {
   opacity: 0.7;
 }
+.opacity-75 {
+  opacity: 0.75;
+}
 .opacity-\[0\.42\] {
   opacity: 0.42;
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.15.2",
+  "version": "0.16.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",