@genexus/genexus-ide-ui 3.2.10 → 3.2.11

package/dist/types/components/select-team-or-org/select-team-or-org.d.ts

@@ -0,0 +1,38 @@
+export declare class GxIdeSelectTeamOrOrg {
+    #private;
+    el: HTMLGxIdeSelectTeamOrOrgElement;
+    /**
+     * Defines if the main slide is visible or not. Used for smooth transitions between slides.
+     */
+    slideIsVisible: boolean;
+    /**
+     * Defines if the items model is ready to be rendered.
+     */
+    itemsModelReady: boolean;
+    /**
+     * Callback executed when the user clicks the 'Cancel' button
+     */
+    readonly cancelCallback: () => Promise<void>;
+    /**
+     * Callback executed when the user clicks the 'Confirm' button
+     */
+    readonly confirmCallback: (itemId: string) => Promise<void>;
+    /**
+     * Whether the picker is selecting a team or an organization.
+     * Drives the title, info message and combo label.
+     */
+    readonly selectionType: SelectionType;
+    /**
+     * Array that contains the selectable items (teams or organizations).
+     */
+    readonly items: SelectableItem[];
+    itemsChanged(newItems: SelectableItem[]): void;
+    componentWillLoad(): Promise<void>;
+    componentDidLoad(): void;
+    render(): any;
+}
+export type SelectableItem = {
+    id: string;
+    name: string;
+};
+export type SelectionType = "team" | "organization";

package/dist/types/components/sign-in-organization/helpers.d.ts

@@ -0,0 +1,3 @@
+import { ComboBoxItemModel } from "@genexus/chameleon-controls-library/dist/types/components/combo-box/types";
+import { OrganizationData } from "./sign-in-organization";
+export declare const mapOrganizationsToComboBoxItemModel: (organizations?: OrganizationData[]) => ComboBoxItemModel[] | undefined;

package/dist/types/components/{sign-in-team/sign-in-team.d.ts → sign-in-organization/sign-in-organization.d.ts}

