Merge branch 'dev'

.changeset/orange-cars-worry.md

@@ -0,0 +1,5 @@
+---
+"@frak-labs/nexus-sdk": patch
+---
+
+Add a `modalBuilder` to ease modal creation

example/vanilla-js/src/main.ts

@@ -5,7 +5,12 @@ import { setupFrakClient } from "./module/setupClient";
 import { displayWalletStatus } from "./module/walletStatus";
 
 // Export the setup function and config for use in other files
-window.FrakSetup = { frakConfig, frakClient: null, modalShare };
+window.FrakSetup = {
+    frakConfig,
+    frakClient: null,
+    modalShare,
+    modalBuilder: null,
+};
 
 document.addEventListener("DOMContentLoaded", () => {
     console.log("NexusSDK", window.NexusSDK);
@@ -16,22 +21,19 @@ document.addEventListener("DOMContentLoaded", () => {
             return;
         }
 
+        const modalStepBuilder = window.NexusSDK.modalBuilder(frakClient, {
+            metadata: {
+                lang: "fr",
+                isDismissible: true,
+            },
+            login: loginModalStep,
+        });
+
         window.FrakSetup.frakClient = frakClient;
+        window.FrakSetup.modalBuilder = modalStepBuilder;
 
         window.NexusSDK.referralInteraction(frakClient, {
-            modalConfig: {
-                steps: {
-                    login: loginModalStep,
-                    openSession: {},
-                    final: {
-                        action: { key: "reward" },
-                    },
-                },
-                metadata: {
-                    lang: "fr",
-                    isDismissible: true,
-                },
-            },
+            modalConfig: modalStepBuilder.reward().params,
             options: {
                 alwaysAppendUrl: true,
             },

example/vanilla-js/src/module/login.ts

@@ -1,5 +1,3 @@
-import { loginModalStep } from "./config";
-
 export function bindLoginButton() {
     const loginButton = document.getElementById("login-button");
     loginButton?.addEventListener("click", handleLogin);
@@ -19,20 +17,11 @@ async function handleLogin() {
     loginButton.textContent = "Logging in...";
 
     try {
-        if (!window.FrakSetup.frakClient) {
+        if (!window.FrakSetup.modalBuilder) {
             console.error("Frak client not initialized");
             return;
         }
-        await window.NexusSDK.displayModal(window.FrakSetup.frakClient, {
-            metadata: {
-                lang: "fr",
-                isDismissible: true,
-            },
-            steps: {
-                login: loginModalStep,
-                openSession: {},
-            },
-        });
+        await window.FrakSetup.modalBuilder.display();
         loginButton.textContent = "Logged In";
     } catch (error) {
         console.error("Login error:", error);

example/vanilla-js/src/module/modalShare.ts

@@ -1,29 +1,13 @@
-import { loginModalStep } from "./config";
-
 export function modalShare() {
-    const finalAction = {
-        key: "sharing",
-        options: {
-            popupTitle: "Share this article with your friends",
-            text: "Discover this awesome article",
-            link: typeof window !== "undefined" ? window.location.href : "",
-        },
-    } as const;
-    if (!window.FrakSetup.frakClient) {
+    if (!window.FrakSetup.modalBuilder) {
         console.error("Frak client not initialized");
         return;
     }
-    window.NexusSDK.displayModal(window.FrakSetup.frakClient, {
-        metadata: {
-            lang: "fr",
-            isDismissible: true,
-        },
-        steps: {
-            login: loginModalStep,
-            openSession: {},
-            final: {
-                action: finalAction,
-            },
-        },
-    });
+    window.FrakSetup.modalBuilder
+        .sharing({
+            popupTitle: "Share this article with your friends",
+            text: "Discover this awesome article",
+            link: typeof window !== "undefined" ? window.location.href : "",
+        })
+        .display();
 }

example/vanilla-js/src/types/globals.d.ts

@@ -1,5 +1,7 @@
 import type {
+    ModalBuilder,
     displayModal,
+    modalBuilder,
     referralInteraction,
     watchWalletStatus,
 } from "@frak-labs/nexus-sdk/actions";
@@ -18,11 +20,13 @@ declare global {
             displayModal: typeof displayModal;
             referralInteraction: typeof referralInteraction;
             watchWalletStatus: typeof watchWalletStatus;
+            modalBuilder: typeof modalBuilder;
         };
         FrakSetup: {
             frakConfig: NexusWalletSdkConfig;
             frakClient: NexusClient | null;
             modalShare: () => void;
+            modalBuilder: ModalBuilder | null;
         };
     }
 }

packages/backend-elysia/drizzle/dev/0005_bumpy_odin.sql

@@ -0,0 +1,10 @@
+-- Drop items that would conflict with the created index
+DELETE FROM "product_oracle_purchase_item"
+WHERE id NOT IN (
+    SELECT MIN(id)
+    FROM "product_oracle_purchase_item"
+    GROUP BY "external_id", "purchase_id"
+);
+
+-- Create the index
+CREATE UNIQUE INDEX IF NOT EXISTS "unique_external_purchase_item_id" ON "product_oracle_purchase_item" USING btree ("external_id","purchase_id");

packages/backend-elysia/drizzle/dev/0006_moaning_mastermind.sql

@@ -0,0 +1,8 @@
+DO $$ BEGIN
+ CREATE TYPE "public"."product_oracle_plateform" AS ENUM('shopify', 'woocommerce', 'custom');
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+ALTER TABLE "product_oracle" ADD COLUMN "plateform" "product_oracle_plateform" DEFAULT 'shopify' NOT NULL;--> statement-breakpoint
+ALTER TABLE "product_oracle_purchase_item" ADD COLUMN "image_url" varchar;

packages/backend-elysia/drizzle/dev/0007_flashy_shinko_yamashiro.sql

@@ -0,0 +1 @@
+ALTER TABLE "product_oracle" RENAME COLUMN "plateform" TO "platform";