@chaibuilder/pages 0.4.20-beta.2 → 0.5.0-beta.1

package/dist/server.d.ts

@@ -1,3 +1,4 @@
+import { ChaiBlock } from '@chaibuilder/runtime';
 import { ChaiPageProps } from '@chaibuilder/runtime';
 
 export declare const API_URL = "https://api.chaibuilder.com";
@@ -66,7 +67,10 @@ export declare class ChaiBuilderPages implements ChaiBuilderPagesInterface {
     getPageBySlug(slug: string): Promise<any>;
     getFullPage(id: string): Promise<any>;
     getSiteSettings(): Promise<any>;
-    getPageData(pageType: string, pageProps?: Partial<ChaiPageProps>): Promise<{
+    getPageData(blocks: ChaiBlock[], pageType: string, pageProps: {
+        slug: string;
+        params?: Record<string, string>;
+    }): Promise<{
         global: any;
     }>;
     getGlobalData(): Promise<any>;
@@ -140,7 +144,7 @@ export declare interface ChaiBuilderPagesInterface {
     getPageBySlug(slug: string): Promise<any>;
     getFullPage(id: string): Promise<any>;
     getSiteSettings(): Promise<any>;
-    getPageData(pageType: string, props: any): Promise<any>;
+    getPageData(blocks: ChaiBlock[], pageType: string, props: any): Promise<any>;
     getGlobalData(): Promise<any>;
 }
 

package/dist/server.js

@@ -1,30 +1,31 @@
-var C = Object.defineProperty;
-var L = (i, a, e) => a in i ? C(i, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[a] = e;
-var u = (i, a, e) => L(i, typeof a != "symbol" ? a + "" : a, e);
-import { isEmpty as p, get as y, first as _, startsWith as v, has as A } from "lodash-es";
-const g = {}, U = (i, a) => {
-  g[i] = { key: i, ...a, hasSlug: !0 };
-}, G = (i, a) => {
-  g[i] = { key: i, ...a, hasSlug: !1 };
-}, b = () => Object.values(g), l = (i) => g[i];
-let T = async (i) => ({
+var G = Object.defineProperty;
+var U = (i, a, e) => a in i ? G(i, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[a] = e;
+var p = (i, a, e) => U(i, typeof a != "symbol" ? a + "" : a, e);
+import { getRegisteredChaiBlock as D } from "@chaibuilder/runtime";
+import { get as b, isEmpty as T, omit as M, isFunction as O, first as B, startsWith as I, has as P } from "lodash-es";
+const k = {}, H = (i, a) => {
+  k[i] = { key: i, ...a, hasSlug: !0 };
+}, K = (i, a) => {
+  k[i] = { key: i, ...a, hasSlug: !1 };
+}, C = () => Object.values(k), A = (i) => k[i];
+let y = async (i) => ({
   ...i
 });
-const K = (i) => T = i, P = async (i) => {
+const Y = (i) => y = i, L = async (i) => {
   try {
-    return await T(i);
+    return await y(i);
   } catch (a) {
     return console.error(a), {};
   }
 };
-class D {
+class R {
   constructor(a) {
     this.backend = a;
   }
   async upload({
     file: a,
     folderId: e,
-    name: s
+    name: n
   }, t) {
     var o, c;
     return await ((c = (o = this.backend).handleAssetsAction) == null ? void 0 : c.call(
@@ -32,7 +33,7 @@ class D {
       {
         action: "UPLOAD_ASSET",
         data: {
-          name: s,
+          name: n,
           file: a,
           folderId: e
         }
@@ -41,17 +42,17 @@ class D {
     ));
   }
   async getAsset({ id: a }, e) {
-    var s, t;
-    return (t = (s = this.backend).handleAssetsAction) == null ? void 0 : t.call(
-      s,
+    var n, t;
+    return (t = (n = this.backend).handleAssetsAction) == null ? void 0 : t.call(
+      n,
       { action: "GET_ASSET", data: { id: a } },
       e
     );
   }
   async getAssets(a, e) {
-    var s, t;
-    return (t = (s = this.backend).handleAssetsAction) == null ? void 0 : t.call(
-      s,
+    var n, t;
+    return (t = (n = this.backend).handleAssetsAction) == null ? void 0 : t.call(
+      n,
       {
         action: "GET_ASSETS",
         data: a
@@ -60,9 +61,9 @@ class D {
     );
   }
   async deleteAsset({ id: a }, e) {
-    var s, t;
-    return (t = (s = this.backend).handleAssetsAction) == null ? void 0 : t.call(
-      s,
+    var n, t;
+    return (t = (n = this.backend).handleAssetsAction) == null ? void 0 : t.call(
+      n,
       {
         action: "DELETE_ASSET",
         data: { id: a }
@@ -73,26 +74,26 @@ class D {
   async updateAsset({
     id: a,
     file: e,
-    description: s
+    description: n
   }, t) {
-    var n, o;
-    return (o = (n = this.backend).handleAssetsAction) == null ? void 0 : o.call(
-      n,
+    var r, o;
+    return (o = (r = this.backend).handleAssetsAction) == null ? void 0 : o.call(
+      r,
       {
         action: "UPDATE_ASSET",
-        data: { id: a, file: e, description: s }
+        data: { id: a, file: e, description: n }
       },
       t
     );
   }
 }
-class M {
+class N {
   constructor(a) {
     this.backend = a;
   }
   async refreshToken(a) {
-    var s, t;
-    const e = await ((t = (s = this.backend).handleUsersAction) == null ? void 0 : t.call(s, {
+    var n, t;
+    const e = await ((t = (n = this.backend).handleUsersAction) == null ? void 0 : t.call(n, {
       action: "REFRESH_TOKEN",
       data: a
     }));
@@ -102,12 +103,12 @@ class M {
     email: a,
     password: e
   }) {
-    var t, n;
-    const s = await ((n = (t = this.backend).handleUsersAction) == null ? void 0 : n.call(t, {
+    var t, r;
+    const n = await ((r = (t = this.backend).handleUsersAction) == null ? void 0 : r.call(t, {
       action: "LOGIN",
       data: { email: a, password: e }
     }));
-    return s.error ? { error: s.error } : s;
+    return n.error ? { error: n.error } : n;
   }
   async logout() {
     var a, e;
@@ -116,9 +117,9 @@ class M {
     }));
   }
   async isUserActive(a) {
-    var s, t;
-    return (await ((t = (s = this.backend).handleUsersAction) == null ? void 0 : t.call(
-      s,
+    var n, t;
+    return (await ((t = (n = this.backend).handleUsersAction) == null ? void 0 : t.call(
+      n,
       {
         action: "CHECK_USER_STATUS"
       },
@@ -126,9 +127,9 @@ class M {
     ))).success;
   }
   async getUserRoleAndPermissions(a) {
-    var s, t;
-    return await ((t = (s = this.backend).handleUsersAction) == null ? void 0 : t.call(
-      s,
+    var n, t;
+    return await ((t = (n = this.backend).handleUsersAction) == null ? void 0 : t.call(
+      n,
       {
         action: "GET_ROLE_AND_PERMISSIONS"
       },
@@ -136,8 +137,8 @@ class M {
     ));
   }
   async getUserInfo(a, e) {
-    var t, n;
-    return await ((n = (t = this.backend).handleUsersAction) == null ? void 0 : n.call(
+    var t, r;
+    return await ((r = (t = this.backend).handleUsersAction) == null ? void 0 : r.call(
       t,
       {
         action: "GET_CHAI_USER",
@@ -147,7 +148,7 @@ class M {
     ));
   }
 }
-const I = {
+const j = {
   ab: "Abkhazian",
   aa: "Afar",
   af: "Afrikaans",
@@ -335,26 +336,26 @@ const I = {
   yo: "Yoruba",
   za: "Zhuang, Chuang",
   zu: "Zulu"
-};
-class N {
-  constructor(a, e, s) {
-    u(this, "fallbackLang", "");
-    u(this, "currentLang", "");
-    u(this, "draftMode", !1);
-    this.backend = a, this.chaiUsers = e, this.chaiAssets = s, this._registerDefaultPageTypes(), this.chaiUsers = e ?? new M(this.backend), this.chaiAssets = s ?? new D(this.backend);
+}, v = {}, F = () => Object.values(v), _ = (i) => b(v, i);
+class $ {
+  constructor(a, e, n) {
+    p(this, "fallbackLang", "");
+    p(this, "currentLang", "");
+    p(this, "draftMode", !1);
+    this.backend = a, this.chaiUsers = e, this.chaiAssets = n, this._registerDefaultPageTypes(), this.chaiUsers = e ?? new N(this.backend), this.chaiAssets = n ?? new R(this.backend);
   }
   _registerDefaultPageTypes() {
-    U("page", {
+    H("page", {
       name: "Static Page",
       icon: '<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M5 8V20H19V8H5ZM5 6H19V4H5V6ZM20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM7 10H11V14H7V10ZM7 16H17V18H7V16ZM13 11H17V13H13V11Z"></path></svg>'
-    }), G("global", {
+    }), K("global", {
       name: "Global Block",
       helpText: "A global block can be reused in multiple pages.",
       icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-4 h-4 text-slate-500 stroke-[1]"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg>'
     });
   }
   setFallbackLang(a) {
-    if (p(a))
+    if (T(a))
       throw new Error("Fallback language cannot be empty");
     this.fallbackLang = a;
   }
@@ -362,7 +363,7 @@ class N {
     return this.fallbackLang;
   }
   setCurrentLang(a) {
-    if (p(a))
+    if (T(a))
       throw new Error("Current language cannot be empty");
     this.currentLang = a;
   }
@@ -376,7 +377,7 @@ class N {
     return this.draftMode;
   }
   async handle(a, e) {
-    var t, n, o, c, h, k, m, E, S, f, w;
+    var t, r, o, c, d, m, E, f, u, w, l;
     switch (a.action) {
       // Media
       case "UPLOAD_ASSET":
@@ -390,7 +391,7 @@ class N {
           e
         );
       case "GET_ASSET":
-        return (n = this.chaiAssets) == null ? void 0 : n.getAsset(
+        return (r = this.chaiAssets) == null ? void 0 : r.getAsset(
           a.data,
           e
         );
@@ -402,81 +403,107 @@ class N {
           e
         );
       case "UPDATE_ASSET":
-        return (h = this.chaiAssets) == null ? void 0 : h.updateAsset(a.data, e);
+        return (d = this.chaiAssets) == null ? void 0 : d.updateAsset(a.data, e);
       // Users
       case "REFRESH_TOKEN":
-        return (k = this.chaiUsers) == null ? void 0 : k.refreshToken(
+        return (m = this.chaiUsers) == null ? void 0 : m.refreshToken(
           a.data
         );
       case "LOGIN":
-        return (m = this.chaiUsers) == null ? void 0 : m.login(
+        return (E = this.chaiUsers) == null ? void 0 : E.login(
           a.data
         );
       case "LOGOUT":
-        return (E = this.chaiUsers) == null ? void 0 : E.logout();
+        return (f = this.chaiUsers) == null ? void 0 : f.logout();
       case "CHECK_USER_STATUS":
-        return (S = this.chaiUsers) == null ? void 0 : S.isUserActive(e);
+        return (u = this.chaiUsers) == null ? void 0 : u.isUserActive(e);
       case "GET_ROLE_AND_PERMISSIONS":
-        return (f = this.chaiUsers) == null ? void 0 : f.getUserRoleAndPermissions(e);
+        return (w = this.chaiUsers) == null ? void 0 : w.getUserRoleAndPermissions(e);
       case "GET_CHAI_USER":
-        return (w = this.chaiUsers) == null ? void 0 : w.getUserInfo(
+        return (l = this.chaiUsers) == null ? void 0 : l.getUserInfo(
           e,
           a.data
         );
     }
     if (a.action === "GET_BUILDER_PAGE_DATA") {
-      const r = await P({
+      const s = await L({
         lang: a.data.lang,
         draft: !0,
         inBuilder: !0
-      }), d = l(
+      }), h = A(
         a.data.pageType
       );
-      return d ? {
-        ...d.dataProvider ? await d.dataProvider({
+      return h ? {
+        ...h.dataProvider ? await h.dataProvider({
           lang: a.data.lang,
           draft: !0,
           inBuilder: !0,
           pageProps: a.data.pageProps ?? {}
         }) : {},
-        global: r
-      } : { global: r };
+        global: s
+      } : { global: s };
     }
     if (a.action === "GET_PAGE_TYPES")
       return Promise.all(
-        b().map(async (r) => ({
-          key: r.key,
-          helpText: r.helpText ?? "",
-          icon: r.icon ?? "",
-          dynamicSegments: r.dynamicSegments ?? "",
-          dynamicSlug: r.dynamicSlug ?? "",
-          hasSlug: r.hasSlug ?? !0,
-          name: typeof r.name == "function" ? await r.name() : r.name
+        C().map(async (s) => ({
+          key: s.key,
+          helpText: s.helpText ?? "",
+          icon: s.icon ?? "",
+          dynamicSegments: s.dynamicSegments ?? "",
+          dynamicSlug: s.dynamicSlug ?? "",
+          hasSlug: s.hasSlug ?? !0,
+          name: typeof s.name == "function" ? await s.name() : s.name
         }))
       );
     if (a.action === "SEARCH_PAGE_TYPE_ITEMS") {
-      const r = l(
+      const s = A(
         a.data.pageType
       );
-      return r ? r.search ? await r.search(a.data.query) : this.backend.handleAction(a, e) : { error: "Page type not found" };
+      return s ? s.search ? await s.search(a.data.query) : this.backend.handleAction(a, e) : { error: "Page type not found" };
     }
-    const s = await this.backend.handleAction(a, e);
-    return this.emit(a.action, s), s;
+    if (a.action === "GET_COLLECTIONS")
+      return F().map(
+        (s) => M(s, "fetch")
+      );
+    if (a.action === "GET_BLOCK_ASYNC_PROPS") {
+      const s = a.data.block, h = s._type;
+      if (h === "Repeater" && (s != null && s.repeaterItems.includes("{{#"))) {
+        const g = s.repeaterItems.replace("{{#", "").replace("}}", ""), S = _(g);
+        return S ? await (S == null ? void 0 : S.fetch({
+          block: s,
+          pageProps: a.data.pageProps,
+          lang: a.data.lang,
+          draft: !0,
+          inBuilder: !0
+        })) ?? [] : [];
+      } else {
+        const g = D(h);
+        return !g || !O(g.dataProvider) ? {} : await g.dataProvider({
+          block: s,
+          pageProps: a.data.pageProps,
+          lang: a.data.lang,
+          draft: !0,
+          inBuilder: !0
+        }) ?? {};
+      }
+    }
+    const n = await this.backend.handleAction(a, e);
+    return this.emit(a.action, n), n;
   }
   emit(a, e) {
-    var n, o, c;
+    var r, o, c;
     if (!["CREATE_PAGE", "UPDATE_PAGE", "DELETE_PAGE"].includes(a)) return;
-    const s = y(e, "page");
-    if (!s) return;
-    const t = l(s.pageType);
+    const n = b(e, "page");
+    if (!n) return;
+    const t = A(n.pageType);
     if (t)
       switch (a) {
         case "CREATE_PAGE":
-          return (n = t.onCreate) == null ? void 0 : n.call(t, s);
+          return (r = t.onCreate) == null ? void 0 : r.call(t, n);
         case "UPDATE_PAGE":
-          return (o = t.onUpdate) == null ? void 0 : o.call(t, s);
+          return (o = t.onUpdate) == null ? void 0 : o.call(t, n);
         case "DELETE_PAGE":
-          return (c = t.onDelete) == null ? void 0 : c.call(t, s);
+          return (c = t.onDelete) == null ? void 0 : c.call(t, n);
       }
   }
   // APIS
@@ -485,8 +512,8 @@ class N {
       throw new Error(
         "Please set a fallback language using setFallbackLang(lang: string)"
       );
-    const e = _(a || [""]);
-    Object.keys(I).includes(e) ? this.setCurrentLang(e) : this.setCurrentLang(this.getFallbackLang());
+    const e = B(a || [""]);
+    Object.keys(j).includes(e) ? this.setCurrentLang(e) : this.setCurrentLang(this.getFallbackLang());
   }
   /**
    * Resolve a page link
@@ -494,42 +521,42 @@ class N {
    * @returns The resolved link
    */
   async resolvePageLink(a) {
-    if (!v(a, "pageType:"))
+    if (!I(a, "pageType:"))
       return a;
-    const e = a.split(":")[1], s = a.split(":")[2], t = l(e);
-    return t ? await this.resolveLink(t.key, s) : a;
+    const e = a.split(":")[1], n = a.split(":")[2], t = A(e);
+    return t ? await this.resolveLink(t.key, n) : a;
   }
   async resolveLink(a, e) {
-    const s = l(a);
-    if (!s)
+    const n = A(a);
+    if (!n)
       return "/not-found";
-    const t = this.isDraftMode(), n = this.getCurrentLang() === this.getFallbackLang() ? "" : this.getCurrentLang();
-    return s.resolveLink ? await s.resolveLink(e, t, n) : await this.backend.handleAction({
+    const t = this.isDraftMode(), r = this.getCurrentLang() === this.getFallbackLang() ? "" : this.getCurrentLang();
+    return n.resolveLink ? await n.resolveLink(e, t, r) : await this.backend.handleAction({
       action: "GET_LINK",
       data: {
         pageType: a,
         id: e,
         draft: t,
-        lang: n
+        lang: r
       }
     });
   }
   async getPageBySlug(a) {
-    const e = this.isDraftMode(), s = {};
-    return b().forEach((t) => {
-      A(t, "dynamicSegments") && t.dynamicSegments && (s[t.key] = t.dynamicSegments);
+    const e = this.isDraftMode(), n = {};
+    return C().forEach((t) => {
+      P(t, "dynamicSegments") && t.dynamicSegments && (n[t.key] = t.dynamicSegments);
     }), await this.backend.handleAction({
       action: "GET_PAGE_META",
-      data: { slug: a, draft: e, dynamicSegments: s }
+      data: { slug: a, draft: e, dynamicSegments: n }
     });
   }
   async getFullPage(a) {
-    const e = this.isDraftMode(), s = this.getCurrentLang(), t = this.getFallbackLang();
+    const e = this.isDraftMode(), n = this.getCurrentLang(), t = this.getFallbackLang();
     return await this.backend.handleAction({
       action: "GET_PAGE",
       data: {
         id: a,
-        lang: t === s ? void 0 : s,
+        lang: t === n ? void 0 : n,
         draft: e,
         mergePartials: !0
       }
@@ -542,25 +569,54 @@ class N {
       data: { draft: a }
     });
   }
-  async getPageData(a, e = {}) {
-    var h;
-    const s = this.isDraftMode(), t = this.getCurrentLang(), n = l(a), [o, c] = await Promise.all([
+  async getPageData(a, e, n) {
+    var f;
+    const t = this.isDraftMode(), r = this.getCurrentLang(), o = A(e), c = a.filter(
+      (u) => u._type === "Repeater" && (u == null ? void 0 : u.repeaterItems.includes("{{#"))
+    );
+    let d = {};
+    if (c.length > 0) {
+      const u = c.map((l) => ({ collectionId: l.repeaterItems.replace("{{#", "").replace("}}", ""), block: l }));
+      d = (await Promise.all(
+        u.map(async ({ collectionId: l, block: s }) => {
+          const h = _(l);
+          try {
+            const g = await (h == null ? void 0 : h.fetch({
+              lang: r,
+              draft: t,
+              inBuilder: !1,
+              pageProps: n,
+              block: s
+            }));
+            return Promise.resolve({
+              [`{{#${l}/${s._id}}}`]: g ?? []
+            });
+          } catch {
+            return Promise.resolve({
+              [`{{#${l}/${s._id}}}`]: []
+            });
+          }
+        })
+      )).reduce((l, s) => ({ ...l, ...s }), {});
+    }
+    const [m, E] = await Promise.all([
       this.getGlobalData(),
-      ((h = n == null ? void 0 : n.dataProvider) == null ? void 0 : h.call(n, {
-        lang: t,
-        draft: s,
+      ((f = o == null ? void 0 : o.dataProvider) == null ? void 0 : f.call(o, {
+        lang: r,
+        draft: t,
         inBuilder: !1,
-        pageProps: e
+        pageProps: n
       })) || Promise.resolve({})
     ]);
-    return n ? {
-      ...c,
-      global: o
-    } : { global: o };
+    return o ? {
+      ...E,
+      global: m,
+      ...d
+    } : { global: m, ...d };
   }
   async getGlobalData() {
     const a = this.getCurrentLang();
-    return await P({
+    return await L({
       lang: a,
       draft: this.isDraftMode(),
       inBuilder: !1
@@ -570,31 +626,31 @@ class N {
     return await this.backend.handleAction(a);
   }
 }
-class R {
-  constructor(a = "", e = O) {
+class W {
+  constructor(a = "", e = x) {
     this.apiKey = a, this.apiUrl = e;
   }
   async handleUsersAction(a, e) {
-    const s = await fetch(`${this.apiUrl}/v1/api/users`, {
+    const n = await fetch(`${this.apiUrl}/v1/api/users`, {
       method: "POST",
       body: JSON.stringify(a),
       headers: {
         "x-chai-api-key": this.apiKey,
         "x-chai-auth-token": e
       }
-    }), t = await s.json();
-    return A(t, "error") ? { ...t, status: s.status } : t;
+    }), t = await n.json();
+    return P(t, "error") ? { ...t, status: n.status } : t;
   }
   async handleAction(a, e) {
-    const s = await fetch(`${this.apiUrl}/v1/api/chai`, {
+    const n = await fetch(`${this.apiUrl}/v1/api/chai`, {
       method: "POST",
       body: JSON.stringify(a),
       headers: {
         "x-chai-api-key": this.apiKey,
         "x-chai-auth-token": e
       }
-    }), t = await s.json();
-    return A(t, "error") ? { ...t, status: s.status } : t;
+    }), t = await n.json();
+    return P(t, "error") ? { ...t, status: n.status } : t;
   }
   async handleAssetsAction(a, e) {
     return await (await fetch(`${this.apiUrl}/v1/api/assets`, {
@@ -607,17 +663,17 @@ class R {
     })).json();
   }
 }
-const O = "https://api.chaibuilder.com";
+const x = "https://api.chaibuilder.com";
 export {
-  O as API_URL,
-  N as ChaiBuilderPages,
-  R as ChaiBuilderPagesBackend,
-  M as ChaiBuilderPagesUserManagement,
-  I as LANGUAGES,
-  P as getChaiGlobalData,
-  l as getChaiPageType,
-  b as getChaiPageTypes,
-  K as registerChaiGlobalDataProvider,
-  U as registerChaiPageType,
-  G as registerChaiPartialType
+  x as API_URL,
+  $ as ChaiBuilderPages,
+  W as ChaiBuilderPagesBackend,
+  N as ChaiBuilderPagesUserManagement,
+  j as LANGUAGES,
+  L as getChaiGlobalData,
+  A as getChaiPageType,
+  C as getChaiPageTypes,
+  Y as registerChaiGlobalDataProvider,
+  H as registerChaiPageType,
+  K as registerChaiPartialType
 };

package/package.json

@@ -3,7 +3,7 @@
   "author": "Suraj Air",
   "license": "Private",
   "homepage": "https://chaibuilder.com",
-  "version": "0.4.20-beta.2",
+  "version": "0.5.0-beta.1",
   "type": "module",
   "files": [
     "dist"
@@ -59,8 +59,8 @@
     "test": "vitest"
   },
   "peerDependencies": {
-    "@chaibuilder/runtime": "2.1.2",
-    "@chaibuilder/sdk": "2.2.15",
+    "@chaibuilder/runtime": "2.1.4",
+    "@chaibuilder/sdk": "2.2.23",
     "@types/react": "*",
     "@types/react-dom": "*",
     "react": "^18.0 || ^19.0 || ^19.1",
@@ -75,8 +75,8 @@
     }
   },
   "dependencies": {
-    "@chaibuilder/runtime": "2.1.2",
-    "@chaibuilder/sdk": "2.2.15",
+    "@chaibuilder/runtime": "2.1.4",
+    "@chaibuilder/sdk": "2.2.23",
     "@mhsdesign/jit-browser-tailwindcss": "^0.4.2",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/forms": "^0.5.10",