@@ -1,6 +1,6 @@
-export declare class GxIdeSignInTeam {
+export declare class GxIdeSignInOrganization {
     #private;
-    el: HTMLGxIdeSignInTeamElement;
+    el: HTMLGxIdeSignInOrganizationElement;
     /**
      * This is a handover from "authStep" that allows updating descriptions once
      * the slide is hidden. This enables a smooth transition between descriptions.
@@ -23,7 +23,7 @@ export declare class GxIdeSignInTeam {
     /**
      * Callback executed when the user clicks the 'Continue' button
      */
-    readonly continueCallback: (teamId: string) => Promise<void>;
+    readonly continueCallback: (organizationId: string) => Promise<void>;
     /**
      * Callback executed when the user click the "Sign In" button
      */
@@ -33,10 +33,10 @@ export declare class GxIdeSignInTeam {
      */
     readonly termsConfirmationRequired: boolean;
     /**
-     * Array that contains the user's teams
+     * Array that contains the user's organizations
      */
-    readonly teams: TeamData[];
-    teamsChanged(newTeams: TeamData[]): void;
+    readonly organizations: OrganizationData[];
+    organizationsChanged(newOrganizations: OrganizationData[]): void;
     /**
      * Callback executed when the user clicks on the "term and conditions" link
      */
@@ -48,8 +48,8 @@ export declare class GxIdeSignInTeam {
     componentWillLoad(): Promise<void>;
     render(): any;
 }
-export type AuthStep = "signIn" | "fetchUserTeams" | "selectUserTeam" | "settingUpSession";
-export type TeamData = {
+export type AuthStep = "signIn" | "fetchOrganizations" | "selectOrganization" | "settingUpSession";
+export type OrganizationData = {
     id: string;
     name: string;
 };

package/dist/types/components.d.ts

@@ -62,10 +62,10 @@ import { LoadReferencesCallback, ObjectData as ObjectData1, OpenObjectCallback,
 import { RestoreVersionData } from "./components/restore-version/restore-version";
 import { ItemDoubleClickCallback, SearchParamsData, SearchResultData } from "./components/search/search";
 import { CheckboxType, DialogAction, ItemNode } from "./components/select-kb-items/select-kb-items";
-import { TeamData } from "./components/select-user-team/select-user-team";
+import { SelectableItem, SelectionType } from "./components/select-team-or-org/select-team-or-org";
 import { AuthenticationSessionOrigin, ConnectionOption, ServerData } from "./components/team-dev/server-selector/server-selector";
 import { ShareKBData } from "./components/team-dev/share-kb/share-kb";
-import { AuthStep, TeamData as TeamData1 } from "./components/sign-in-team/sign-in-team";
+import { AuthStep, OrganizationData } from "./components/sign-in-organization/sign-in-organization";
 import { MessageType } from "./components/splash/splash";
 import { RecentKBData, SampleData, SecondarySection } from "./components/start-page/start-page";
 import { CancelCallback as CancelCallback17, SaveCallback as SaveCallback1 } from "./components/_starting-template/starting-template";
@@ -141,10 +141,10 @@ export { LoadReferencesCallback, ObjectData as ObjectData1, OpenObjectCallback,
 export { RestoreVersionData } from "./components/restore-version/restore-version";
 export { ItemDoubleClickCallback, SearchParamsData, SearchResultData } from "./components/search/search";
 export { CheckboxType, DialogAction, ItemNode } from "./components/select-kb-items/select-kb-items";
-export { TeamData } from "./components/select-user-team/select-user-team";
+export { SelectableItem, SelectionType } from "./components/select-team-or-org/select-team-or-org";
 export { AuthenticationSessionOrigin, ConnectionOption, ServerData } from "./components/team-dev/server-selector/server-selector";
 export { ShareKBData } from "./components/team-dev/share-kb/share-kb";
-export { AuthStep, TeamData as TeamData1 } from "./components/sign-in-team/sign-in-team";
+export { AuthStep, OrganizationData } from "./components/sign-in-organization/sign-in-organization";
 export { MessageType } from "./components/splash/splash";
 export { RecentKBData, SampleData, SecondarySection } from "./components/start-page/start-page";
 export { CancelCallback as CancelCallback17, SaveCallback as SaveCallback1 } from "./components/_starting-template/starting-template";
@@ -2180,19 +2180,23 @@ export namespace Components {
          */
         "useLoader"?: boolean;
     }
-    interface GxIdeSelectUserTeam {
+    interface GxIdeSelectTeamOrOrg {
         /**
           * Callback executed when the user clicks the 'Cancel' button
          */
         "cancelCallback": () => Promise<void>;
         /**
-          * Callback executed when the user clicks the 'Continue' button
+          * Callback executed when the user clicks the 'Confirm' button
+         */
+        "confirmCallback": (itemId: string) => Promise<void>;
+        /**
+          * Array that contains the selectable items (teams or organizations).
          */
-        "continueCallback": (teamId: string) => Promise<void>;
+        "items": SelectableItem[];
         /**
-          * Array that contains the user's teams
+          * Whether the picker is selecting a team or an organization. Drives the title, info message and combo label.
          */
-        "teams": TeamData[];
+        "selectionType": SelectionType;
     }
     interface GxIdeServerSelector {
         /**
@@ -2273,9 +2277,7 @@ export namespace Components {
          */
         "termsCallback": () => Promise<void>;
     }
-    interface GxIdeSignInResult {
-    }
-    interface GxIdeSignInTeam {
+    interface GxIdeSignInOrganization {
         /**
           * The authentication step to display
          */
@@ -2283,7 +2285,11 @@ export namespace Components {
         /**
           * Callback executed when the user clicks the 'Continue' button
          */
-        "continueCallback": (teamId: string) => Promise<void>;
+        "continueCallback": (organizationId: string) => Promise<void>;
+        /**
+          * Array that contains the user's organizations
+         */
+        "organizations": OrganizationData[];
         /**
           * Callback executed when the user clicks on the "privacy policy" link
          */
@@ -2292,10 +2298,6 @@ export namespace Components {
           * Callback executed when the user click the "Sign In" button
          */
         "signInCallback": () => Promise<void>;
-        /**
-          * Array that contains the user's teams
-         */
-        "teams": TeamData1[];
         /**
           * Callback executed when the user clicks on the "term and conditions" link
          */
@@ -2305,6 +2307,8 @@ export namespace Components {
          */
         "termsConfirmationRequired": boolean;
     }
+    interface GxIdeSignInResult {
+    }
     interface GxIdeSplash {
         /**
           * The application version to display in the dialog.
@@ -3764,11 +3768,11 @@ declare global {
         prototype: HTMLGxIdeSelectKbItemsElement;
         new (): HTMLGxIdeSelectKbItemsElement;
     };
-    interface HTMLGxIdeSelectUserTeamElement extends Components.GxIdeSelectUserTeam, HTMLStencilElement {
+    interface HTMLGxIdeSelectTeamOrOrgElement extends Components.GxIdeSelectTeamOrOrg, HTMLStencilElement {
     }
-    var HTMLGxIdeSelectUserTeamElement: {
-        prototype: HTMLGxIdeSelectUserTeamElement;
-        new (): HTMLGxIdeSelectUserTeamElement;
+    var HTMLGxIdeSelectTeamOrOrgElement: {
+        prototype: HTMLGxIdeSelectTeamOrOrgElement;
+        new (): HTMLGxIdeSelectTeamOrOrgElement;
     };
     interface HTMLGxIdeServerSelectorElement extends Components.GxIdeServerSelector, HTMLStencilElement {
     }
@@ -3799,18 +3803,18 @@ declare global {
         prototype: HTMLGxIdeSignInElement;
         new (): HTMLGxIdeSignInElement;
     };
+    interface HTMLGxIdeSignInOrganizationElement extends Components.GxIdeSignInOrganization, HTMLStencilElement {
+    }
+    var HTMLGxIdeSignInOrganizationElement: {
+        prototype: HTMLGxIdeSignInOrganizationElement;
+        new (): HTMLGxIdeSignInOrganizationElement;
+    };
     interface HTMLGxIdeSignInResultElement extends Components.GxIdeSignInResult, HTMLStencilElement {
     }
     var HTMLGxIdeSignInResultElement: {
         prototype: HTMLGxIdeSignInResultElement;
         new (): HTMLGxIdeSignInResultElement;
     };
-    interface HTMLGxIdeSignInTeamElement extends Components.GxIdeSignInTeam, HTMLStencilElement {
-    }
-    var HTMLGxIdeSignInTeamElement: {
-        prototype: HTMLGxIdeSignInTeamElement;
-        new (): HTMLGxIdeSignInTeamElement;
-    };
     interface HTMLGxIdeSplashElement extends Components.GxIdeSplash, HTMLStencilElement {
     }
     var HTMLGxIdeSplashElement: {
@@ -4045,12 +4049,12 @@ declare global {
         "gx-ide-sc-chat-container": HTMLGxIdeScChatContainerElement;
         "gx-ide-search": HTMLGxIdeSearchElement;
         "gx-ide-select-kb-items": HTMLGxIdeSelectKbItemsElement;
-        "gx-ide-select-user-team": HTMLGxIdeSelectUserTeamElement;
+        "gx-ide-select-team-or-org": HTMLGxIdeSelectTeamOrOrgElement;
         "gx-ide-server-selector": HTMLGxIdeServerSelectorElement;
         "gx-ide-share-kb": HTMLGxIdeShareKbElement;
         "gx-ide-sign-in": HTMLGxIdeSignInElement;
+        "gx-ide-sign-in-organization": HTMLGxIdeSignInOrganizationElement;
         "gx-ide-sign-in-result": HTMLGxIdeSignInResultElement;
-        "gx-ide-sign-in-team": HTMLGxIdeSignInTeamElement;
         "gx-ide-splash": HTMLGxIdeSplashElement;
         "gx-ide-start-page": HTMLGxIdeStartPageElement;
         "gx-ide-starting-template": HTMLGxIdeStartingTemplateElement;
@@ -6130,19 +6134,23 @@ declare namespace LocalJSX {
          */
         "useLoader"?: boolean;
     }
-    interface GxIdeSelectUserTeam {
+    interface GxIdeSelectTeamOrOrg {
         /**
           * Callback executed when the user clicks the 'Cancel' button
          */
         "cancelCallback": () => Promise<void>;
         /**
-          * Callback executed when the user clicks the 'Continue' button
+          * Callback executed when the user clicks the 'Confirm' button
          */
-        "continueCallback": (teamId: string) => Promise<void>;
+        "confirmCallback": (itemId: string) => Promise<void>;
         /**
-          * Array that contains the user's teams
+          * Array that contains the selectable items (teams or organizations).
          */
-        "teams": TeamData[];
+        "items": SelectableItem[];
+        /**
+          * Whether the picker is selecting a team or an organization. Drives the title, info message and combo label.
+         */
+        "selectionType"?: SelectionType;
     }
     interface GxIdeServerSelector {
         /**
@@ -6223,9 +6231,7 @@ declare namespace LocalJSX {
          */
         "termsCallback"?: () => Promise<void>;
     }
-    interface GxIdeSignInResult {
-    }
-    interface GxIdeSignInTeam {
+    interface GxIdeSignInOrganization {
         /**
           * The authentication step to display
          */
@@ -6233,7 +6239,11 @@ declare namespace LocalJSX {
         /**
           * Callback executed when the user clicks the 'Continue' button
          */
-        "continueCallback": (teamId: string) => Promise<void>;
+        "continueCallback": (organizationId: string) => Promise<void>;
+        /**
+          * Array that contains the user's organizations
+         */
+        "organizations": OrganizationData[];
         /**
           * Callback executed when the user clicks on the "privacy policy" link
          */
@@ -6242,10 +6252,6 @@ declare namespace LocalJSX {
           * Callback executed when the user click the "Sign In" button
          */
         "signInCallback": () => Promise<void>;
-        /**
-          * Array that contains the user's teams
-         */
-        "teams": TeamData1[];
         /**
           * Callback executed when the user clicks on the "term and conditions" link
          */
@@ -6255,6 +6261,8 @@ declare namespace LocalJSX {
          */
         "termsConfirmationRequired"?: boolean;
     }
+    interface GxIdeSignInResult {
+    }
     interface GxIdeSplash {
         /**
           * The application version to display in the dialog.
@@ -6923,12 +6931,12 @@ declare namespace LocalJSX {
         "gx-ide-sc-chat-container": GxIdeScChatContainer;
         "gx-ide-search": GxIdeSearch;
         "gx-ide-select-kb-items": GxIdeSelectKbItems;
-        "gx-ide-select-user-team": GxIdeSelectUserTeam;
+        "gx-ide-select-team-or-org": GxIdeSelectTeamOrOrg;
         "gx-ide-server-selector": GxIdeServerSelector;
         "gx-ide-share-kb": GxIdeShareKb;
         "gx-ide-sign-in": GxIdeSignIn;
+        "gx-ide-sign-in-organization": GxIdeSignInOrganization;
         "gx-ide-sign-in-result": GxIdeSignInResult;
-        "gx-ide-sign-in-team": GxIdeSignInTeam;
         "gx-ide-splash": GxIdeSplash;
         "gx-ide-start-page": GxIdeStartPage;
         "gx-ide-starting-template": GxIdeStartingTemplate;
@@ -7016,12 +7024,12 @@ declare module "@stencil/core" {
             "gx-ide-sc-chat-container": LocalJSX.GxIdeScChatContainer & JSXBase.HTMLAttributes<HTMLGxIdeScChatContainerElement>;
             "gx-ide-search": LocalJSX.GxIdeSearch & JSXBase.HTMLAttributes<HTMLGxIdeSearchElement>;
             "gx-ide-select-kb-items": LocalJSX.GxIdeSelectKbItems & JSXBase.HTMLAttributes<HTMLGxIdeSelectKbItemsElement>;
-            "gx-ide-select-user-team": LocalJSX.GxIdeSelectUserTeam & JSXBase.HTMLAttributes<HTMLGxIdeSelectUserTeamElement>;
+            "gx-ide-select-team-or-org": LocalJSX.GxIdeSelectTeamOrOrg & JSXBase.HTMLAttributes<HTMLGxIdeSelectTeamOrOrgElement>;
             "gx-ide-server-selector": LocalJSX.GxIdeServerSelector & JSXBase.HTMLAttributes<HTMLGxIdeServerSelectorElement>;
             "gx-ide-share-kb": LocalJSX.GxIdeShareKb & JSXBase.HTMLAttributes<HTMLGxIdeShareKbElement>;
             "gx-ide-sign-in": LocalJSX.GxIdeSignIn & JSXBase.HTMLAttributes<HTMLGxIdeSignInElement>;
+            "gx-ide-sign-in-organization": LocalJSX.GxIdeSignInOrganization & JSXBase.HTMLAttributes<HTMLGxIdeSignInOrganizationElement>;
             "gx-ide-sign-in-result": LocalJSX.GxIdeSignInResult & JSXBase.HTMLAttributes<HTMLGxIdeSignInResultElement>;
-            "gx-ide-sign-in-team": LocalJSX.GxIdeSignInTeam & JSXBase.HTMLAttributes<HTMLGxIdeSignInTeamElement>;
             "gx-ide-splash": LocalJSX.GxIdeSplash & JSXBase.HTMLAttributes<HTMLGxIdeSplashElement>;
             "gx-ide-start-page": LocalJSX.GxIdeStartPage & JSXBase.HTMLAttributes<HTMLGxIdeStartPageElement>;
             "gx-ide-starting-template": LocalJSX.GxIdeStartingTemplate & JSXBase.HTMLAttributes<HTMLGxIdeStartingTemplateElement>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "3.2.10",
+  "version": "3.2.11",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/cjs/gx-ide-select-user-team.cjs.entry.js

@@ -1,121 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-75aef097.js');
-const locale = require('./locale-ff30a5f3.js');
-
-const mapTeamsToComboBoxItemModel = (teams) => {
-    return teams === null || teams === void 0 ? void 0 : teams.map(team => {
-        return {
-            value: team.id,
-            caption: team.name
-        };
-    });
-};
-
-const selectUserTeamCss = "button.button-secondary {\n  border-color: var(--color-border-neutral-default);\n}\n\n:host {\n  display: grid;\n  container-type: inline-size;\n  container-name: host-container;\n  block-size: 100%;\n  inline-size: 100%;\n  align-items: center;\n  justify-content: center;\n}\n\n.slide {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  block-size: 100%;\n  max-block-size: 700px;\n  max-inline-size: 1100px;\n  background-color: var(--color-accent-surface-elevation-1);\n  overflow: hidden;\n}\n.slide__illustration {\n  overflow: hidden;\n  object-fit: cover;\n  object-position: left;\n  block-size: 100%;\n  inline-size: 100%;\n}\n.slide__main {\n  display: grid;\n  block-size: 100%;\n  inline-size: 100%;\n  padding: 48px;\n  transform: translateY(4px);\n  transition: var(--display-teams-transtion-time) all;\n  opacity: 0;\n  position: relative;\n}\n.slide__main--visible {\n  transform: translateY(0);\n  opacity: 1;\n}\n.slide__main-container {\n  display: grid;\n  place-self: center;\n  gap: var(--spacing-gap-xxl);\n  max-inline-size: 480px;\n}\n.slide__main-header {\n  display: grid;\n  gap: var(--spacing-gap-xxl);\n}\n.slide__main-title {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--font-size-header-h2);\n  font-weight: var(--font-style-semi-bold);\n  letter-spacing: 0.02em;\n  color: var(--color-text-neutral-strawberry);\n}\n.slide__main-description {\n  display: grid;\n  gap: 40px;\n  font-size: var(--font-size-body-l);\n  font-weight: var(--font-style-regular);\n  line-height: var(--line-height-spacious);\n  color: var(--color-text-neutral-disabled);\n}\n\n.terms-conditions {\n  text-decoration: underline;\n}\n\n.teams-list {\n  inline-size: 100%;\n  max-inline-size: 400px;\n  --ch-combo-box__popover-max-inline-size: 400px;\n}\n\n.buttons-container {\n  display: flex;\n  gap: var(--spacing-gap-xl);\n}\n\n.continue-btn,\n.cancel-btn {\n  flex: 1;\n}\n\n@container host-container (max-width: 768px) {\n  .slide {\n    grid-template-columns: 1fr 2fr;\n  }\n}\n@container host-container (max-width: 640px) {\n  .slide {\n    grid-template-columns: 1fr 5fr;\n  }\n}";
-
-var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f)
-        throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-        throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m")
-        throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f)
-        throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-        throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var _GxIdeSelectUserTeam_componentLocale, _GxIdeSelectUserTeam_userTeamsModel, _GxIdeSelectUserTeam_chSelectTeamEl, _GxIdeSelectUserTeam_displayTeamsTransitionTime, _GxIdeSelectUserTeam_continueHandler, _GxIdeSelectUserTeam_cancelHandler;
-const COPYRIGHTS_ILLUSTRATION = index.getAssetPath(`./gx-ide-assets/welcome-page/images/copyrights-illustration.png`);
-const ICON_NEXT = index.getAssetPath(`./gx-ide-assets/welcome-page/images/icon-next.svg`);
-const CSS_BUNDLES = [
-    "resets/box-sizing",
-    "utils/typography",
-    "components/button",
-    "components/combo-box"
-];
-const GxIdeSelectUserTeam = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * The component hard-coded strings translations.
-         */
-        // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        _GxIdeSelectUserTeam_componentLocale.set(this, void 0);
-        // Select User Team References :
-        _GxIdeSelectUserTeam_userTeamsModel.set(this, []);
-        _GxIdeSelectUserTeam_chSelectTeamEl.set(this, void 0);
-        _GxIdeSelectUserTeam_displayTeamsTransitionTime.set(this, 100);
-        _GxIdeSelectUserTeam_continueHandler.set(this, async () => {
-            await this.continueCallback(__classPrivateFieldGet(this, _GxIdeSelectUserTeam_chSelectTeamEl, "f").value);
-        });
-        _GxIdeSelectUserTeam_cancelHandler.set(this, async () => {
-            await this.cancelCallback();
-        });
-        this.slideIsVisible = false;
-        this.teamsModelReady = false;
-        this.cancelCallback = undefined;
-        this.continueCallback = undefined;
-        this.teams = undefined;
-    }
-    teamsChanged(newTeams) {
-        this.slideIsVisible = false;
-        // switch step
-        setTimeout(() => {
-            if (newTeams.length) {
-                __classPrivateFieldSet(this, _GxIdeSelectUserTeam_userTeamsModel, mapTeamsToComboBoxItemModel(newTeams), "f");
-                this.teamsModelReady = true;
-            }
-            else {
-                this.teamsModelReady = false;
-            }
-        }, __classPrivateFieldGet(this, _GxIdeSelectUserTeam_displayTeamsTransitionTime, "f"));
-        // show slide
-        setTimeout(() => {
-            this.slideIsVisible = true;
-        }, __classPrivateFieldGet(this, _GxIdeSelectUserTeam_displayTeamsTransitionTime, "f") * 2);
-    }
-    async componentWillLoad() {
-        __classPrivateFieldSet(this, _GxIdeSelectUserTeam_componentLocale, await locale.Locale.getComponentStrings(this.el), "f");
-        this.teamsChanged(this.teams);
-        this.el.style.setProperty("--display-teams-transtion-time", __classPrivateFieldGet(this, _GxIdeSelectUserTeam_displayTeamsTransitionTime, "f").toString() + "ms");
-    }
-    componentDidLoad() {
-        this.slideIsVisible = true;
-    }
-    render() {
-        var _a;
-        return (index.h(index.Host, null, index.h("ch-theme", { model: CSS_BUNDLES }), index.h("section", { class: "slide" }, index.h("img", { src: COPYRIGHTS_ILLUSTRATION, class: "slide__illustration", alt: "" // decorative
-        }), index.h("div", { class: {
-                "slide__main": true,
-                "slide__main--visible": this.slideIsVisible
-            } }, index.h("div", { class: "slide__main-container" }, this.teamsModelReady ? ([
-            index.h("header", { class: "slide__main-header" }, index.h("img", { src: ICON_NEXT, alt: "" // decorative
-            }), index.h("h2", {
-                // Split the title into two spans for better styling
-                class: "slide__main-title"
-            }, index.h("span", null, __classPrivateFieldGet(this, _GxIdeSelectUserTeam_componentLocale, "f").title))),
-            index.h("div", { class: "slide__select-team-description" }, index.h("p", { class: "body-semi-bold-l" }, __classPrivateFieldGet(this, _GxIdeSelectUserTeam_componentLocale, "f").infoMessage)),
-            index.h("div", { class: "field-group" }, index.h("div", { class: "field field-block" }, index.h("label", { htmlFor: "teams" }, __classPrivateFieldGet(this, _GxIdeSelectUserTeam_componentLocale, "f").teams), index.h("ch-combo-box-render", { id: "teams", accessibleName: "Teams", class: "combo-box teams-list", model: __classPrivateFieldGet(this, _GxIdeSelectUserTeam_userTeamsModel, "f"), value: __classPrivateFieldGet(this, _GxIdeSelectUserTeam_userTeamsModel, "f") && ((_a = __classPrivateFieldGet(this, _GxIdeSelectUserTeam_userTeamsModel, "f")[0]) === null || _a === void 0 ? void 0 : _a.value), ref: (el) => (__classPrivateFieldSet(this, _GxIdeSelectUserTeam_chSelectTeamEl, el, "f")) }))),
-            index.h("div", { class: "buttons-container" }, index.h("button", { class: "button-primary continue-btn", onClick: __classPrivateFieldGet(this, _GxIdeSelectUserTeam_continueHandler, "f") }, __classPrivateFieldGet(this, _GxIdeSelectUserTeam_componentLocale, "f").continueButtonCaption), index.h("button", { class: "button-secondary cancel-btn", onClick: __classPrivateFieldGet(this, _GxIdeSelectUserTeam_cancelHandler, "f") }, __classPrivateFieldGet(this, _GxIdeSelectUserTeam_componentLocale, "f").cancelButtonCaption))
-        ]) : (index.h("gx-ide-loader", { show: true, loaderTitle: __classPrivateFieldGet(this, _GxIdeSelectUserTeam_componentLocale, "f").loader.title, description: __classPrivateFieldGet(this, _GxIdeSelectUserTeam_componentLocale, "f").loader.description })))))));
-    }
-    static get assetsDirs() { return ["gx-ide-assets/select-user-team"]; }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "teams": ["teamsChanged"]
-    }; }
-};
-_GxIdeSelectUserTeam_componentLocale = new WeakMap(), _GxIdeSelectUserTeam_userTeamsModel = new WeakMap(), _GxIdeSelectUserTeam_chSelectTeamEl = new WeakMap(), _GxIdeSelectUserTeam_displayTeamsTransitionTime = new WeakMap(), _GxIdeSelectUserTeam_continueHandler = new WeakMap(), _GxIdeSelectUserTeam_cancelHandler = new WeakMap();
-GxIdeSelectUserTeam.style = selectUserTeamCss;
-
-exports.gx_ide_select_user_team = GxIdeSelectUserTeam;
-
-//# sourceMappingURL=gx-ide-select-user-team.cjs.entry.js.map

package/dist/cjs/gx-ide-select-user-team.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"gx-ide-select-user-team.entry.cjs.js","mappings":";;;;;;;AAGO,MAAM,2BAA2B,GAAG,CACzC,KAAiB;IAEjB,OAAO,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,IAAI;QACpB,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,EAAE;YACd,OAAO,EAAE,IAAI,CAAC,IAAI;SACnB,CAAC;KACH,CAAC,CAAC;AACL,CAAC;;ACZD,MAAM,iBAAiB,GAAG,4kEAA4kE;;;;;;;;;;;;;;;;;;;ACkBtmE,MAAM,uBAAuB,GAAGA,kBAAY,CAC1C,iEAAiE,CAClE,CAAC;AACF,MAAM,SAAS,GAAGA,kBAAY,CAC5B,mDAAmD,CACpD,CAAC;AACF,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,kBAAkB;IAClB,mBAAmB;IACnB,sBAAsB;CACvB,CAAC;MAQW,mBAAmB;;;;;;;QAK9B,uDAAsB;;QAEtB,8CAAuC,EAAE,EAAC;QAC1C,sDAA6C;QAC7C,0DAAsC,GAAG,EAAC;QA4D1C,+CAAmB;YACjB,MAAM,IAAI,CAAC,gBAAgB,CAAC,uBAAA,IAAI,2CAAgB,CAAC,KAAK,CAAC,CAAC;SACzD,EAAC;QAEF,6CAAiB;YACf,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;SAC7B,EAAC;8BA3DiC,KAAK;+BAKJ,KAAK;;;;;IAiBzC,YAAY,CAAC,QAAoB;QAC/B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;;QAE5B,UAAU,CAAC;YACT,IAAI,QAAQ,CAAC,MAAM,EAAE;gBACnB,uBAAA,IAAI,uCAAmB,2BAA2B,CAAC,QAAQ,CAAC,MAAA,CAAC;gBAC7D,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;aAC7B;iBAAM;gBACL,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;aAC9B;SACF,EAAE,uBAAA,IAAI,uDAA4B,CAAC,CAAC;;QAErC,UAAU,CAAC;YACT,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;SAC5B,EAAE,uBAAA,IAAI,uDAA4B,GAAG,CAAC,CAAC,CAAC;KAC1C;IAED,MAAM,iBAAiB;QACrB,uBAAA,IAAI,wCAAoB,MAAMC,aAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,MAAA,CAAC;QAClE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE9B,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CACvB,gCAAgC,EAChC,uBAAA,IAAI,uDAA4B,CAAC,QAAQ,EAAE,GAAG,IAAI,CACnD,CAAC;KACH;IAED,gBAAgB;QACd,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;KAC5B;IAUD,MAAM;;QACJ,QACEC,QAACC,UAAI,QACHD,sBAAU,KAAK,EAAE,WAAW,GAAa,EACzCA,qBAAS,KAAK,EAAC,OAAO,IACpBA,iBACE,GAAG,EAAE,uBAAuB,EAC5B,KAAK,EAAC,qBAAqB,EAC3B,GAAG,EAAC,EAAE;UACN,EAEFA,iBACE,KAAK,EAAE;gBACL,aAAa,EAAE,IAAI;gBACnB,sBAAsB,EAAE,IAAI,CAAC,cAAc;aAC5C,IAEDA,iBAAK,KAAK,EAAC,uBAAuB,IAC/B,IAAI,CAAC,eAAe,IACnB;YACEA,oBAAQ,KAAK,EAAC,oBAAoB,IAChCA,iBACE,GAAG,EAAE,SAAS,EACd,GAAG,EAAC,EAAE;cACN,EACFA;;gBAEE,KAAK,EAAC,mBAAmB;eAEzBA,sBAAO,uBAAA,IAAI,4CAAiB,CAAC,KAAK,CAAQ,CACvC,CACE;YACTA,iBAAK,KAAK,EAAC,gCAAgC,IACzCA,eAAG,KAAK,EAAC,kBAAkB,IACxB,uBAAA,IAAI,4CAAiB,CAAC,WAAW,CAChC,CACA;YACNA,iBAAK,KAAK,EAAC,aAAa,IACtBA,iBAAK,KAAK,EAAC,mBAAmB,IAC5BA,mBAAO,OAAO,EAAC,OAAO,IACnB,uBAAA,IAAI,4CAAiB,CAAC,KAAK,CACtB,EACRA,iCACE,EAAE,EAAC,OAAO,EACV,cAAc,EAAC,OAAO,EACtB,KAAK,EAAC,sBAAsB,EAC5B,KAAK,EAAE,uBAAA,IAAI,2CAAgB,EAC3B,KAAK,EACH,uBAAA,IAAI,2CAAgB,KAAI,MAAA,uBAAA,IAAI,2CAAgB,CAAC,CAAC,CAAC,0CAAE,KAAK,CAAA,EAExD,GAAG,EAAE,CAAC,EAA+B,MAClC,uBAAA,IAAI,uCACH,EAAiC,MAAA,CAAC,GAEjB,CACnB,CACF;YACNA,iBAAK,KAAK,EAAC,mBAAmB,IAC5BA,oBACE,KAAK,EAAC,6BAA6B,EACnC,OAAO,EAAE,uBAAA,IAAI,4CAAiB,IAE7B,uBAAA,IAAI,4CAAiB,CAAC,qBAAqB,CACrC,EACTA,oBACE,KAAK,EAAC,6BAA6B,EACnC,OAAO,EAAE,uBAAA,IAAI,0CAAe,IAE3B,uBAAA,IAAI,4CAAiB,CAAC,mBAAmB,CACnC,CACL;SACP,KAEDA,2BACE,IAAI,QACJ,WAAW,EAAE,uBAAA,IAAI,4CAAiB,CAAC,MAAM,CAAC,KAAK,EAC/C,WAAW,EAAE,uBAAA,IAAI,4CAAiB,CAAC,MAAM,CAAC,WAAW,GACtC,CAClB,CACG,CACF,CACE,CACL,EACP;KACH;;;;;;;;;;;;","names":["getAssetPath","Locale","h","Host"],"sources":["src/components/select-user-team/helpers.tsx","src/components/select-user-team/select-user-team.scss?tag=gx-ide-select-user-team&encapsulation=shadow","src/components/select-user-team/select-user-team.tsx"],"sourcesContent":["import { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { TeamData } from \"./select-user-team\";\n\nexport const mapTeamsToComboBoxItemModel = (\n  teams: TeamData[]\n): ComboBoxItemModel[] => {\n  return teams?.map(team => {\n    return {\n      value: team.id,\n      caption: team.name\n    };\n  });\n};\n","@import \"../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  display: grid;\n  container-type: inline-size;\n  container-name: host-container;\n  block-size: 100%;\n  inline-size: 100%;\n  align-items: center;\n  justify-content: center;\n}\n\n.slide {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  block-size: 100%;\n  max-block-size: 700px;\n  max-inline-size: 1100px;\n  background-color: var(--color-accent-surface-elevation-1);\n  overflow: hidden;\n\n  &__illustration {\n    overflow: hidden;\n    object-fit: cover;\n    object-position: left;\n    block-size: 100%;\n    inline-size: 100%;\n  }\n\n  &__main {\n    display: grid;\n    block-size: 100%;\n    inline-size: 100%;\n    padding: 48px;\n    transform: translateY(4px);\n    transition: var(--display-teams-transtion-time) all;\n    opacity: 0;\n\n    position: relative;\n\n    &--visible {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  &__main-container {\n    display: grid;\n    place-self: center;\n    gap: var(--spacing-gap-xxl);\n    max-inline-size: 480px;\n  }\n\n  &__main-header {\n    display: grid;\n    gap: var(--spacing-gap-xxl);\n  }\n\n  &__main-title {\n    display: flex;\n    flex-direction: column;\n    font-size: var(--font-size-header-h2);\n    font-weight: var(--font-style-semi-bold);\n    letter-spacing: 0.02em;\n    color: var(--color-text-neutral-strawberry);\n  }\n\n  &__main-description {\n    display: grid;\n    gap: 40px;\n    font-size: var(--font-size-body-l);\n    font-weight: var(--font-style-regular);\n    line-height: var(--line-height-spacious);\n    color: var(--color-text-neutral-disabled);\n  }\n}\n\n.terms-conditions {\n  text-decoration: underline;\n}\n\n.teams-list {\n  inline-size: 100%;\n  max-inline-size: 400px;\n  --ch-combo-box__popover-max-inline-size: 400px;\n}\n\n.buttons-container {\n  display: flex;\n  gap: var(--spacing-gap-xl);\n}\n\n.continue-btn,\n.cancel-btn {\n  flex: 1;\n}\n\n@container host-container (max-width: 768px) {\n  .slide {\n    grid-template-columns: 1fr 2fr;\n  }\n}\n\n@container host-container (max-width: 640px) {\n  .slide {\n    grid-template-columns: 1fr 5fr;\n  }\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Watch,\n  Element,\n  getAssetPath\n} from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\n// Custom Imports\nimport { Locale } from \"../../common/locale\";\nimport { mapTeamsToComboBoxItemModel } from \"./helpers\";\n\nconst COPYRIGHTS_ILLUSTRATION = getAssetPath(\n  `./gx-ide-assets/welcome-page/images/copyrights-illustration.png`\n);\nconst ICON_NEXT = getAssetPath(\n  `./gx-ide-assets/welcome-page/images/icon-next.svg`\n);\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"components/button\",\n  \"components/combo-box\"\n];\n\n@Component({\n  tag: \"gx-ide-select-user-team\",\n  styleUrl: \"select-user-team.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/select-user-team\"]\n})\nexport class GxIdeSelectUserTeam {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n  // Select User Team References :\n  #userTeamsModel: ComboBoxItemModel[] = [];\n  #chSelectTeamEl: HTMLChComboBoxRenderElement;\n  #displayTeamsTransitionTime: number = 100;\n\n  @Element() el: HTMLGxIdeSelectUserTeamElement;\n\n  /**\n   * Defines if the main slide is visible or not. Used for smooth transitions between slides.\n   */\n  @State() slideIsVisible: boolean = false;\n\n  /**\n   * Defines if the team model is redy to be rendered.\n   */\n  @State() teamsModelReady: boolean = false;\n\n  /**\n   * Callback executed when the user clicks the 'Cancel' button\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user clicks the 'Continue' button\n   */\n  @Prop() readonly continueCallback!: (teamId: string) => Promise<void>;\n\n  /**\n   * Array that contains the user's teams\n   */\n  @Prop() readonly teams!: TeamData[];\n  @Watch(\"teams\")\n  teamsChanged(newTeams: TeamData[]) {\n    this.slideIsVisible = false;\n    // switch step\n    setTimeout(() => {\n      if (newTeams.length) {\n        this.#userTeamsModel = mapTeamsToComboBoxItemModel(newTeams);\n        this.teamsModelReady = true;\n      } else {\n        this.teamsModelReady = false;\n      }\n    }, this.#displayTeamsTransitionTime);\n    // show slide\n    setTimeout(() => {\n      this.slideIsVisible = true;\n    }, this.#displayTeamsTransitionTime * 2);\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.teamsChanged(this.teams);\n\n    this.el.style.setProperty(\n      \"--display-teams-transtion-time\",\n      this.#displayTeamsTransitionTime.toString() + \"ms\"\n    );\n  }\n\n  componentDidLoad() {\n    this.slideIsVisible = true;\n  }\n\n  #continueHandler = async () => {\n    await this.continueCallback(this.#chSelectTeamEl.value);\n  };\n\n  #cancelHandler = async () => {\n    await this.cancelCallback();\n  };\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"slide\">\n          <img\n            src={COPYRIGHTS_ILLUSTRATION}\n            class=\"slide__illustration\"\n            alt=\"\" // decorative\n          />\n\n          <div\n            class={{\n              \"slide__main\": true,\n              \"slide__main--visible\": this.slideIsVisible\n            }}\n          >\n            <div class=\"slide__main-container\">\n              {this.teamsModelReady ? (\n                [\n                  <header class=\"slide__main-header\">\n                    <img\n                      src={ICON_NEXT}\n                      alt=\"\" // decorative\n                    />\n                    <h2\n                      // Split the title into two spans for better styling\n                      class=\"slide__main-title\"\n                    >\n                      <span>{this.#componentLocale.title}</span>\n                    </h2>\n                  </header>,\n                  <div class=\"slide__select-team-description\">\n                    <p class=\"body-semi-bold-l\">\n                      {this.#componentLocale.infoMessage}\n                    </p>\n                  </div>,\n                  <div class=\"field-group\">\n                    <div class=\"field field-block\">\n                      <label htmlFor=\"teams\">\n                        {this.#componentLocale.teams}\n                      </label>\n                      <ch-combo-box-render\n                        id=\"teams\"\n                        accessibleName=\"Teams\"\n                        class=\"combo-box teams-list\"\n                        model={this.#userTeamsModel}\n                        value={\n                          this.#userTeamsModel && this.#userTeamsModel[0]?.value\n                        }\n                        ref={(el: HTMLChComboBoxRenderElement) =>\n                          (this.#chSelectTeamEl =\n                            el as HTMLChComboBoxRenderElement)\n                        }\n                      ></ch-combo-box-render>\n                    </div>\n                  </div>,\n                  <div class=\"buttons-container\">\n                    <button\n                      class=\"button-primary continue-btn\"\n                      onClick={this.#continueHandler}\n                    >\n                      {this.#componentLocale.continueButtonCaption}\n                    </button>\n                    <button\n                      class=\"button-secondary cancel-btn\"\n                      onClick={this.#cancelHandler}\n                    >\n                      {this.#componentLocale.cancelButtonCaption}\n                    </button>\n                  </div>\n                ]\n              ) : (\n                <gx-ide-loader\n                  show\n                  loaderTitle={this.#componentLocale.loader.title}\n                  description={this.#componentLocale.loader.description}\n                ></gx-ide-loader>\n              )}\n            </div>\n          </div>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type TeamData = {\n  id: string;\n  name: string;\n};\n"],"version":3}