@epam/ai-dial-builder-form 1.2.0-dev.325 → 1.2.0-dev.327

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 (12) hide show
  1. package/components/EditorLayout/EditorLayout.d.ts +3 -1
  2. package/components/EditorLayout/EditorLayout.d.ts.map +1 -1
  3. package/components/EntityEditor/EntityEditor.d.ts.map +1 -1
  4. package/constants/public-class-names.d.ts +2 -0
  5. package/constants/public-class-names.d.ts.map +1 -1
  6. package/index.css +2 -2
  7. package/index.js +253 -239
  8. package/models/editor-layout-props.d.ts +10 -2
  9. package/models/editor-layout-props.d.ts.map +1 -1
  10. package/models/entity-editor-props.d.ts +11 -0
  11. package/models/entity-editor-props.d.ts.map +1 -1
  12. package/package.json +2 -2
package/components/EditorLayout/EditorLayout.d.ts CHANGED
@@ -1,7 +1,9 @@
1
1
  import { FC } from 'react';
2
2
  import { EditorLayoutProps } from '../../models/editor-layout-props';
3
3
  /**
4
- * Two-column editor shell with a header row (back button, title, actions).
4
+ * Editor shell with a header row (back button, title, actions) and a body of
5
+ * `leftContent` and `centerContent`, plus an optional third column,
6
+ * `rightContent`, at the inline end.
5
7
  * On mobile/tablet, `actions` move out of the header into a dedicated bar
6
8
  * pinned to the bottom of the page, outside the scrollable body.
7
9
  */
