iq-line-form-builder-renderer 1.2.9 → 1.2.10

package/dist/form-renderer.es.js

@@ -3070,7 +3070,7 @@ function kf(e) {
     maxWidth: "100%"
   };
 }
-function KF(e) {
+function qF(e) {
   return kf(e);
 }
 function xa(e) {
@@ -3135,7 +3135,7 @@ function us(e) {
     }
   return Kl(Pf(e));
 }
-const qF = us;
+const YF = us;
 function ql(e) {
   if (e.type === "billingGrid" || e.type === "table" || ai(e) > 1) return !0;
   const t = Ff(e.appearance?.contentVerticalAlign);
@@ -3218,7 +3218,7 @@ function du(e) {
     us(e)
   );
 }
-function YF(e, t) {
+function XF(e, t) {
   const n = {};
   e !== void 0 && (n.cellAlign = e), t !== void 0 && (n.cellJustify = t);
   const o = e === void 0 && t === void 0 ? void 0 : n;
@@ -4266,7 +4266,7 @@ const Ot = If((e, t) => ({
     }
   }
 }));
-function XF() {
+function JF() {
   return Ot.getState();
 }
 function fv({
@@ -11057,22 +11057,22 @@ It.getAdapter = Em.getAdapter;
 It.HttpStatusCode = El;
 It.default = It;
 const {
-  Axios: eP,
+  Axios: tP,
   AxiosError: gC,
-  CanceledError: tP,
-  isCancel: nP,
-  CancelToken: rP,
-  VERSION: oP,
-  all: iP,
-  Cancel: sP,
-  isAxiosError: aP,
-  spread: lP,
-  toFormData: cP,
-  AxiosHeaders: uP,
-  HttpStatusCode: dP,
-  formToJSON: fP,
-  getAdapter: pP,
-  mergeConfig: mP
+  CanceledError: nP,
+  isCancel: rP,
+  CancelToken: oP,
+  VERSION: iP,
+  all: sP,
+  Cancel: aP,
+  isAxiosError: lP,
+  spread: cP,
+  toFormData: uP,
+  AxiosHeaders: dP,
+  HttpStatusCode: fP,
+  formToJSON: pP,
+  getAdapter: mP,
+  mergeConfig: hP
 } = It;
 function pn(e, t) {
   if (!t || t.trim() === "" || e == null) return;
@@ -11255,7 +11255,7 @@ function AC(e) {
   });
 }
 let Rm = null;
-function hP(e) {
+function gP(e) {
   Rm = e;
 }
 function CC() {
@@ -11961,16 +11961,16 @@ const Do = If((e) => ({
   _setAuthHeaders: (t) => e({ authHeaders: JC(t) }),
   _reset: () => e({ viewerContext: void 0, authHeaders: void 0 })
 }));
-function gP(e) {
+function yP(e) {
   Do.getState()._setViewerContext(e);
 }
-function yP(e) {
+function bP(e) {
   Do.getState()._setAuthHeaders(e);
 }
-function bP() {
+function vP() {
   Do.getState()._reset();
 }
-function vP() {
+function wP() {
   return Do.getState().viewerContext;
 }
 function Wm() {
@@ -11978,7 +11978,7 @@ function Wm() {
 }
 const gd = {};
 let Gm = null;
-function wP(e) {
+function SP(e) {
   Gm = e;
 }
 function QC() {
@@ -14971,7 +14971,7 @@ rg.displayName = ng;
 function Oc(e) {
   return e ? "open" : "closed";
 }
-var og = "DialogTitleWarning", [SP, ig] = cw(og, {
+var og = "DialogTitleWarning", [xP, ig] = cw(og, {
   contentName: eo,
   titleName: Pc,
   docsSlug: "dialog"
@@ -20858,7 +20858,7 @@ function Uc(e) {
   });
   return n ? { ...e, fields: r } : e;
 }
-function xP(e) {
+function AP(e) {
   return Uc(e);
 }
 const FR = new Set(
@@ -23913,10 +23913,10 @@ const wk = ({
     }
   );
 };
-function AP(e) {
+function CP(e) {
   return typeof e == "object" && e !== null && "apiEndpoint" in e;
 }
-function CP({ formSchema: e }) {
+function EP({ formSchema: e }) {
   const t = pe(() => {
     if (!e)
       return [];
@@ -24008,7 +24008,7 @@ function CP({ formSchema: e }) {
     isValid: o
   };
 }
-function EP({
+function NP({
   field: e,
   value: t,
   allValues: n,
@@ -24166,7 +24166,7 @@ function Sk() {
     ]
   };
 }
-const NP = {
+const _P = {
   // Input Fields
   text: {
     type: "text",
@@ -24933,7 +24933,7 @@ function Tk(e) {
 }
 const rf = {};
 let my = null;
-function _P(e) {
+function TP(e) {
   my = e;
 }
 function Rk() {
@@ -25802,6 +25802,9 @@ const wF = 75;
 function SF(e) {
   return e ?? wF;
 }
+function xF(e) {
+  return e ? "rounded-md border border-border p-3" : "";
+}
 function sl({
   scrollBehavior: e = "page",
   maxHeightPercent: t,
@@ -25809,7 +25812,7 @@ function sl({
   className: r
 }) {
   if (e !== "contained")
-    return /* @__PURE__ */ f(an, { children: n });
+    return r ? /* @__PURE__ */ f("div", { className: r, children: n }) : /* @__PURE__ */ f(an, { children: n });
   const o = SF(t);
   return /* @__PURE__ */ f(
     "div",
@@ -25821,10 +25824,10 @@ function sl({
     }
   );
 }
-function xF(e, t, n) {
+function AF(e, t, n) {
   return ["embedded-form", e, t, n ?? "latest"];
 }
-async function AF(e, t) {
+async function CF(e, t) {
   try {
     const n = await Fr.get(
       `/api/form-builder/form-layouts/form/${e}`,
@@ -25838,12 +25841,12 @@ async function AF(e, t) {
     return null;
   }
 }
-async function CF(e, t, n) {
+async function EF(e, t, n) {
   const r = n !== void 0 ? `/api/form-builder/forms/${e}/render?version=${n}` : `/api/form-builder/forms/${e}/render`, o = await Fr.get(r, {
     params: { clientId: t }
   }), s = o.data?.data ?? o.data, a = s.form ?? s, c = s.fields ?? a.fields ?? [];
   let u = s.layout ?? a.layout ?? null;
-  (!u || typeof u.columns != "number") && (u = await AF(e, t));
+  (!u || typeof u.columns != "number") && (u = await CF(e, t));
   const l = s.rules ?? a.rules ?? [], d = ss(
     a,
     c,
@@ -25855,7 +25858,7 @@ async function CF(e, t, n) {
   ) ?? ll(u);
   return { schema: d, gridLayout: p };
 }
-const EF = 300 * 1e3;
+const NF = 300 * 1e3;
 function Cy({
   formId: e,
   mode: t = "fill",
@@ -25864,28 +25867,53 @@ function Cy({
   clientId: o,
   formVersion: i,
   scrollBehavior: s,
-  maxHeightPercent: a
+  maxHeightPercent: a,
+  showBorder: c
 }) {
-  const { data: c, isLoading: u, isError: l, error: d } = qr({
-    queryKey: xF(e, o, i),
-    queryFn: () => CF(e, o, i),
-    staleTime: EF
-  }), p = pe(
+  const { data: u, isLoading: l, isError: d, error: p } = qr({
+    queryKey: AF(e, o, i),
+    queryFn: () => EF(e, o, i),
+    staleTime: NF
+  }), m = pe(
     () => lF(r, n),
     [r, n]
-  );
-  return u ? /* @__PURE__ */ f(sl, { scrollBehavior: s, maxHeightPercent: a, children: /* @__PURE__ */ f(Pr, {}) }) : l ? /* @__PURE__ */ f(sl, { scrollBehavior: s, maxHeightPercent: a, children: /* @__PURE__ */ f("p", { className: "text-sm text-destructive", children: d instanceof Error ? d.message : "Failed to load form" }) }) : c?.schema ? /* @__PURE__ */ f(sl, { scrollBehavior: s, maxHeightPercent: a, children: /* @__PURE__ */ f(
-    Xg,
+  ), g = xF(c);
+  return l ? /* @__PURE__ */ f(
+    sl,
+    {
+      scrollBehavior: s,
+      maxHeightPercent: a,
+      className: g,
+      children: /* @__PURE__ */ f(Pr, {})
+    }
+  ) : d ? /* @__PURE__ */ f(
+    sl,
     {
-      schema: c.schema,
-      mode: t,
-      gridLayout: c.gridLayout,
-      initialValues: p,
-      submissionContext: r
+      scrollBehavior: s,
+      maxHeightPercent: a,
+      className: g,
+      children: /* @__PURE__ */ f("p", { className: "text-sm text-destructive", children: p instanceof Error ? p.message : "Failed to load form" })
     }
-  ) }) : null;
+  ) : u?.schema ? /* @__PURE__ */ f(
+    sl,
+    {
+      scrollBehavior: s,
+      maxHeightPercent: a,
+      className: g,
+      children: /* @__PURE__ */ f(
+        Xg,
+        {
+          schema: u.schema,
+          mode: t,
+          gridLayout: u.gridLayout,
+          initialValues: m,
+          submissionContext: r
+        }
+      )
+    }
+  ) : null;
 }
-function NF({ widget: e }) {
+function _F({ widget: e }) {
   const t = e.config, { context: n, clientId: r } = Gn();
   return t.formId ? /* @__PURE__ */ f(
     Cy,
@@ -25896,11 +25924,12 @@ function NF({ widget: e }) {
       pageContext: n,
       clientId: r,
       scrollBehavior: t.scrollBehavior,
-      maxHeightPercent: t.maxHeightPercent
+      maxHeightPercent: t.maxHeightPercent,
+      showBorder: t.showBorder
     }
   ) : /* @__PURE__ */ f("p", { className: "text-sm text-muted-foreground", children: "No form configured" });
 }
-function _F({ widget: e }) {
+function TF({ widget: e }) {
   const t = e.config, { context: n, getWorkflowState: r, clientId: o } = Gn(), i = String(n.moduleId ?? "");
   if (!r)
     return /* @__PURE__ */ $(
@@ -25935,7 +25964,7 @@ function _F({ widget: e }) {
     }
   );
 }
-function TF({ widget: e }) {
+function RF({ widget: e }) {
   const t = e.config, { schema: n, dispatchAction: r } = Gn(), o = t.previousPage ?? n.navigation?.previousPage, i = t.nextPage ?? n.navigation?.nextPage, s = t.showPrevious !== !1 && !!o, a = t.showNext !== !1 && !!i, c = t.showBreadcrumbs && n.navigation?.breadcrumbs?.length, u = t.align === "center" ? "justify-center" : t.align === "right" ? "justify-end" : t.align === "space-between" ? "justify-between" : "justify-start", l = (d) => {
     r(
       {
@@ -25957,11 +25986,11 @@ function TF({ widget: e }) {
     ] })
   ] });
 }
-function RF(e, t) {
+function kF(e, t) {
   return e?.length ? e.filter((n) => n.config.tabId === t) : [];
 }
-const kF = 1;
-function FF(e) {
+const FF = 1;
+function PF(e) {
   switch (e) {
     case "pills":
       return "bg-transparent gap-1 p-0 h-auto";
@@ -25971,7 +26000,7 @@ function FF(e) {
       return "";
   }
 }
-function PF(e) {
+function OF(e) {
   switch (e) {
     case "pills":
       return "rounded-full data-[state=active]:bg-primary data-[state=active]:text-primary-foreground";
@@ -25981,10 +26010,10 @@ function PF(e) {
       return "";
   }
 }
-function OF(e, t, n) {
+function IF(e, t, n) {
   return e ? new Set(n ? [n] : []) : new Set(t.map((r) => r.id));
 }
-function IF({
+function MF({
   tab: e,
   shouldRender: t,
   pageContext: n,
@@ -25999,11 +26028,12 @@ function IF({
       pageContext: n,
       clientId: r,
       scrollBehavior: e.scrollBehavior,
-      maxHeightPercent: e.maxHeightPercent
+      maxHeightPercent: e.maxHeightPercent,
+      showBorder: e.showBorder
     }
   ) : /* @__PURE__ */ f("p", { className: "text-sm text-muted-foreground", children: "No form configured for this tab" }) : null;
 }
-function MF({
+function LF({
   tab: e,
   shouldLoad: t,
   shouldRender: n,
@@ -26018,7 +26048,7 @@ function MF({
     enabled: t && !!e.pageId,
     queryFn: async () => hy(e.pageId, i, e.pageVersion)
   });
-  return n ? r >= kF ? /* @__PURE__ */ f("div", { className: "rounded-md border border-destructive/50 bg-destructive/5 p-4 text-sm text-destructive", children: "Nested page tabs not supported" }) : e.pageId ? l ? /* @__PURE__ */ f(Pr, {}) : d ? /* @__PURE__ */ f("p", { className: "text-sm text-destructive", children: p instanceof Error ? p.message : "Failed to load page" }) : u ? /* @__PURE__ */ f(
+  return n ? r >= FF ? /* @__PURE__ */ f("div", { className: "rounded-md border border-destructive/50 bg-destructive/5 p-4 text-sm text-destructive", children: "Nested page tabs not supported" }) : e.pageId ? l ? /* @__PURE__ */ f(Pr, {}) : d ? /* @__PURE__ */ f("p", { className: "text-sm text-destructive", children: p instanceof Error ? p.message : "Failed to load page" }) : u ? /* @__PURE__ */ f(
     Ey,
     {
       page: u,
@@ -26031,17 +26061,17 @@ function MF({
     }
   ) : null : /* @__PURE__ */ f("p", { className: "text-sm text-muted-foreground", children: "No page configured for this tab" }) : null;
 }
-function LF({
+function DF({
   tab: e,
   widgetChildren: t,
   renderChildren: n
 }) {
-  const r = RF(t, e.id);
+  const r = kF(t, e.id);
   return r.length === 0 ? /* @__PURE__ */ f("p", { className: "text-sm text-muted-foreground py-4", children: "No widgets in this tab" }) : /* @__PURE__ */ f(an, { children: n?.(r) });
 }
-function DF({ widget: e, renderChildren: t }) {
+function BF({ widget: e, renderChildren: t }) {
   const n = e.config, { context: r, clientId: o, nestingDepth: i, onAction: s, getWorkflowState: a } = Gn(), c = n.tabs ?? [], u = n.defaultTabId ?? c[0]?.id ?? "", l = n.lazyLoad !== !1, [d, p] = Ee(u), [m, g] = Ee(
-    () => OF(l, c, u)
+    () => IF(l, c, u)
   ), h = (w) => {
     g((v) => new Set(v).add(w)), p(w);
   }, y = pe(() => !l, [l]);
@@ -26053,12 +26083,12 @@ function DF({ widget: e, renderChildren: t }) {
       className: "w-full",
       "data-widget-id": e.id,
       children: [
-        /* @__PURE__ */ f(ly, { className: L("mb-4", FF(n.variant)), children: c.map((w) => /* @__PURE__ */ f(
+        /* @__PURE__ */ f(ly, { className: L("mb-4", PF(n.variant)), children: c.map((w) => /* @__PURE__ */ f(
           cy,
           {
             value: w.id,
             disabled: w.disabled,
-            className: PF(n.variant),
+            className: OF(n.variant),
             children: w.label
           },
           w.id
@@ -26073,7 +26103,7 @@ function DF({ widget: e, renderChildren: t }) {
               className: L("mt-0", y && "data-[state=inactive]:hidden"),
               children: [
                 w.contentType === "widgets" && C && /* @__PURE__ */ f(
-                  LF,
+                  DF,
                   {
                     tab: w,
                     widgetChildren: e.children ?? [],
@@ -26081,7 +26111,7 @@ function DF({ widget: e, renderChildren: t }) {
                   }
                 ),
                 w.contentType === "form" && /* @__PURE__ */ f(
-                  IF,
+                  MF,
                   {
                     tab: w,
                     shouldRender: S,
@@ -26090,7 +26120,7 @@ function DF({ widget: e, renderChildren: t }) {
                   }
                 ),
                 w.contentType === "page" && /* @__PURE__ */ f(
-                  MF,
+                  LF,
                   {
                     tab: w,
                     shouldLoad: S,
@@ -26111,11 +26141,11 @@ function DF({ widget: e, renderChildren: t }) {
     }
   );
 }
-const BF = {
+const $F = {
   section: Kk,
   columns: qk,
   card: Yk,
-  tab_group: DF,
+  tab_group: BF,
   heading: Xk,
   text: Jk,
   button: eF,
@@ -26124,11 +26154,11 @@ const BF = {
   stat_grid: gF,
   data_table: vF,
   search_filter: yF,
-  form_embed: NF,
-  workflow_embed: _F,
-  page_nav: TF
+  form_embed: _F,
+  workflow_embed: TF,
+  page_nav: RF
 };
-function $F({ widget: e }) {
+function jF({ widget: e }) {
   return /* @__PURE__ */ $(
     "div",
     {
@@ -26147,16 +26177,16 @@ function $F({ widget: e }) {
     }
   );
 }
-function jF({
+function zF({
   widget: e,
   renderChildren: t
 }) {
-  const n = BF[e.type] ?? $F;
+  const n = $F[e.type] ?? jF;
   return /* @__PURE__ */ f(n, { widget: e, renderChildren: t });
 }
 function uf(e, t) {
   return e.map((n) => /* @__PURE__ */ f(
-    jF,
+    zF,
     {
       widget: n,
       renderChildren: t
@@ -26204,7 +26234,7 @@ function Ey({
     }
   );
 }
-function TP({
+function RP({
   clientId: e,
   tenantId: t,
   moduleId: n,
@@ -26269,25 +26299,25 @@ function TP({
   ) : /* @__PURE__ */ f("div", { className: "rounded-md border p-4 text-sm text-muted-foreground", children: "No page found for the given scope or route." });
 }
 export {
-  NP as FIELD_TYPE_REGISTRY,
+  _P as FIELD_TYPE_REGISTRY,
   So as FORM_RENDERER_GRID_ROW_HEIGHT_DEFAULT,
   ff as FORM_RENDERER_ROOT_CLASS,
   Ar as FieldRenderer,
   Xg as FormRenderer,
   Ey as PageRenderer,
   Of as RendererFieldLayoutContext,
-  TP as StudioPageHost,
+  RP as StudioPageHost,
   wk as WorkflowStepsView,
   Fs as appearanceControlClasses,
   Bb as appearanceHasExplicitVerticalIntent,
   Nb as appearanceTextareaClasses,
   ss as backendToFormSchema,
-  YF as cellAlignmentClasses,
-  qF as cellVerticalJustifyClassesForField,
+  XF as cellAlignmentClasses,
+  YF as cellVerticalJustifyClassesForField,
   Gl as effectiveWidthPercent,
   gy as executeDataSource,
   hy as fetchPageRender,
-  KF as fieldBlockBoxStyle,
+  qF as fieldBlockBoxStyle,
   Lb as fieldBlockBoxStyleForField,
   Pb as fieldBlockHorizontalPlacementClass,
   Ob as fieldBlockHorizontalSelfClass,
@@ -26300,20 +26330,20 @@ export {
   CC as getBusinessApiOrigin,
   Zr as getClientId,
   Wm as getRendererHostAuthHeaders,
-  vP as getRendererHostViewerContext,
-  XF as getRendererStore,
+  wP as getRendererHostViewerContext,
+  JF as getRendererStore,
   Fb as gridCellFlexClasses,
   du as gridCellFlexClassesForField,
   kb as gridCellOuterFlexClasses,
   Ib as hasExplicitFieldBlockWidth,
-  AP as isAsyncSearchFieldProperties,
+  CP as isAsyncSearchFieldProperties,
   li as isIntrinsicWidthButtonField,
-  xP as normalizeWorkflowFormSchema,
+  AP as normalizeWorkflowFormSchema,
   Uc as normalizeWorkflowFormToRendererSchema,
   ga as pageBuilderHttp,
   Ff as parseContentVerticalAlign,
   ma as parseMetadataJson,
-  bP as resetRendererHostAuth,
+  vP as resetRendererHostAuth,
   Er as resolveBusinessApiUrl,
   Vl as resolveFormGridLayout,
   kk as resolvePage,
@@ -26321,14 +26351,14 @@ export {
   Zn as resolvedHorizontalAlign,
   cs as resolvedVerticalAlign,
   Pf as resolvedVerticalAlignForField,
-  hP as setBusinessApiOrigin,
-  wP as setFormBuilderAuthProvider,
-  _P as setPageBuilderAuthProvider,
-  yP as setRendererHostAuthHeaders,
-  gP as setRendererHostViewerContext,
-  EP as useFieldValidation,
+  gP as setBusinessApiOrigin,
+  SP as setFormBuilderAuthProvider,
+  TP as setPageBuilderAuthProvider,
+  bP as setRendererHostAuthHeaders,
+  yP as setRendererHostViewerContext,
+  NP as useFieldValidation,
   fv as useFormRenderer,
-  CP as useFormValidation,
+  EP as useFormValidation,
   Os as useRendererFieldLayout,
   Do as useRendererHostAuthStore
 };