@blux.ai/web-sdk 2.2.13 → 2.2.15

package/scripts/cafe24/dist/custom_scripts/vogoplay.d.ts

@@ -0,0 +1,6 @@
+declare global {
+    interface Window {
+        BluxClient: any;
+    }
+}
+export {};

package/scripts/cafe24/dist/custom_scripts/vogoplay.js

@@ -0,0 +1,147 @@
+import { BluxClient, AddCustomEvent, AddProductDetailViewEvent, AddSectionViewEvent, ItemRecommendation, } from "@blux.ai/web-sdk";
+const applicationId = "APP_ID";
+const bluxApiKey = "API_KEY";
+let bluxClient = null;
+const getBluxClientPromise = BluxClient.init({ applicationId, bluxApiKey });
+getBluxClientPromise.then((v) => {
+    bluxClient = v;
+});
+const getBluxClient = async () => {
+    if (bluxClient)
+        return bluxClient;
+    return await getBluxClientPromise;
+};
+async function initAndHandleEvents() {
+    try {
+        const cafe24Client = CAFE24API.init({
+            client_id: "gRSxaEXKARIpFrRcpAEhJB",
+            version: "2023-06-01",
+        });
+        const customerInfo = await new Promise((resolve, reject) => {
+            cafe24Client.getCustomerIDInfo((error, data) => {
+                if (error) {
+                    return reject(error);
+                }
+                resolve(data.id);
+            });
+        });
+        if (customerInfo.member_id) {
+            await bluxClient?.signIn(customerInfo.member_id);
+        }
+        const { pathname: pathName } = window.location;
+        if (pathName.startsWith("/product")) {
+            const searchParams = new URLSearchParams(window.location.search);
+            const productNo = searchParams.get("product_no") ?? pathName.split("/")[3];
+            const recommendationId = searchParams.get("recommendationId");
+            const prevPage = searchParams.get("prevPage");
+            if (productNo && productNo !== null && productNo !== "null") {
+                bluxClient?.sendEvent(new AddProductDetailViewEvent({
+                    item_id: productNo,
+                    recommendation_id: recommendationId ?? undefined,
+                    prev_section: prevPage ?? undefined, // 고객사에 prevPage로 전달 요청드렸으나 collectEvents에서는 prev_section 값을 from에 담음
+                }));
+            }
+        }
+        else if (pathName.startsWith("/order/orderform.html")) {
+            bluxClient?.sendEvent(new AddCustomEvent({
+                event_type: "orderform_view",
+                event_properties: {},
+            }));
+        }
+    }
+    catch (error) {
+        console.error("[BluxClient] Error during initialize and event handling.", error);
+    }
+}
+(async function handleSectionView() {
+    await getBluxClient();
+    await initAndHandleEvents();
+    const recViewCollectedRecIds = [];
+    registerIntersectionObserver();
+    const mutationObserver = new MutationObserver(registerIntersectionObserver);
+    const mutationObserverConfig = { subtree: true, childList: true };
+    mutationObserver.observe(document.body, mutationObserverConfig);
+    // Observer will observe every {BLUX_DOM_ELEMENT_TYPE} element
+    const BLUX_DOM_ELEMENT_TYPE = "div";
+    // which contains {BLUX_CLASSNAME_PREFIX} in its class name
+    const BLUX_CLASSNAME_PREFIX = "blux--";
+    // Parse section and recommendationId from class name
+    // ex) 'blux--homepage--asdfasdfasdf other-class-name1 other-class-name2' => ['homepage', 'asdfasdfasdf']
+    const getRecommendationInfo = (element) => {
+        const regex = new RegExp(`${BLUX_CLASSNAME_PREFIX}[^\\s]+`);
+        const bluxClassName = RegExp(regex).exec(element.className);
+        if (!bluxClassName)
+            return [null, null];
+        const recommendationInfo = bluxClassName[0]
+            .replace(BLUX_CLASSNAME_PREFIX, "")
+            .split("--");
+        if (recommendationInfo.length == 1)
+            return ["null", recommendationInfo[0]];
+        else if (recommendationInfo.length == 2)
+            return recommendationInfo;
+        else
+            return [null, null];
+    };
+    function getSection() {
+        const pathName = window.location.pathname;
+        if (pathName === "/")
+            return "homepage";
+        if (pathName.startsWith("/product"))
+            return "product_detail_page";
+        if (pathName.startsWith("/order/basket.html"))
+            return "cartadd_page";
+        return "null";
+    }
+    // IntersectionObserver 콜백 함수
+    /*
+      Intersection 발생 시 AddSectionViewEvent request 전송
+    */
+    async function sendSectionViewEvent(section, recommendationId) {
+        const recommendationViewEvent = new AddSectionViewEvent({
+            section: section === "null" ? getSection() : section,
+            recommendation_id: recommendationId,
+        });
+        bluxClient?.sendEvent(recommendationViewEvent);
+    }
+    // IntersectionObserver 콜백 함수
+    function handleIntersection(entries) {
+        entries.forEach((entry) => {
+            if (entry.isIntersecting) {
+                const [section, recommendationId] = getRecommendationInfo(entry.target);
+                if (section &&
+                    recommendationId &&
+                    recommendationId !== "undefined" &&
+                    recommendationId !== "" &&
+                    recommendationId !== "null" &&
+                    !recViewCollectedRecIds.includes(recommendationId)) {
+                    sendSectionViewEvent(section, recommendationId);
+                    recViewCollectedRecIds.push(recommendationId);
+                }
+            }
+        });
+    }
+    // Make IntersectionObserver to observe targetElements
+    // `entry.isIntersecting` is determined based on `threshold`
+    function registerIntersectionObserver() {
+        const targetElements = Array.from(document.querySelectorAll(`${BLUX_DOM_ELEMENT_TYPE}[class*="${BLUX_CLASSNAME_PREFIX}"]`));
+        if (targetElements.length > 0) {
+            targetElements.forEach((targetElement) => {
+                const observer = new IntersectionObserver(handleIntersection, {
+                    threshold: 0,
+                }); // Set `threshold` to 0 due to infinite scroll
+                observer.observe(targetElement);
+            });
+        }
+    }
+})();
+window.BluxClient = {
+    getItemRecommendation: async function ({ call_type, limit, offset, item_ids, }) {
+        await getBluxClient();
+        return await bluxClient?.getItemRecommendation(new ItemRecommendation({
+            call_type,
+            limit,
+            offset,
+            item_ids,
+        }));
+    },
+};

package/scripts/cafe24/dist/deploy_all.d.ts

@@ -0,0 +1 @@
+export {};