package/components/EditorLayout/EditorLayout.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"EditorLayout.d.ts","sourceRoot":"","sources":["../../../src/components/EditorLayout/EditorLayout.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,EAAE,EAAS,MAAM,OAAO,CAAC;AAElC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAG1E;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsG9C,CAAC"}
1
+ {"version":3,"file":"EditorLayout.d.ts","sourceRoot":"","sources":["../../../src/components/EditorLayout/EditorLayout.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,EAAE,EAAS,MAAM,OAAO,CAAC;AAElC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAG1E;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAiH9C,CAAC"}
package/components/EntityEditor/EntityEditor.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"EntityEditor.d.ts","sourceRoot":"","sources":["../../../src/components/EntityEditor/EntityEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAoH1E,6GAA6G;AAC7G,eAAO,MAAM,YAAY,yDAA8B,CAAC"}
1
+ {"version":3,"file":"EntityEditor.d.ts","sourceRoot":"","sources":["../../../src/components/EntityEditor/EntityEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAsI1E,6GAA6G;AAC7G,eAAO,MAAM,YAAY,yDAA8B,CAAC"}
package/constants/public-class-names.d.ts CHANGED
@@ -7,5 +7,7 @@ export declare const BUILDER_FORM_CLASS: {
7
7
  readonly metadataSection: "dial-builder-form-metadata-section";
8
8
  /** The Setup section `EntityEditor` renders in the right column. */
9
9
  readonly setupSection: "dial-builder-form-setup-section";
10
+ /** The aside section `EntityEditor` renders in the third column, when `asideData` is set. */
11
+ readonly asideSection: "dial-builder-form-aside-section";
10
12
  };
11
13
  //# sourceMappingURL=public-class-names.d.ts.map
package/constants/public-class-names.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"public-class-names.d.ts","sourceRoot":"","sources":["../../src/constants/public-class-names.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,kBAAkB;IAC7B,8EAA8E;;IAE9E,mEAAmE;;IAEnE,sEAAsE;;IAEtE,oEAAoE;;CAE5D,CAAC"}
1
+ {"version":3,"file":"public-class-names.d.ts","sourceRoot":"","sources":["../../src/constants/public-class-names.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,kBAAkB;IAC7B,8EAA8E;;IAE9E,mEAAmE;;IAEnE,sEAAsE;;IAEtE,oEAAoE;;IAEpE,6FAA6F;;CAErF,CAAC"}
package/index.css CHANGED
@@ -1,2 +1,2 @@
1
- ._body_1xd7h_2._body_1xd7h_2{flex-direction:column}._sideColumn_1xd7h_6._sideColumn_1xd7h_6{width:100%}._reservedColumn_1xd7h_10._reservedColumn_1xd7h_10{display:none}@media (width>=1280px){._body_1xd7h_2._body_1xd7h_2{flex-direction:row}._sideColumn_1xd7h_6._sideColumn_1xd7h_6{width:var(--bfb-side-column-width,400px);flex-shrink:0}._reservedColumn_1xd7h_10._reservedColumn_1xd7h_10{display:block}}._header_lon83_4._header_lon83_4{border-block-width:1px 0}@media (width>=1280px){._header_lon83_4._header_lon83_4{border-block-width:0 1px}}._header_lon83_4._header_lon83_4{border-color:var(--bfh-border,var(--stroke-tertiary,#e0e6f0))}._actions_lon83_18._actions_lon83_18{display:none}@media (width>=1280px){._actions_lon83_18._actions_lon83_18{display:flex}}._title_lon83_27{font-family:var(--bfh-font-family,inherit)}._container_14mfe_1{background:var(--bfc-bg,var(--bg-layer-base,#f5f7fa))}._footer_14mfe_10._footer_14mfe_10{display:flex}@media (width>=1280px){._footer_14mfe_10._footer_14mfe_10{display:none}}._footer_14mfe_10._footer_14mfe_10{background:var(--bfc-bg,var(--bg-layer-base,#f5f7fa))}._section_l1mnx_1{border-color:var(--es-border-color,var(--stroke-tertiary,#e0e6f0))}._title_l1mnx_5{color:var(--es-title-color,var(--text-primary,#161b2d))}._headerBorder_1kidu_1{border-bottom-color:var(--el-header-border-color,var(--stroke-tertiary,#e0e6f0))}._footerBorder_1kidu_5{border-top-color:var(--el-header-border-color,var(--stroke-tertiary,#e0e6f0))}._sidebarBorder_1kidu_9{border-inline-end-color:var(--el-sidebar-border-color,var(--stroke-tertiary,#e0e6f0))}._box_c9as8_1{background:var(--aa-box-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--aa-box-border,var(--stroke-tertiary,#e0e6f0))}._icon_c9as8_6{color:var(--aa-icon,var(--text-secondary,#57647a))}._caption_c9as8_10{color:var(--aa-caption,var(--text-tertiary,#848e9c))}
2
- /*$vite$:1*/.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.sticky{position:sticky}.bottom-0{bottom:0}.z-10{z-index:10}.mb-3{margin-bottom:.75rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-16{height:4rem}.h-full{height:100%}.min-h-0{min-height:0}.min-h-16{min-height:4rem}.w-16{width:4rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow-\[1\]{flex-grow:1}.grow-\[2\]{flex-grow:2}.basis-0{flex-basis:0px}.resize{resize:both}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:4px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.object-cover{-o-object-fit:cover;object-fit:cover}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.\!px-0{padding-left:0!important;padding-right:0!important}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.pt-4{padding-top:1rem}.text-primary{color:var(--text-primary,#161b2d)}.text-secondary{color:var(--text-secondary,#57647a)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 8px 10px 0 var(--shadow-sm,#2764d914);--tw-shadow-colored:0 8px 10px 0 var(--tw-shadow-color)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:1280px){.desktop\:flex{display:flex}.desktop\:hidden{display:none}.desktop\:h-16{height:4rem}.desktop\:min-h-0{min-height:0}.desktop\:w-\[400px\]{width:400px}.desktop\:flex-1{flex:1 1 0%}.desktop\:shrink-0{flex-shrink:0}.desktop\:basis-40{flex-basis:10rem}.desktop\:flex-row{flex-direction:row}.desktop\:flex-col{flex-direction:column}.desktop\:flex-nowrap{flex-wrap:nowrap}.desktop\:items-start{align-items:flex-start}.desktop\:overflow-hidden{overflow:hidden}.desktop\:overflow-y-auto{overflow-y:auto}.desktop\:border-e{border-inline-end-width:1px}.desktop\:p-8{padding:2rem}.desktop\:px-6{padding-left:1.5rem;padding-right:1.5rem}.desktop\:px-8{padding-left:2rem;padding-right:2rem}.desktop\:py-0{padding-bottom:0;padding-top:0}.desktop\:pb-3{padding-bottom:.75rem}.desktop\:pt-3{padding-top:.75rem}.desktop\:pt-6{padding-top:1.5rem}}.rtl\:scale-x-\[-1\]:where([dir=rtl],[dir=rtl] *){--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>\*\]\:flex-1>*{flex:1 1 0%}
1
+ ._body_1xd7h_2._body_1xd7h_2{flex-direction:column}._sideColumn_1xd7h_6._sideColumn_1xd7h_6{width:100%}._reservedColumn_1xd7h_10._reservedColumn_1xd7h_10{display:none}@media (width>=1280px){._body_1xd7h_2._body_1xd7h_2{flex-direction:row}._sideColumn_1xd7h_6._sideColumn_1xd7h_6{width:var(--bfb-side-column-width,400px);flex-shrink:0}._reservedColumn_1xd7h_10._reservedColumn_1xd7h_10{display:block}}._header_lon83_4._header_lon83_4{border-block-width:1px 0}@media (width>=1280px){._header_lon83_4._header_lon83_4{border-block-width:0 1px}}._header_lon83_4._header_lon83_4{border-color:var(--bfh-border,var(--stroke-tertiary,#e0e6f0))}._actions_lon83_18._actions_lon83_18{display:none}@media (width>=1280px){._actions_lon83_18._actions_lon83_18{display:flex}}._title_lon83_27{font-family:var(--bfh-font-family,inherit)}._container_14mfe_1{background:var(--bfc-bg,var(--bg-layer-base,#f5f7fa))}._footer_14mfe_10._footer_14mfe_10{display:flex}@media (width>=1280px){._footer_14mfe_10._footer_14mfe_10{display:none}}._footer_14mfe_10._footer_14mfe_10{background:var(--bfc-bg,var(--bg-layer-base,#f5f7fa))}._section_l1mnx_1{border-color:var(--es-border-color,var(--stroke-tertiary,#e0e6f0))}._title_l1mnx_5{color:var(--es-title-color,var(--text-primary,#161b2d))}._headerBorder_1adw2_1{border-bottom-color:var(--el-header-border-color,var(--stroke-tertiary,#e0e6f0))}._footerBorder_1adw2_5{border-top-color:var(--el-header-border-color,var(--stroke-tertiary,#e0e6f0))}._columnBorder_1adw2_10{border-color:var(--el-sidebar-border-color,var(--stroke-tertiary,#e0e6f0))}._box_c9as8_1{background:var(--aa-box-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--aa-box-border,var(--stroke-tertiary,#e0e6f0))}._icon_c9as8_6{color:var(--aa-icon,var(--text-secondary,#57647a))}._caption_c9as8_10{color:var(--aa-caption,var(--text-tertiary,#848e9c))}
2
+ /*$vite$:1*/.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.sticky{position:sticky}.bottom-0{bottom:0}.z-10{z-index:10}.mb-3{margin-bottom:.75rem}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-16{height:4rem}.h-full{height:100%}.min-h-0{min-height:0}.min-h-16{min-height:4rem}.w-16{width:4rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow-\[1\]{flex-grow:1}.grow-\[2\]{flex-grow:2}.basis-0{flex-basis:0px}.resize{resize:both}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:4px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.object-cover{-o-object-fit:cover;object-fit:cover}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.\!px-0{padding-left:0!important;padding-right:0!important}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.pt-4{padding-top:1rem}.text-primary{color:var(--text-primary,#161b2d)}.text-secondary{color:var(--text-secondary,#57647a)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 8px 10px 0 var(--shadow-sm,#2764d914);--tw-shadow-colored:0 8px 10px 0 var(--tw-shadow-color)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:1280px){.desktop\:flex{display:flex}.desktop\:hidden{display:none}.desktop\:h-16{height:4rem}.desktop\:min-h-0{min-height:0}.desktop\:w-\[400px\]{width:400px}.desktop\:flex-1{flex:1 1 0%}.desktop\:shrink-0{flex-shrink:0}.desktop\:basis-40{flex-basis:10rem}.desktop\:flex-row{flex-direction:row}.desktop\:flex-col{flex-direction:column}.desktop\:flex-nowrap{flex-wrap:nowrap}.desktop\:items-start{align-items:flex-start}.desktop\:overflow-hidden{overflow:hidden}.desktop\:overflow-y-auto{overflow-y:auto}.desktop\:border-e{border-inline-end-width:1px}.desktop\:border-s{border-inline-start-width:1px}.desktop\:p-8{padding:2rem}.desktop\:px-6{padding-left:1.5rem;padding-right:1.5rem}.desktop\:px-8{padding-left:2rem;padding-right:2rem}.desktop\:py-0{padding-bottom:0;padding-top:0}.desktop\:pb-3{padding-bottom:.75rem}.desktop\:pt-3{padding-top:.75rem}.desktop\:pt-6{padding-top:1.5rem}}.rtl\:scale-x-\[-1\]:where([dir=rtl],[dir=rtl] *){--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>\*\]\:flex-1>*{flex:1 1 0%}
package/index.js CHANGED
@@ -1,72 +1,72 @@
1
1
  import { ENTITY_DESCRIPTION_MAX_LENGTH as e, ENTITY_NAME_MAX_LENGTH as t, RESIZABLE_TEXTAREA_CLASS_NAME as n, TAG_INPUT_TAG_CLASS_NAME as r, buildCssVars as i, exceedsMaxLength as a, hasControlCharacters as o, mergeClasses as s } from "@epam/ai-dial-chat-shared";
2
- import { ButtonAppearance as c, ButtonVariant as l, DIAL_ICON_SIZE as u, DIAL_KIT_ICON_STROKE as d, DangerIconButton as f, ElementSize as p, GhostButton as m, GhostIconButton as h, Input as g, Label as _, LinkButton as v, NeutralButton as y, Popup as b, PrimaryButton as x, Select as S, Spinner as C, TagInput as w, Textarea as ee, TextareaResize as te } from "@epam/ai-dial-ui-kit";
3
- import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
4
- import { IconArrowLeft as O, IconArrowNarrowLeft as k, IconPhoto as A, IconPlus as j, IconTrashX as M } from "@tabler/icons-react";
5
- import { Suspense as N, memo as P, useCallback as F, useEffect as ne, useId as re, useLayoutEffect as I, useMemo as L, useRef as R, useState as z } from "react";
2
+ import { ButtonAppearance as c, ButtonVariant as l, DIAL_ICON_SIZE as u, DIAL_KIT_ICON_STROKE as d, DangerIconButton as f, ElementSize as p, GhostButton as m, GhostIconButton as h, Input as g, Label as _, LinkButton as v, NeutralButton as y, Popup as b, PrimaryButton as x, Select as S, Spinner as C, TagInput as w, Textarea as T, TextareaResize as E } from "@epam/ai-dial-ui-kit";
3
+ import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
4
+ import { IconArrowLeft as A, IconArrowNarrowLeft as j, IconPhoto as M, IconPlus as N, IconTrashX as P } from "@tabler/icons-react";
5
+ import { Suspense as ee, memo as F, useCallback as I, useEffect as te, useId as ne, useLayoutEffect as L, useMemo as R, useRef as z, useState as B } from "react";
6
6
  //#region src/components/BuilderFormActions/BuilderFormActions.tsx
7
- var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubmitDisabled: i = !1, isSubmitting: a = !1, buttonClassName: o }) => /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(y, {
7
+ var V = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubmitDisabled: i = !1, isSubmitting: a = !1, buttonClassName: o }) => /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(y, {
8
8
  label: e.cancelButtonLabel,
9
9
  onClick: t,
10
10
  disabled: r,
11
11
  className: o
12
- }), /* @__PURE__ */ E(x, {
12
+ }), /* @__PURE__ */ O(x, {
13
13
  label: e.submitButtonLabel,
14
14
  onClick: n,
15
15
  disabled: i,
16
16
  "aria-busy": a,
17
17
  className: o,
18
- iconBefore: a ? /* @__PURE__ */ E("span", {
18
+ iconBefore: a ? /* @__PURE__ */ O("span", {
19
19
  "aria-hidden": !0,
20
- children: /* @__PURE__ */ E(C, { size: u.SM })
20
+ children: /* @__PURE__ */ O(C, { size: u.SM })
21
21
  }) : void 0
22
- })] }), V = {
22
+ })] }), H = {
23
23
  body: "_body_1xd7h_2",
24
24
  sideColumn: "_sideColumn_1xd7h_6",
25
25
  reservedColumn: "_reservedColumn_1xd7h_10"
26
- }, H = s("flex flex-col desktop:min-h-0 desktop:overflow-y-auto", V.sideColumn), ie = ({ left: e, children: t, metadata: n, layout: r }) => {
26
+ }, U = s("flex flex-col desktop:min-h-0 desktop:overflow-y-auto", H.sideColumn), re = ({ left: e, children: t, metadata: n, layout: r }) => {
27
27
  let i = e != null && n == null && r?.reserveEndColumn !== !1, a = r ? { "--bfb-side-column-width": r.sideColumnWidth ?? "400px" } : void 0, o = r ? { columnGap: r.columnGap ?? "0px" } : void 0;
28
- return /* @__PURE__ */ D("div", {
29
- className: s("flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto desktop:flex-row desktop:overflow-hidden", V.body),
28
+ return /* @__PURE__ */ k("div", {
29
+ className: s("flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto desktop:flex-row desktop:overflow-hidden", H.body),
30
30
  style: o,
31
31
  children: [
32
- e != null && /* @__PURE__ */ E("div", {
33
- className: H,
32
+ e != null && /* @__PURE__ */ O("div", {
33
+ className: U,
34
34
  style: a,
35
35
  children: e
36
36
  }),
37
- /* @__PURE__ */ E("div", {
37
+ /* @__PURE__ */ O("div", {
38
38
  className: "flex w-full min-w-0 flex-1 flex-col desktop:min-h-0 desktop:overflow-y-auto",
39
39
  children: t
40
40
  }),
41
- n != null && /* @__PURE__ */ E("div", {
42
- className: H,
41
+ n != null && /* @__PURE__ */ O("div", {
42
+ className: U,
43
43
  style: a,
44
44
  children: n
45
45
  }),
46
- i && /* @__PURE__ */ E("div", {
46
+ i && /* @__PURE__ */ O("div", {
47
47
  "aria-hidden": !0,
48
48
  style: a,
49
- className: s(V.reservedColumn, V.sideColumn)
49
+ className: s(H.reservedColumn, H.sideColumn)
50
50
  })
51
51
  ]
52
52
  });
53
- }, U = {
53
+ }, W = {
54
54
  header: "_header_lon83_4",
55
55
  actions: "_actions_lon83_18",
56
56
  title: "_title_lon83_27"
57
- }, ae = ({ labels: e, onBack: t, onCancel: n, onSubmit: r, isCancelDisabled: a = !1, isSubmitDisabled: o = !1, isSubmitting: c = !1, backIcon: l, styles: f }) => {
57
+ }, ie = ({ labels: e, onBack: t, onCancel: n, onSubmit: r, isCancelDisabled: a = !1, isSubmitDisabled: o = !1, isSubmitting: c = !1, backIcon: l, styles: f }) => {
58
58
  let { colors: p, typography: m } = f ?? {}, g = m?.fontClassName ?? "dial-h1-text", _ = !!m?.fontClassName;
59
- return /* @__PURE__ */ D("div", {
59
+ return /* @__PURE__ */ k("div", {
60
60
  style: i({
61
61
  "--bfh-border": p?.borderColor,
62
62
  "--bfh-font-family": _ ? void 0 : m?.fontFamily
63
63
  }),
64
- className: s("flex min-h-16 shrink-0 items-center justify-between gap-2 px-4 py-2 desktop:h-16 desktop:flex-nowrap desktop:px-8 desktop:py-0", U.header),
64
+ className: s("flex min-h-16 shrink-0 items-center justify-between gap-2 px-4 py-2 desktop:h-16 desktop:flex-nowrap desktop:px-8 desktop:py-0", W.header),
65
65
  children: [
66
- /* @__PURE__ */ D("div", {
66
+ /* @__PURE__ */ k("div", {
67
67
  className: "flex min-w-0 flex-1 items-center gap-2",
68
- children: [/* @__PURE__ */ E(h, {
69
- icon: l === void 0 ? /* @__PURE__ */ E(O, {
68
+ children: [/* @__PURE__ */ O(h, {
69
+ icon: l === void 0 ? /* @__PURE__ */ O(A, {
70
70
  size: u.LG,
71
71
  className: "rtl:scale-x-[-1]",
72
72
  "aria-hidden": !0,
@@ -74,14 +74,14 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
74
74
  }) : l,
75
75
  "aria-label": e.backButtonLabel,
76
76
  onClick: t
77
- }), /* @__PURE__ */ E("h1", {
78
- className: s("truncate", U.title, g),
77
+ }), /* @__PURE__ */ O("h1", {
78
+ className: s("truncate", W.title, g),
79
79
  children: e.title
80
80
  })]
81
81
  }),
82
- /* @__PURE__ */ E("div", {
83
- className: s("items-center gap-2", U.actions),
84
- children: /* @__PURE__ */ E(B, {
82
+ /* @__PURE__ */ O("div", {
83
+ className: s("items-center gap-2", W.actions),
84
+ children: /* @__PURE__ */ O(V, {
85
85
  labels: e,
86
86
  onCancel: n,
87
87
  onSubmit: r,
@@ -90,7 +90,7 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
90
90
  isSubmitting: c
91
91
  })
92
92
  }),
93
- /* @__PURE__ */ E("span", {
93
+ /* @__PURE__ */ O("span", {
94
94
  role: "status",
95
95
  "aria-live": "polite",
96
96
  className: "sr-only",
@@ -98,19 +98,19 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
98
98
  })
99
99
  ]
100
100
  });
101
- }, W = {
101
+ }, G = {
102
102
  container: "_container_14mfe_1",
103
103
  footer: "_footer_14mfe_10"
104
- }, G = ({ labels: e, onBack: t, onCancel: n, onSubmit: r, isCancelDisabled: a = !1, isSubmitDisabled: o = !1, isSubmitting: c = !1, backIcon: l, className: u, left: d, children: f, metadata: p, layout: m, styles: h }) => {
104
+ }, K = ({ labels: e, onBack: t, onCancel: n, onSubmit: r, isCancelDisabled: a = !1, isSubmitDisabled: o = !1, isSubmitting: c = !1, backIcon: l, className: u, left: d, children: f, metadata: p, layout: m, styles: h }) => {
105
105
  let { colors: g, header: _, cssVars: v } = h ?? {};
106
- return /* @__PURE__ */ D("div", {
106
+ return /* @__PURE__ */ k("div", {
107
107
  style: {
108
108
  ...i({ "--bfc-bg": g?.background }),
109
109
  ...v
110
110
  },
111
- className: s("flex h-full min-h-0 w-full flex-col overflow-hidden", u, W.container),
111
+ className: s("flex h-full min-h-0 w-full flex-col overflow-hidden", u, G.container),
112
112
  children: [
113
- /* @__PURE__ */ E(ae, {
113
+ /* @__PURE__ */ O(ie, {
114
114
  labels: e,
115
115
  onBack: t,
116
116
  onCancel: n,
@@ -121,15 +121,15 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
121
121
  backIcon: l,
122
122
  styles: _
123
123
  }),
124
- /* @__PURE__ */ E(ie, {
124
+ /* @__PURE__ */ O(re, {
125
125
  left: d,
126
126
  metadata: p,
127
127
  layout: m,
128
128
  children: f
129
129
  }),
130
- /* @__PURE__ */ E("div", {
131
- className: s("sticky bottom-0 z-10 items-center gap-2 p-3 shadow-sm", W.footer),
132
- children: /* @__PURE__ */ E(B, {
130
+ /* @__PURE__ */ O("div", {
131
+ className: s("sticky bottom-0 z-10 items-center gap-2 p-3 shadow-sm", G.footer),
132
+ children: /* @__PURE__ */ O(V, {
133
133
  labels: e,
134
134
  onCancel: n,
135
135
  onSubmit: r,
@@ -141,54 +141,55 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
141
141
  })
142
142
  ]
143
143
  });
144
- }, K = {
144
+ }, q = {
145
145
  layout: "dial-builder-form-layout",
146
146
  section: "dial-builder-form-section",
147
147
  metadataSection: "dial-builder-form-metadata-section",
148
- setupSection: "dial-builder-form-setup-section"
149
- }, q = {
148
+ setupSection: "dial-builder-form-setup-section",
149
+ asideSection: "dial-builder-form-aside-section"
150
+ }, J = {
150
151
  section: "_section_l1mnx_1",
151
152
  title: "_title_l1mnx_5"
152
- }, J = ({ title: e, children: t, styles: n, className: r }) => {
153
+ }, Y = ({ title: e, children: t, styles: n, className: r }) => {
153
154
  let a = i({
154
155
  "--es-border-color": n?.colors?.borderColor,
155
156
  "--es-title-color": n?.colors?.titleColor
156
157
  });
157
- return /* @__PURE__ */ D("section", {
158
- className: s("flex h-full flex-col gap-4 rounded border p-6", q.section, r, K.section),
158
+ return /* @__PURE__ */ k("section", {
159
+ className: s("flex h-full flex-col gap-4 rounded border p-6", J.section, r, q.section),
159
160
  style: a,
160
- children: [e != null && /* @__PURE__ */ E("h2", {
161
- className: s("dial-h3-text", q.title),
161
+ children: [e != null && /* @__PURE__ */ O("h2", {
162
+ className: s("dial-h3-text", J.title),
162
163
  children: e
163
164
  }), t]
164
165
  });
165
- }, Y = {
166
- headerBorder: "_headerBorder_1kidu_1",
167
- footerBorder: "_footerBorder_1kidu_5",
168
- sidebarBorder: "_sidebarBorder_1kidu_9"
169
- }, oe = ({ title: e, onBack: t, backAriaLabel: n = "Back", actions: r, leftContent: a, rightContent: o, isSaving: c = !1, labels: l, styles: f, dir: p }) => {
170
- let m = re(), g = c ? l?.savingStatusLabel ?? "Saving" : "", _ = i({
171
- "--el-header-border-color": f?.colors?.headerBorderColor,
172
- "--el-sidebar-border-color": f?.colors?.sidebarBorderColor
166
+ }, X = {
167
+ headerBorder: "_headerBorder_1adw2_1",
168
+ footerBorder: "_footerBorder_1adw2_5",
169
+ columnBorder: "_columnBorder_1adw2_10"
170
+ }, ae = ({ title: e, onBack: t, backAriaLabel: n = "Back", actions: r, leftContent: a, centerContent: o, rightContent: c, isSaving: l = !1, labels: f, styles: p, dir: m }) => {
171
+ let g = ne(), _ = l ? f?.savingStatusLabel ?? "Saving" : "", v = i({
172
+ "--el-header-border-color": p?.colors?.headerBorderColor,
173
+ "--el-sidebar-border-color": p?.colors?.sidebarBorderColor
173
174
  });
174
- return /* @__PURE__ */ D("div", {
175
- dir: p,
176
- className: s("flex min-h-0 flex-1 flex-col", K.layout),
177
- style: _,
175
+ return /* @__PURE__ */ k("div", {
176
+ dir: m,
177
+ className: s("flex min-h-0 flex-1 flex-col", q.layout),
178
+ style: v,
178
179
  children: [
179
- /* @__PURE__ */ E("span", {
180
+ /* @__PURE__ */ O("span", {
180
181
  role: "status",
181
182
  "aria-live": "polite",
182
183
  className: "sr-only",
183
- id: m,
184
- children: g
184
+ id: g,
185
+ children: _
185
186
  }),
186
- /* @__PURE__ */ D("div", {
187
- className: s("flex items-center justify-between gap-2 border-b px-4 py-2 desktop:px-8 desktop:pb-3 desktop:pt-3", Y.headerBorder),
188
- children: [/* @__PURE__ */ D("div", {
187
+ /* @__PURE__ */ k("div", {
188
+ className: s("flex items-center justify-between gap-2 border-b px-4 py-2 desktop:px-8 desktop:pb-3 desktop:pt-3", X.headerBorder),
189
+ children: [/* @__PURE__ */ k("div", {
189
190
  className: "flex min-w-0 flex-1 items-center gap-2",
190
- children: [/* @__PURE__ */ E(h, {
191
- icon: /* @__PURE__ */ E(k, {
191
+ children: [/* @__PURE__ */ O(h, {
192
+ icon: /* @__PURE__ */ O(j, {
192
193
  size: u.LG,
193
194
  stroke: d,
194
195
  "aria-hidden": !0,
@@ -196,64 +197,71 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
196
197
  }),
197
198
  "aria-label": n,
198
199
  onClick: t
199
- }), /* @__PURE__ */ E("h1", {
200
+ }), /* @__PURE__ */ O("h1", {
200
201
  className: "dial-h2-text min-w-0 truncate",
201
202
  children: e
202
203
  })]
203
- }), r != null && /* @__PURE__ */ E("div", {
204
+ }), r != null && /* @__PURE__ */ O("div", {
204
205
  className: "hidden shrink-0 items-center gap-2 desktop:flex",
205
206
  children: r
206
207
  })]
207
208
  }),
208
- /* @__PURE__ */ D("div", {
209
+ /* @__PURE__ */ k("div", {
209
210
  className: "flex flex-1 flex-col overflow-y-auto desktop:flex-row desktop:overflow-hidden",
210
- children: [/* @__PURE__ */ E("div", {
211
- className: s(o == null ? "desktop:flex-1" : "desktop:w-[400px] desktop:shrink-0 desktop:overflow-y-auto desktop:border-e", "desktop:overflow-y-auto", o == null ? void 0 : Y.sidebarBorder),
212
- children: a
213
- }), o != null && /* @__PURE__ */ E("div", {
214
- className: "desktop:flex desktop:min-h-0 desktop:flex-1 desktop:flex-col desktop:overflow-y-auto",
215
- children: o
216
- })]
211
+ children: [
212
+ /* @__PURE__ */ O("div", {
213
+ className: s(o == null ? "desktop:flex-1" : "desktop:w-[400px] desktop:shrink-0 desktop:overflow-y-auto desktop:border-e", "desktop:overflow-y-auto", o == null ? void 0 : X.columnBorder),
214
+ children: a
215
+ }),
216
+ o != null && /* @__PURE__ */ O("div", {
217
+ className: "desktop:flex desktop:min-h-0 desktop:flex-1 desktop:flex-col desktop:overflow-y-auto",
218
+ children: o
219
+ }),
220
+ c != null && /* @__PURE__ */ O("div", {
221
+ className: s("desktop:w-[400px] desktop:shrink-0 desktop:overflow-y-auto desktop:border-s", X.columnBorder),
222
+ children: c
223
+ })
224
+ ]
217
225
  }),
218
- r != null && /* @__PURE__ */ E("div", {
219
- className: s("flex shrink-0 flex-row-reverse items-center gap-2 border-t px-4 py-2 desktop:hidden [&>*]:flex-1", Y.footerBorder),
226
+ r != null && /* @__PURE__ */ O("div", {
227
+ className: s("flex shrink-0 flex-row-reverse items-center gap-2 border-t px-4 py-2 desktop:hidden [&>*]:flex-1", X.footerBorder),
220
228
  children: r
221
229
  })
222
230
  ]
223
231
  });
224
- }, X = {
232
+ }, Z = {
225
233
  box: "_box_c9as8_1",
226
234
  icon: "_icon_c9as8_6",
227
235
  caption: "_caption_c9as8_10"
228
- }, se = ({ label: e, avatarUrl: t, avatarAlt: n = "", addAvatarLabel: r = "Add avatar", captionText: a = "PNG, JPG or SVG (max 1 MB)", onAddAvatarClick: o, styles: c, className: l }) => {
236
+ }, oe = ({ label: e, avatarUrl: t, avatarAlt: n = "", addAvatarLabel: r = "Add avatar", captionText: a = "PNG, JPG or SVG (max 1 MB)", onAddAvatarClick: o, styles: c, className: l }) => {
229
237
  let f = i({
230
238
  "--aa-box-bg": c?.colors?.boxBackgroundColor,
231
239
  "--aa-box-border": c?.colors?.boxBorderColor,
232
240
  "--aa-icon": c?.colors?.placeholderIconColor,
233
241
  "--aa-caption": c?.colors?.captionColor
234
242
  });
235
- return /* @__PURE__ */ D("div", {
243
+ return /* @__PURE__ */ k("div", {
236
244
  className: s("flex flex-col gap-2", l),
237
245
  style: f,
238
- children: [/* @__PURE__ */ E(_, { label: e }), /* @__PURE__ */ D("div", {
246
+ children: [/* @__PURE__ */ O(_, { label: e }), /* @__PURE__ */ k("div", {
239
247
  className: "flex items-start gap-3",
240
- children: [/* @__PURE__ */ E("div", {
241
- className: s("flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-lg border", X.box),
242
- children: t ? /* @__PURE__ */ E("img", {
248
+ children: [/* @__PURE__ */ O("div", {
249
+ className: s("flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-lg border", Z.box),
250
+ children: t ? /* @__PURE__ */ O("img", {
243
251
  src: t,
244
252
  alt: n,
245
253
  className: "h-16 w-16 object-cover"
246
- }) : /* @__PURE__ */ E(A, {
254
+ }) : /* @__PURE__ */ O(M, {
247
255
  size: u.LG,
248
256
  stroke: d,
249
257
  "aria-hidden": !0,
250
- className: X.icon
258
+ className: Z.icon
251
259
  })
252
- }), /* @__PURE__ */ D("div", {
260
+ }), /* @__PURE__ */ k("div", {
253
261
  className: "flex flex-col gap-3",
254
- children: [/* @__PURE__ */ E(m, {
262
+ children: [/* @__PURE__ */ O(m, {
255
263
  size: p.Small,
256
- iconBefore: /* @__PURE__ */ E(j, {
264
+ iconBefore: /* @__PURE__ */ O(N, {
257
265
  size: u.SM,
258
266
  stroke: d,
259
267
  "aria-hidden": !0
@@ -261,22 +269,22 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
261
269
  className: "w-fit",
262
270
  label: r,
263
271
  onClick: o
264
- }), /* @__PURE__ */ E("span", {
265
- className: s("dial-tiny-text", X.caption),
272
+ }), /* @__PURE__ */ O("span", {
273
+ className: s("dial-tiny-text", Z.caption),
266
274
  children: a
267
275
  })]
268
276
  })]
269
277
  })]
270
278
  });
271
- }, ce = ({ isOpen: e, onClose: t, onAttach: n, bucket: r, FileManagerModal: i, allowedMimeTypes: a, maxFileSizeBytes: o, labels: s }) => {
272
- let c = F((e) => e.length === 1 ? s.deleteConfirmTitleSingle : s.deleteConfirmTitleMultiple, [s.deleteConfirmTitleSingle, s.deleteConfirmTitleMultiple]), l = F((e) => /* @__PURE__ */ E("div", {
279
+ }, se = ({ isOpen: e, onClose: t, onAttach: n, bucket: r, FileManagerModal: i, allowedMimeTypes: a, maxFileSizeBytes: o, labels: s }) => {
280
+ let c = I((e) => e.length === 1 ? s.deleteConfirmTitleSingle : s.deleteConfirmTitleMultiple, [s.deleteConfirmTitleSingle, s.deleteConfirmTitleMultiple]), l = I((e) => /* @__PURE__ */ O("div", {
273
281
  className: "dial-small-text px-6 py-3",
274
- children: /* @__PURE__ */ E("p", {
282
+ children: /* @__PURE__ */ O("p", {
275
283
  className: "mb-3 text-secondary",
276
- children: e.length === 1 ? /* @__PURE__ */ D(T, { children: [
284
+ children: e.length === 1 ? /* @__PURE__ */ k(D, { children: [
277
285
  s.deleteConfirmSingleText,
278
286
  " ",
279
- /* @__PURE__ */ D("span", {
287
+ /* @__PURE__ */ k("span", {
280
288
  className: "break-words text-primary",
281
289
  children: [
282
290
  "\"",
@@ -284,10 +292,10 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
284
292
  "\"?"
285
293
  ]
286
294
  })
287
- ] }) : /* @__PURE__ */ D(T, { children: [
295
+ ] }) : /* @__PURE__ */ k(D, { children: [
288
296
  s.deleteConfirmMultipleText,
289
297
  " ",
290
- /* @__PURE__ */ D("span", {
298
+ /* @__PURE__ */ k("span", {
291
299
  className: "text-primary",
292
300
  children: [
293
301
  e.length,
@@ -302,9 +310,9 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
302
310
  s.deleteConfirmMultipleText,
303
311
  s.deleteConfirmItemsLabel
304
312
  ]);
305
- return /* @__PURE__ */ E(N, {
313
+ return /* @__PURE__ */ O(ee, {
306
314
  fallback: null,
307
- children: e && /* @__PURE__ */ E(i, {
315
+ children: e && /* @__PURE__ */ O(i, {
308
316
  isOpen: e,
309
317
  onClose: t,
310
318
  onAttach: n,
@@ -335,108 +343,108 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
335
343
  deleteCancelLabel: s.deleteCancelLabel
336
344
  })
337
345
  });
338
- }, Z = /* @__PURE__ */ function(e) {
346
+ }, Q = /* @__PURE__ */ function(e) {
339
347
  return e.Avatar = "avatar", e.Name = "name", e.Version = "version", e.Description = "description", e.Locales = "locales", e.Tags = "tags", e;
340
- }({}), le = [
348
+ }({}), ce = [
341
349
  "avatar",
342
350
  "name",
343
351
  "version",
344
352
  "description",
345
353
  "locales",
346
354
  "tags"
347
- ], ue = (e, t, n) => ({
355
+ ], le = (e, t, n) => ({
348
356
  id: e,
349
357
  language: n.find((e) => !t.has(e.code))?.code ?? "",
350
358
  name: "",
351
359
  description: ""
352
- }), de = ({ value: e, onChange: t, availableLocaleOptions: r = [], labels: i, className: a, summaryClassName: o = "dial-body-text text-secondary", rowLabelClassName: m = "dial-tiny-lead-text text-secondary" }) => {
353
- let { summaryLabel: h, addLabel: _, editLabel: y, popupTitle: x, addLocaleLabel: C, localeRowLabel: w = "Locale", languageLabel: T, nameLabel: O, namePlaceholder: k, descriptionLabel: A, descriptionPlaceholder: N, deleteAriaLabel: P, cancelLabel: F = "Cancel", saveLabel: re = "Save" } = i, [I, L] = z(!1), [B, V] = z([]), H = R(0);
354
- ne(() => {
355
- I && V(e.length > 0 ? e : [ue(`locale-row-${++H.current}`, /* @__PURE__ */ new Set(), r)]);
360
+ }), ue = ({ value: e, onChange: t, availableLocaleOptions: r = [], labels: i, className: a, summaryClassName: o = "dial-body-text text-secondary", rowLabelClassName: m = "dial-tiny-lead-text text-secondary" }) => {
361
+ let { summaryLabel: h, addLabel: _, editLabel: y, popupTitle: x, addLocaleLabel: C, localeRowLabel: w = "Locale", languageLabel: D, nameLabel: A, namePlaceholder: j, descriptionLabel: M, descriptionPlaceholder: ee, deleteAriaLabel: F, cancelLabel: I = "Cancel", saveLabel: ne = "Save" } = i, [L, R] = B(!1), [V, H] = B([]), U = z(0);
362
+ te(() => {
363
+ L && H(e.length > 0 ? e : [le(`locale-row-${++U.current}`, /* @__PURE__ */ new Set(), r)]);
356
364
  }, [
357
- I,
365
+ L,
358
366
  e,
359
367
  r
360
368
  ]);
361
- let ie = () => L(!0), U = () => L(!1), ae = () => {
362
- t(B.filter((e) => e.language && e.name)), L(!1);
363
- }, W = () => {
364
- let e = new Set(B.map((e) => e.language).filter(Boolean));
365
- V((t) => [...t, ue(`locale-row-${++H.current}`, e, r)]);
366
- }, G = (e, t) => {
367
- V((n) => n.map((n) => n.id === e ? {
369
+ let re = () => R(!0), W = () => R(!1), ie = () => {
370
+ t(V.filter((e) => e.language && e.name)), R(!1);
371
+ }, G = () => {
372
+ let e = new Set(V.map((e) => e.language).filter(Boolean));
373
+ H((t) => [...t, le(`locale-row-${++U.current}`, e, r)]);
374
+ }, K = (e, t) => {
375
+ H((n) => n.map((n) => n.id === e ? {
368
376
  ...n,
369
377
  ...t
370
378
  } : n));
371
- }, K = (e) => {
372
- V((t) => t.filter((t) => t.id !== e));
373
- }, q = (e) => r.find((t) => t.code === e)?.label ?? e.toUpperCase(), J = B.some((e) => !e.language || !e.name);
374
- return r.length === 0 ? null : /* @__PURE__ */ D("div", {
379
+ }, q = (e) => {
380
+ H((t) => t.filter((t) => t.id !== e));
381
+ }, J = (e) => r.find((t) => t.code === e)?.label ?? e.toUpperCase(), Y = V.some((e) => !e.language || !e.name);
382
+ return r.length === 0 ? null : /* @__PURE__ */ k("div", {
375
383
  className: s("flex items-center gap-2", a),
376
384
  children: [
377
- e.length > 0 && /* @__PURE__ */ E("span", {
385
+ e.length > 0 && /* @__PURE__ */ O("span", {
378
386
  className: o,
379
- children: `${h}: ${e.map((e) => `[${q(e.language)}]`).join(", ")}`
387
+ children: `${h}: ${e.map((e) => `[${J(e.language)}]`).join(", ")}`
380
388
  }),
381
- /* @__PURE__ */ E(v, {
389
+ /* @__PURE__ */ O(v, {
382
390
  label: e.length > 0 ? y : _,
383
- iconBefore: /* @__PURE__ */ E(j, {
391
+ iconBefore: /* @__PURE__ */ O(N, {
384
392
  size: u.SM,
385
393
  "aria-hidden": !0,
386
394
  stroke: d
387
395
  }),
388
396
  className: "!px-0",
389
- onClick: ie
397
+ onClick: re
390
398
  }),
391
- /* @__PURE__ */ E(b, {
392
- open: I,
399
+ /* @__PURE__ */ O(b, {
400
+ open: L,
393
401
  header: x,
394
- onClose: U,
402
+ onClose: W,
395
403
  mainButtons: [{
396
- label: F,
397
- onClick: U
404
+ label: I,
405
+ onClick: W
398
406
  }, {
399
- label: re,
407
+ label: ne,
400
408
  variant: l.Primary,
401
- disabled: J,
402
- onClick: ae
409
+ disabled: Y,
410
+ onClick: ie
403
411
  }],
404
- children: /* @__PURE__ */ D("div", {
412
+ children: /* @__PURE__ */ k("div", {
405
413
  className: "flex flex-col gap-8 px-6 py-3",
406
- children: [B.map((e, t) => {
407
- let i = new Set(B.filter((t) => t.id !== e.id).map((e) => e.language).filter(Boolean));
408
- return /* @__PURE__ */ D("div", {
414
+ children: [V.map((e, t) => {
415
+ let i = new Set(V.filter((t) => t.id !== e.id).map((e) => e.language).filter(Boolean));
416
+ return /* @__PURE__ */ k("div", {
409
417
  className: "flex flex-col gap-2",
410
- children: [/* @__PURE__ */ D("div", {
418
+ children: [/* @__PURE__ */ k("div", {
411
419
  className: "flex items-center justify-between",
412
- children: [/* @__PURE__ */ D("span", {
420
+ children: [/* @__PURE__ */ k("span", {
413
421
  className: m,
414
422
  children: [
415
423
  w,
416
424
  " ",
417
425
  t + 1
418
426
  ]
419
- }), /* @__PURE__ */ E(f, {
427
+ }), /* @__PURE__ */ O(f, {
420
428
  appearance: c.Ghost,
421
429
  size: p.Small,
422
- icon: /* @__PURE__ */ E(M, {
430
+ icon: /* @__PURE__ */ O(P, {
423
431
  size: u.SM,
424
432
  "aria-hidden": !0,
425
433
  stroke: d
426
434
  }),
427
- "aria-label": `${P} ${t + 1}`,
428
- onClick: () => K(e.id)
435
+ "aria-label": `${F} ${t + 1}`,
436
+ onClick: () => q(e.id)
429
437
  })]
430
- }), /* @__PURE__ */ D("div", {
438
+ }), /* @__PURE__ */ k("div", {
431
439
  role: "group",
432
440
  "aria-label": `${w} ${t + 1}`,
433
441
  className: "flex flex-col gap-5",
434
- children: [/* @__PURE__ */ D("div", {
442
+ children: [/* @__PURE__ */ k("div", {
435
443
  className: "flex flex-col gap-5 desktop:flex-row desktop:items-start",
436
- children: [/* @__PURE__ */ E(S, {
444
+ children: [/* @__PURE__ */ O(S, {
437
445
  id: `${e.id}-language`,
438
446
  labelProps: {
439
- label: T,
447
+ label: D,
440
448
  required: !0
441
449
  },
442
450
  className: "desktop:shrink-0 desktop:basis-40",
@@ -446,65 +454,65 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
446
454
  disabled: i.has(e.code)
447
455
  })),
448
456
  value: e.language,
449
- onChange: (t) => G(e.id, { language: t })
450
- }), /* @__PURE__ */ E(g, {
457
+ onChange: (t) => K(e.id, { language: t })
458
+ }), /* @__PURE__ */ O(g, {
451
459
  id: `${e.id}-name`,
452
460
  containerClassName: "min-w-0 flex-1",
453
461
  required: !0,
454
462
  value: e.name,
455
- onChange: (t) => G(e.id, { name: t ?? "" }),
463
+ onChange: (t) => K(e.id, { name: t ?? "" }),
456
464
  labelProps: {
457
- label: O,
465
+ label: A,
458
466
  required: !0
459
467
  },
460
- placeholder: k
468
+ placeholder: j
461
469
  })]
462
- }), /* @__PURE__ */ E(ee, {
470
+ }), /* @__PURE__ */ O(T, {
463
471
  id: `${e.id}-description`,
464
472
  className: n,
465
- resize: te.Vertical,
473
+ resize: E.Vertical,
466
474
  value: e.description,
467
- onChange: (t) => G(e.id, { description: t }),
468
- labelProps: { label: A },
469
- placeholder: N
475
+ onChange: (t) => K(e.id, { description: t }),
476
+ labelProps: { label: M },
477
+ placeholder: ee
470
478
  })]
471
479
  })]
472
480
  }, e.id);
473
- }), /* @__PURE__ */ E(v, {
481
+ }), /* @__PURE__ */ O(v, {
474
482
  label: C,
475
- iconBefore: /* @__PURE__ */ E(j, {
483
+ iconBefore: /* @__PURE__ */ O(N, {
476
484
  size: u.SM,
477
485
  "aria-hidden": !0,
478
486
  stroke: d
479
487
  }),
480
488
  className: "self-start",
481
- onClick: W,
482
- disabled: B.length >= r.length
489
+ onClick: G,
490
+ disabled: V.length >= r.length
483
491
  })]
484
492
  })
485
493
  })
486
494
  ]
487
495
  });
488
- }, fe = "Add tags, comma separated", pe = "deployment-creation-form-description", me = ({ values: e, errors: t, onChange: i, onNameBlur: a, onVersionBlur: o, iconPreviewUrl: c, onAddAvatarClick: l, labels: u, styles: d, availableLocaleOptions: f = [], fields: p = le, isNameReadOnly: m = !1, nameCaption: h, isDescriptionRequired: _ = !1, renderDescription: v, focusRequestKey: y }) => {
489
- let b = R(null), x = R(null), S = R(null), C = R(!1), T = (e) => p.includes(e), O = T(Z.Name), k = T(Z.Version), A = !!(t.name || t.version || t.description), j = R(y);
490
- ne(() => {
496
+ }, de = "Add tags, comma separated", fe = "deployment-creation-form-description", pe = ({ values: e, errors: t, onChange: i, onNameBlur: a, onVersionBlur: o, iconPreviewUrl: c, onAddAvatarClick: l, labels: u, styles: d, availableLocaleOptions: f = [], fields: p = ce, isNameReadOnly: m = !1, nameCaption: h, isDescriptionRequired: _ = !1, renderDescription: v, focusRequestKey: y }) => {
497
+ let b = z(null), x = z(null), S = z(null), C = z(!1), D = (e) => p.includes(e), A = D(Q.Name), j = D(Q.Version), M = !!(t.name || t.version || t.description), N = z(y);
498
+ te(() => {
491
499
  let e = () => {
492
500
  t.name ? b.current?.focus() : t.version ? x.current?.focus() : t.description && S.current?.focus();
493
501
  };
494
502
  if (y !== void 0) {
495
- y !== j.current && (j.current = y, e());
503
+ y !== N.current && (N.current = y, e());
496
504
  return;
497
505
  }
498
- A && !C.current && e(), C.current = A;
506
+ M && !C.current && e(), C.current = M;
499
507
  }, [
500
508
  y,
501
- A,
509
+ M,
502
510
  t.name,
503
511
  t.version,
504
512
  t.description
505
513
  ]);
506
- let M = /* @__PURE__ */ E(ee, {
507
- id: pe,
514
+ let P = /* @__PURE__ */ O(T, {
515
+ id: fe,
508
516
  ref: S,
509
517
  value: e.description,
510
518
  onChange: (e) => i({ description: e }),
@@ -518,14 +526,14 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
518
526
  invalid: !!t.description,
519
527
  containerClassName: v ? void 0 : d?.field,
520
528
  className: n,
521
- resize: te.Vertical
529
+ resize: E.Vertical
522
530
  });
523
- return /* @__PURE__ */ D("div", {
531
+ return /* @__PURE__ */ k("div", {
524
532
  role: u.ariaLabel ? "group" : void 0,
525
533
  "aria-label": u.ariaLabel,
526
534
  className: s("flex flex-col gap-4", d?.root),
527
535
  children: [
528
- T(Z.Avatar) && /* @__PURE__ */ E(se, {
536
+ D(Q.Avatar) && /* @__PURE__ */ O(oe, {
529
537
  label: u.iconUrl.label,
530
538
  avatarUrl: c,
531
539
  addAvatarLabel: u.iconUrl.addAvatarLabel,
@@ -533,9 +541,9 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
533
541
  onAddAvatarClick: l,
534
542
  className: d?.field
535
543
  }),
536
- (O || k) && /* @__PURE__ */ D("div", {
544
+ (A || j) && /* @__PURE__ */ k("div", {
537
545
  className: s("flex items-start gap-4", d?.field),
538
- children: [O && /* @__PURE__ */ E(g, {
546
+ children: [A && /* @__PURE__ */ O(g, {
539
547
  id: "deployment-creation-form-name",
540
548
  inputRef: b,
541
549
  value: e.name,
@@ -550,8 +558,8 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
550
558
  caption: h,
551
559
  error: t.name || void 0,
552
560
  invalid: !!t.name,
553
- containerClassName: k ? "min-w-0 basis-0 grow-[2]" : "min-w-0 flex-1"
554
- }), k && /* @__PURE__ */ E(g, {
561
+ containerClassName: j ? "min-w-0 basis-0 grow-[2]" : "min-w-0 flex-1"
562
+ }), j && /* @__PURE__ */ O(g, {
555
563
  id: "deployment-creation-form-version",
556
564
  inputRef: x,
557
565
  value: e.version,
@@ -561,26 +569,26 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
561
569
  placeholder: u.version.placeholder,
562
570
  error: t.version || void 0,
563
571
  invalid: !!t.version,
564
- containerClassName: O ? "min-w-0 basis-0 grow-[1]" : "min-w-0 flex-1"
572
+ containerClassName: A ? "min-w-0 basis-0 grow-[1]" : "min-w-0 flex-1"
565
573
  })]
566
574
  }),
567
- T(Z.Description) && (v ? /* @__PURE__ */ E("div", {
575
+ D(Q.Description) && (v ? /* @__PURE__ */ O("div", {
568
576
  className: d?.field,
569
- children: v(M, pe)
570
- }) : M),
571
- T(Z.Locales) && /* @__PURE__ */ E(de, {
577
+ children: v(P, fe)
578
+ }) : P),
579
+ D(Q.Locales) && /* @__PURE__ */ O(ue, {
572
580
  value: e.otherLocales,
573
581
  onChange: (e) => i({ otherLocales: e }),
574
582
  availableLocaleOptions: f,
575
583
  labels: u.otherLocales,
576
584
  className: d?.field
577
585
  }),
578
- T(Z.Tags) && /* @__PURE__ */ E("div", {
586
+ D(Q.Tags) && /* @__PURE__ */ O("div", {
579
587
  className: d?.field,
580
- children: /* @__PURE__ */ E(w, {
588
+ children: /* @__PURE__ */ O(w, {
581
589
  id: "deployment-creation-form-topics",
582
590
  labelProps: { label: u.topics.label },
583
- placeholder: u.topics.placeholder ?? fe,
591
+ placeholder: u.topics.placeholder ?? de,
584
592
  value: e.topics,
585
593
  onChange: (e) => i({ topics: e }),
586
594
  tagClassName: r
@@ -588,47 +596,53 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
588
596
  })
589
597
  ]
590
598
  });
591
- }, he = "border-0 p-4 desktop:p-8", ge = "desktop:flex-1", _e = "px-4 pt-4 desktop:px-6 desktop:pt-6", ve = P(({ title: e, onBack: t, onCancel: n, onSubmit: r, submitLabel: i, isSubmitting: a = !1, isSubmitDisabled: o = !1, extraActions: c, hideStandardActions: l = !1, metadata: u, metadataTitle: d, metadataFooter: f, setup: p, setupTitle: m, alert: h, metadataSectionClassName: g, setupSectionClassName: _, labels: v, styles: b, dir: S }) => {
592
- let C = h == null ? null : /* @__PURE__ */ E("div", {
599
+ }, me = "border-0 p-4 desktop:p-8", he = "desktop:flex-1", ge = "px-4 pt-4 desktop:px-6 desktop:pt-6", _e = F(({ title: e, onBack: t, onCancel: n, onSubmit: r, submitLabel: i, isSubmitting: a = !1, isSubmitDisabled: o = !1, extraActions: c, hideStandardActions: l = !1, metadata: u, metadataTitle: d, metadataFooter: f, setup: p, setupTitle: m, asideData: h, asideTitle: g, asideSectionClassName: _, alert: v, metadataSectionClassName: b, setupSectionClassName: S, labels: C, styles: w, dir: T }) => {
600
+ let E = v == null ? null : /* @__PURE__ */ O("div", {
593
601
  role: "alert",
594
- className: _e,
595
- children: h
596
- }), w = p != null;
597
- return /* @__PURE__ */ E(oe, {
602
+ className: ge,
603
+ children: v
604
+ }), A = p != null;
605
+ return /* @__PURE__ */ O(ae, {
598
606
  title: e,
599
607
  onBack: t,
600
- backAriaLabel: v?.backAriaLabel ?? "Back",
608
+ backAriaLabel: C?.backAriaLabel ?? "Back",
601
609
  isSaving: a,
602
- labels: { savingStatusLabel: v?.savingStatusLabel ?? "Saving" },
603
- styles: b?.layout,
604
- dir: S,
605
- actions: /* @__PURE__ */ D(T, { children: [c, !l && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(y, {
606
- label: v?.cancelLabel ?? "Cancel",
610
+ labels: { savingStatusLabel: C?.savingStatusLabel ?? "Saving" },
611
+ rightContent: h == null ? void 0 : /* @__PURE__ */ O(Y, {
612
+ title: g,
613
+ styles: w?.section,
614
+ className: s(me, _, q.asideSection),
615
+ children: h
616
+ }),
617
+ styles: w?.layout,
618
+ dir: T,
619
+ actions: /* @__PURE__ */ k(D, { children: [c, !l && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(y, {
620
+ label: C?.cancelLabel ?? "Cancel",
607
621
  disabled: a,
608
622
  onClick: n
609
- }), /* @__PURE__ */ E(x, {
623
+ }), /* @__PURE__ */ O(x, {
610
624
  label: i,
611
625
  disabled: a || o,
612
626
  onClick: r
613
627
  })] })] }),
614
- leftContent: /* @__PURE__ */ D(T, { children: [
615
- !w && C,
616
- /* @__PURE__ */ E(J, {
617
- title: d === null ? void 0 : d ?? v?.metadataTitle ?? "Metadata",
618
- styles: b?.section,
619
- className: s(he, g, K.metadataSection),
628
+ leftContent: /* @__PURE__ */ k(D, { children: [
629
+ !A && E,
630
+ /* @__PURE__ */ O(Y, {
631
+ title: d === null ? void 0 : d ?? C?.metadataTitle ?? "Metadata",
632
+ styles: w?.section,
633
+ className: s(me, b, q.metadataSection),
620
634
  children: u
621
635
  }),
622
636
  f
623
637
  ] }),
624
- rightContent: w ? /* @__PURE__ */ D(T, { children: [C, /* @__PURE__ */ E(J, {
625
- title: m === null ? void 0 : m ?? v?.setupTitle ?? "Setup",
626
- styles: b?.section,
627
- className: s(he, ge, _, K.setupSection),
638
+ centerContent: A ? /* @__PURE__ */ k(D, { children: [E, /* @__PURE__ */ O(Y, {
639
+ title: m === null ? void 0 : m ?? C?.setupTitle ?? "Setup",
640
+ styles: w?.section,
641
+ className: s(me, he, S, q.setupSection),
628
642
  children: p
629
643
  })] }) : void 0
630
644
  });
631
- }), ye = {
645
+ }), ve = {
632
646
  name: {
633
647
  label: "Name",
634
648
  placeholder: "Enter name"
@@ -667,7 +681,7 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
667
681
  saveLabel: "Save"
668
682
  },
669
683
  ariaLabel: "Metadata"
670
- }, be = {
684
+ }, ye = {
671
685
  title: "Add avatar",
672
686
  attachLabel: "Attach",
673
687
  emptyTitle: "This folder is empty",
@@ -691,12 +705,12 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
691
705
  deleteConfirmItemsLabel: "items?",
692
706
  deleteConfirmLabel: "Delete",
693
707
  deleteCancelLabel: "Cancel"
694
- }, xe = P(({ values: e, errors: t, onChange: n, onNameBlur: r, onVersionBlur: i, avatarPicker: a, availableLocaleOptions: o, fields: s = le, isNameReadOnly: c, nameCaption: l, isDescriptionRequired: u, renderDescription: d, focusRequestKey: f, labels: p }) => {
695
- let [m, h] = z(!1), g = L(() => a ? s : s.filter((e) => e !== Z.Avatar), [a, s]), _ = e.iconUrl, v = a?.resolveIconUrl, y = L(() => v ? v(_) : void 0, [_, v]), b = F(() => h(!0), []), x = F(() => h(!1), []), S = a?.resolveAttachedIconUrl, C = F((e) => {
708
+ }, be = F(({ values: e, errors: t, onChange: n, onNameBlur: r, onVersionBlur: i, avatarPicker: a, availableLocaleOptions: o, fields: s = ce, isNameReadOnly: c, nameCaption: l, isDescriptionRequired: u, renderDescription: d, focusRequestKey: f, labels: p }) => {
709
+ let [m, h] = B(!1), g = R(() => a ? s : s.filter((e) => e !== Q.Avatar), [a, s]), _ = e.iconUrl, v = a?.resolveIconUrl, y = R(() => v ? v(_) : void 0, [_, v]), b = I(() => h(!0), []), x = I(() => h(!1), []), S = a?.resolveAttachedIconUrl, C = I((e) => {
696
710
  let t = S?.(e);
697
711
  t && n({ iconUrl: t }), h(!1);
698
712
  }, [n, S]);
699
- return /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(me, {
713
+ return /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(pe, {
700
714
  values: e,
701
715
  errors: t,
702
716
  onChange: n,
@@ -704,7 +718,7 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
704
718
  onVersionBlur: i,
705
719
  iconPreviewUrl: y,
706
720
  onAddAvatarClick: b,
707
- labels: p?.form ?? ye,
721
+ labels: p?.form ?? ve,
708
722
  availableLocaleOptions: o,
709
723
  fields: g,
710
724
  isNameReadOnly: c,
@@ -712,7 +726,7 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
712
726
  isDescriptionRequired: u,
713
727
  renderDescription: d,
714
728
  focusRequestKey: f
715
- }), a && /* @__PURE__ */ E(ce, {
729
+ }), a && /* @__PURE__ */ O(se, {
716
730
  isOpen: m,
717
731
  onClose: x,
718
732
  onAttach: C,
@@ -720,16 +734,16 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
720
734
  FileManagerModal: a.FileManagerModal,
721
735
  allowedMimeTypes: a.allowedMimeTypes,
722
736
  maxFileSizeBytes: a.maxFileSizeBytes,
723
- labels: p?.avatarPicker ?? be
737
+ labels: p?.avatarPicker ?? ye
724
738
  })] });
725
- }), Q = /* @__PURE__ */ function(e) {
739
+ }), $ = /* @__PURE__ */ function(e) {
726
740
  return e.Required = "required", e.InvalidFormat = "invalid-format", e.TooLong = "too-long", e.ControlCharacters = "control-characters", e;
727
- }({}), Se = (e, t) => e.length === t.length && e.every((e, n) => e.id === t[n].id && e.language === t[n].language && e.name === t[n].name && e.description === t[n].description), Ce = (e, t) => e.name === t.name && e.description === t.description && e.iconUrl === t.iconUrl && e.version === t.version && e.topics.length === t.topics.length && e.topics.every((e, n) => e === t.topics[n]) && Se(e.otherLocales, t.otherLocales), we = (e) => Object.values(e).every((e) => e == null), Te = /^[a-zA-Z0-9 _.-]+$/, Ee = /^[a-zA-Z0-9._-]+$/, De = /^(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(?:-(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*)?(?:\+[0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*)?$/, Oe = (n, r = {}) => {
741
+ }({}), xe = (e, t) => e.length === t.length && e.every((e, n) => e.id === t[n].id && e.language === t[n].language && e.name === t[n].name && e.description === t[n].description), Se = (e, t) => e.name === t.name && e.description === t.description && e.iconUrl === t.iconUrl && e.version === t.version && e.topics.length === t.topics.length && e.topics.every((e, n) => e === t.topics[n]) && xe(e.otherLocales, t.otherLocales), Ce = (e) => Object.values(e).every((e) => e == null), we = /^[a-zA-Z0-9 _.-]+$/, Te = /^[a-zA-Z0-9._-]+$/, Ee = /^(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(?:-(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*)?(?:\+[0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*)?$/, De = (n, r = {}) => {
728
742
  let i = {}, s = n.name.trim();
729
- s ? a(s, t) ? i.name = Q.TooLong : r.validateNamePattern && !Te.test(s) ? i.name = Q.InvalidFormat : o(s) && (i.name = Q.ControlCharacters) : i.name = Q.Required, a(n.description, e) && (i.description = Q.TooLong);
743
+ s ? a(s, t) ? i.name = $.TooLong : r.validateNamePattern && !we.test(s) ? i.name = $.InvalidFormat : o(s) && (i.name = $.ControlCharacters) : i.name = $.Required, a(n.description, e) && (i.description = $.TooLong);
730
744
  let c = n.version.trim();
731
- return r.validateVersionPattern && c && ((r.validateVersionPattern instanceof RegExp ? r.validateVersionPattern : Ee).test(c) || (i.version = Q.InvalidFormat)), i;
732
- }, ke = new Set([Q.TooLong, Q.ControlCharacters]), $ = (e, t) => ({
745
+ return r.validateVersionPattern && c && ((r.validateVersionPattern instanceof RegExp ? r.validateVersionPattern : Te).test(c) || (i.version = $.InvalidFormat)), i;
746
+ }, Oe = new Set([$.TooLong, $.ControlCharacters]), ke = (e, t) => ({
733
747
  reseedKey: t,
734
748
  values: e,
735
749
  baseline: e,
@@ -737,49 +751,49 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
737
751
  hasAttemptedSubmit: !1,
738
752
  submitAttemptCount: 0
739
753
  }), Ae = ({ initialValues: e, validationOptions: t, reseedKey: n }) => {
740
- let [r, i] = z(() => $(e, n));
741
- r.reseedKey !== n && i($(e, n));
742
- let a = t?.validateNamePattern, o = t?.validateVersionPattern, s = L(() => Oe(r.values, {
754
+ let [r, i] = B(() => ke(e, n));
755
+ r.reseedKey !== n && i(ke(e, n));
756
+ let a = t?.validateNamePattern, o = t?.validateVersionPattern, s = R(() => De(r.values, {
743
757
  validateNamePattern: a,
744
758
  validateVersionPattern: o
745
759
  }), [
746
760
  r.values,
747
761
  a,
748
762
  o
749
- ]), c = L(() => {
763
+ ]), c = R(() => {
750
764
  if (r.hasAttemptedSubmit) return s;
751
- let e = (e, t) => e && (t || ke.has(e)) ? e : void 0;
765
+ let e = (e, t) => e && (t || Oe.has(e)) ? e : void 0;
752
766
  return {
753
- name: e(s.name, r.touched[Z.Name]),
754
- version: e(s.version, r.touched[Z.Version]),
755
- description: e(s.description, r.touched[Z.Description])
767
+ name: e(s.name, r.touched[Q.Name]),
768
+ version: e(s.version, r.touched[Q.Version]),
769
+ description: e(s.description, r.touched[Q.Description])
756
770
  };
757
771
  }, [
758
772
  s,
759
773
  r.hasAttemptedSubmit,
760
774
  r.touched
761
- ]), l = R(s), u = R(e);
762
- I(() => {
775
+ ]), l = z(s), u = z(e);
776
+ L(() => {
763
777
  l.current = s, u.current = e;
764
778
  });
765
- let d = F((e) => i((t) => ({
779
+ let d = I((e) => i((t) => ({
766
780
  ...t,
767
781
  values: {
768
782
  ...t.values,
769
783
  ...e
770
784
  }
771
- })), []), f = F((e) => i((t) => t.touched[e] ? t : {
785
+ })), []), f = I((e) => i((t) => t.touched[e] ? t : {
772
786
  ...t,
773
787
  touched: {
774
788
  ...t.touched,
775
789
  [e]: !0
776
790
  }
777
- }), []), p = F(() => (i((e) => ({
791
+ }), []), p = I(() => (i((e) => ({
778
792
  ...e,
779
793
  hasAttemptedSubmit: !0,
780
794
  submitAttemptCount: e.submitAttemptCount + 1
781
- })), we(l.current)), []), m = F((e) => i((t) => $(e ?? u.current, t.reseedKey)), []), h = L(() => !Ce(r.values, r.baseline), [r.values, r.baseline]);
782
- return L(() => ({
795
+ })), Ce(l.current)), []), m = I((e) => i((t) => ke(e ?? u.current, t.reseedKey)), []), h = R(() => !Se(r.values, r.baseline), [r.values, r.baseline]);
796
+ return R(() => ({
783
797
  values: r.values,
784
798
  setValues: d,
785
799
  touched: r.touched,
@@ -804,4 +818,4 @@ var B = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
804
818
  ]);
805
819
  };
806
820
  //#endregion
807
- export { se as AddAvatar, ce as AvatarPickerModal, K as BUILDER_FORM_CLASS, G as BuilderFormContainer, ye as DEFAULT_METADATA_FORM_LABELS, Q as DeploymentCreationFieldErrorCode, me as DeploymentCreationForm, de as DeploymentLocalesField, oe as EditorLayout, J as EditorSection, ve as EntityEditor, Z as MetadataField, xe as MetadataForm, Te as NAME_PATTERN, De as SEMVER_VERSION_PATTERN, Ee as VERSION_PATTERN, Ae as useMetadataForm, Oe as validateDeploymentCreationFields };
821
+ export { oe as AddAvatar, se as AvatarPickerModal, q as BUILDER_FORM_CLASS, K as BuilderFormContainer, ve as DEFAULT_METADATA_FORM_LABELS, $ as DeploymentCreationFieldErrorCode, pe as DeploymentCreationForm, ue as DeploymentLocalesField, ae as EditorLayout, Y as EditorSection, _e as EntityEditor, Q as MetadataField, be as MetadataForm, we as NAME_PATTERN, Ee as SEMVER_VERSION_PATTERN, Te as VERSION_PATTERN, Ae as useMetadataForm, De as validateDeploymentCreationFields };
package/models/editor-layout-props.d.ts CHANGED
@@ -8,7 +8,7 @@ export interface EditorLayoutLabels {
8
8
  export interface EditorLayoutColors {
9
9
  /** Bottom border color of the header row. Defaults to `--stroke-tertiary`. */
10
10
  headerBorderColor?: string;
11
- /** Inline-end border color of the left sidebar panel. Defaults to `--stroke-tertiary`. */
11
+ /** Border color of the dividers between the side columns and the main column (the left sidebar and `rightContent`). Defaults to `--stroke-tertiary`. */
12
12
  sidebarBorderColor?: string;
13
13
  }
14
14
  /** Style overrides for `EditorLayout`. */
@@ -28,7 +28,15 @@ export interface EditorLayoutProps {
28
28
  actions?: ReactNode;
29
29
  /** Left column content (Metadata section at desktop; top on mobile). */
30
30
  leftContent?: ReactNode;
31
- /** Right column content (Setup section at desktop; bottom on mobile). When absent, left content fills full width. */
31
+ /** Center column content (Setup section at desktop; bottom on mobile). When absent, left content fills full width. */
32
+ centerContent?: ReactNode;
33
+ /**
34
+ * Host-rendered content in an extra, third column at the inline end, below
35
+ * the header, on desktop; stacked after the other content on mobile/tablet.
36
+ * Rendered verbatim — the host owns its inner spacing and
37
+ * look. Omit for the default two-column layout (`leftContent` and
38
+ * `centerContent`).
39
+ */
32
40
  rightContent?: ReactNode;
33
41
  /** When `true`, the SR-only saving status region announces `labels.savingStatusLabel`. */
34
42
  isSaving?: boolean;
package/models/editor-layout-props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"editor-layout-props.d.ts","sourceRoot":"","sources":["../../src/models/editor-layout-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,yEAAyE;AACzE,MAAM,WAAW,kBAAkB;IACjC,iFAAiF;IACjF,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wDAAwD;AACxD,MAAM,WAAW,kBAAkB;IACjC,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0FAA0F;IAC1F,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,0CAA0C;AAC1C,MAAM,WAAW,kBAAkB;IACjC,6BAA6B;IAC7B,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAED,gCAAgC;AAChC,MAAM,WAAW,iBAAiB;IAChC,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,wEAAwE;IACxE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wEAAwE;IACxE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,qHAAqH;IACrH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,yDAAyD;IACzD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,qFAAqF;IACrF,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CACrB"}
1
+ {"version":3,"file":"editor-layout-props.d.ts","sourceRoot":"","sources":["../../src/models/editor-layout-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,yEAAyE;AACzE,MAAM,WAAW,kBAAkB;IACjC,iFAAiF;IACjF,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wDAAwD;AACxD,MAAM,WAAW,kBAAkB;IACjC,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wJAAwJ;IACxJ,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,0CAA0C;AAC1C,MAAM,WAAW,kBAAkB;IACjC,6BAA6B;IAC7B,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAED,gCAAgC;AAChC,MAAM,WAAW,iBAAiB;IAChC,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,wEAAwE;IACxE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wEAAwE;IACxE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,sHAAsH;IACtH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,yDAAyD;IACzD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,qFAAqF;IACrF,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CACrB"}
package/models/entity-editor-props.d.ts CHANGED
@@ -63,6 +63,17 @@ export interface EntityEditorProps {
63
63
  metadataSectionClassName?: string;
64
64
  /** Class added to the Setup section root, e.g. an embedding editor's own public class. */
65
65
  setupSectionClassName?: string;
66
+ /**
67
+ * Host-rendered content of an extra Aside section in a third column at the
68
+ * inline end, below the header, on desktop (the Metadata and Setup sections
69
+ * are the first two); stacked after the other content on mobile/tablet.
70
+ * Omit for the default two-column layout.
71
+ */
72
+ asideData?: ReactNode;
73
+ /** Heading of the Aside section. Renders no heading when omitted, for content that carries its own. */
74
+ asideTitle?: string;
75
+ /** Class added to the Aside section root, e.g. to drop its padding for edge-to-edge content. */
76
+ asideSectionClassName?: string;
66
77
  /** Text labels with English defaults. */
67
78
  labels?: EntityEditorLabels;
68
79
  /** Style overrides. */
package/models/entity-editor-props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"entity-editor-props.d.ts","sourceRoot":"","sources":["../../src/models/entity-editor-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,yEAAyE;AACzE,MAAM,WAAW,kBAAkB;IACjC,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wFAAwF;IACxF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uEAAuE;IACvE,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,0CAA0C;AAC1C,MAAM,WAAW,kBAAkB;IACjC,uDAAuD;IACvD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,gCAAgC;AAChC,MAAM,WAAW,iBAAiB;IAChC,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gDAAgD;IAChD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,+EAA+E;IAC/E,WAAW,EAAE,MAAM,CAAC;IACpB,mGAAmG;IACnG,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oEAAoE;IACpE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,8FAA8F;IAC9F,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,0DAA0D;IAC1D,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,qEAAqE;IACrE,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,sGAAsG;IACtG,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,qGAAqG;IACrG,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6FAA6F;IAC7F,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,0FAA0F;IAC1F,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,yCAAyC;IACzC,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,uBAAuB;IACvB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,uFAAuF;IACvF,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CACrB"}
1
+ {"version":3,"file":"entity-editor-props.d.ts","sourceRoot":"","sources":["../../src/models/entity-editor-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,yEAAyE;AACzE,MAAM,WAAW,kBAAkB;IACjC,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wFAAwF;IACxF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uEAAuE;IACvE,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,0CAA0C;AAC1C,MAAM,WAAW,kBAAkB;IACjC,uDAAuD;IACvD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,gCAAgC;AAChC,MAAM,WAAW,iBAAiB;IAChC,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gDAAgD;IAChD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,+EAA+E;IAC/E,WAAW,EAAE,MAAM,CAAC;IACpB,mGAAmG;IACnG,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oEAAoE;IACpE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,8FAA8F;IAC9F,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,0DAA0D;IAC1D,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,qEAAqE;IACrE,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,sGAAsG;IACtG,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,qGAAqG;IACrG,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6FAA6F;IAC7F,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,0FAA0F;IAC1F,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,uGAAuG;IACvG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gGAAgG;IAChG,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,yCAAyC;IACzC,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,uBAAuB;IACvB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,uFAAuF;IACvF,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CACrB"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@epam/ai-dial-builder-form",
3
3
  "description": "Presentational builder form shells, editor layouts, and shared deployment field sets for composing and editing DIAL entities",
4
- "version": "1.2.0-dev.325",
4
+ "version": "1.2.0-dev.327",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -20,7 +20,7 @@
20
20
  "@tabler/icons-react": "^3.44.0"
21
21
  },
22
22
  "peerDependencies": {
23
- "@epam/ai-dial-chat-shared": "1.2.0-dev.325",
23
+ "@epam/ai-dial-chat-shared": "1.2.0-dev.327",
24
24
  "@epam/ai-dial-ui-kit": "^0.15.0-dev.51",
25
25
  "react": "^19.2.8"
26
26
  },