@esri/solutions-components 1.2.0-next.57 → 1.2.0-next.58

package/dist/components/solution-deploy-dialog/customElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/solution-deploy-dialog/solution-deploy-dialog.tsx"],"sourcesContent":["/**\r\n * @license\r\n * Copyright 2025 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the 'License');\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an 'AS IS' BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport type T9nStrings from './assets/t9n/messages.en.json';\r\nimport { useT9n } from '../../controllers/useT9n';\r\nimport {\r\n  createEvent,\r\n  Fragment,\r\n  LitElement,\r\n  h,\r\n  method,\r\n  property,\r\n  state,\r\n} from '@arcgis/lumina';\r\nimport {\r\n  useContextConsumer,\r\n} from '@arcgis/lumina/context';\r\nimport type {\r\n  JsxNode,\r\n  TargetedEvent,\r\n} from '@arcgis/lumina';\r\nimport { getSpatialReferenceDescription } from '@arcgis/analysis-shared-utils';\r\nimport { styles } from './solution-deploy-dialog.css';\r\nimport type {\r\n  IDeployFailed,\r\n  IDeployProgressUpdate,\r\n  IRequestDeploySolution,\r\n  ISolutionInfoCard,\r\n  IUserOption,\r\n  IUserProp,\r\n} from '../../utils/interfaces';\r\nimport type {\r\n  IDeploySolutionOptions,\r\n  IItem,\r\n  IStringValuePair,\r\n} from '@esri/solution-common';\r\nimport {\r\n  createLongId,\r\n  getItemBase,\r\n  getProp,\r\n  UserSession,\r\n} from '@esri/solution-common';\r\nimport {\r\n  configContext,\r\n} from '../../utils/deployAppContexts';\r\nimport {\r\n  deploySolution,\r\n} from '@esri/solution-deployer';\r\nimport {\r\n  checkConflictingNames,\r\n  getAnonymousPortalUrl,\r\n  getDefaultExtent,\r\n  validateSolutionName,\r\n} from '../../utils/helpers';\r\nimport * as spatialReferences from '../../assets/spatialReferences.json';\r\nimport * as appConfig from '../../assets/config/appConfig.json';\r\nimport type { PropertyValues } from 'lit';\r\nimport { createRef } from 'lit/directives/ref.js';\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'solution-deploy-dialog': SolutionDeployDialog;\r\n  }\r\n}\r\n\r\n// TODO this should be removed after initial dev cycle\r\n// https://devtopia.esri.com/WebGIS/solution-deployment-apps/issues/423\r\n\r\nexport class SolutionDeployDialog extends LitElement {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Overrides (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  static override styles = styles;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Key details about the solution */\r\n  @property() card: ISolutionInfoCard | undefined;\r\n\r\n  /** When true the dialog will be shown */\r\n  @property() open = false;\r\n\r\n  /** TODO...this will need to be thought through some more...\r\n   * may be able to remove completely for v2 but need to look closer at other custom params that were supported to see\r\n   */\r\n  @property() userOptions: IUserOption[] = [];\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Control to show spatial reference block */\r\n  @state() _hasSpatialReferenceOption = false;\r\n\r\n  /** Checks to make sure the form is valid and deploy button is enabled. */\r\n  @state() _isFormValid = false;\r\n\r\n  /** Checks to make sure solution name is valid. */\r\n  @state() _isNameValid = false;\r\n\r\n  /** Control to expand or collapse the spatial reference section */\r\n  @state() _isSpatialReferenceOpen = false;\r\n\r\n  /** Control to show an alert if the deployment fails */\r\n  @state() _showAlertFailed = false;\r\n\r\n  /** Control the error message for solution name issues */\r\n  @state() _showAlertNameErrorDescription = '';\r\n\r\n  /** Control to determine if the solution name is valid */\r\n  @state() _showAlertNameError = false;\r\n\r\n  /** The name of this solution to deploy. */\r\n  @state() _solutionTitle = '';\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @state() _translations = useT9n<typeof T9nStrings>({ name: 'solution-deploy-dialog', blocking: true });\r\n\r\n  /** the wkid to match against. */\r\n  @state() _wkid = '';\r\n\r\n  /** The description of the wkid. */\r\n  @state() _wkidDescription: string | undefined = '';\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Abort controller to cancel the deployment during deployment */\r\n  private _abortController: AbortController = new AbortController();\r\n\r\n  /** Anonymous arcgis online user session for query to public enterprise connected apps group */\r\n  private _anonAgolSession: UserSession | undefined;\r\n\r\n  /** Key details such as portalUrl, locale, user session, authentication, etc from the current config */\r\n  private _configContextConsumer = useContextConsumer({\r\n    context: configContext,\r\n    subscribe: true,\r\n  });\r\n\r\n  /** Used as a reference to name error icon for dynamic display */\r\n  private _divNameErrorIcon = createRef<HTMLDivElement>();\r\n\r\n  /** Used as a reference to name error message for dynamic display */\r\n  private _divNameErrorMessage = createRef<HTMLDivElement>();\r\n\r\n  /** Used for enterpriseIDMapping cache storage */\r\n  private _customDeploymentMappings: IStringValuePair = {};\r\n\r\n  /** The url for the current users portal */\r\n  private _portalUrl = '';\r\n\r\n  /** temporarily holds a unique title for use like closing the component and opening again */\r\n  private _tempUniqueTitle = '';\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Closes the panel */\r\n  @method()\r\n  public close(): void {\r\n    this._isFormValid = true;\r\n    this._showAlertNameError = false;\r\n    this._solutionTitle = this._tempUniqueTitle;\r\n    this.open = false;\r\n  }\r\n\r\n  /** close the error alert */\r\n  public closeAlert(): void {\r\n    this._showAlertFailed = false;\r\n  }\r\n\r\n  /** Deploys a solution */\r\n  @method()\r\n  public deploy(): void {\r\n\r\n    //handle override title and SR\r\n    this.userOptions.forEach((userOption) => {\r\n      userOption.props.forEach((prop) => {\r\n        if (prop.prop === 'wkid') {\r\n          if (this._wkid !== '') {\r\n            prop.value = this._wkid;\r\n          }\r\n        }\r\n      })\r\n    });\r\n\r\n    const deployOptions: IRequestDeploySolution = {\r\n      jobId: createLongId(),\r\n      reuse: false,\r\n      card: this.card!,\r\n      userOptions: this.userOptions,\r\n    };\r\n\r\n    if (this._configContextConsumer.value?.userSession) {\r\n      this._deploySolution(deployOptions, this._configContextConsumer.value.userSession);\r\n    }\r\n\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Emitted on demand when deploy fails\r\n   * The emitted IDeployFailed value provides access to the current card and job id\r\n  */\r\n  deployFailed = createEvent<IDeployFailed>();\r\n\r\n  /** Emitted on demand when deploy progress ends\r\n   * The emitted boolean value indicates if the process was successful or not\r\n  */\r\n  deployProgressEnd = createEvent<string>();\r\n\r\n  // TODO just using updated may be enough\r\n  /** Emitted on demand when deploy progress is started*/\r\n  deployProgressStart = createEvent<AbortController>();\r\n\r\n  /** Emitted on demand when deploy progress is updated*/\r\n  deployProgressUpdated = createEvent<IDeployProgressUpdate>();\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (lifecycle)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Called once just after the component is fully loaded and the first render() occurs. */\r\n  loaded(): void {\r\n    if (this.card) {\r\n      this._solutionTitle = this.card.title;\r\n    }\r\n    if (this.userOptions.length > 0) {\r\n      const wkidOptions = this._checkUserOption('wkid');\r\n      if (wkidOptions) {\r\n        this._hasSpatialReferenceOption = true;\r\n        this._wkidDescription = wkidOptions.default ? getSpatialReferenceDescription(parseInt(wkidOptions.default)) : '';\r\n        this._wkid = wkidOptions.default ?? '';\r\n      }\r\n    }\r\n\r\n    // TODO may not be the right spot will need to test\r\n    // Need to implement fully later...this is for Ent deployments\r\n    this._customDeploymentMappings = {};\r\n\r\n    this._portalUrl = this._configContextConsumer.value?.authentication?.PortalUrl || '';\r\n\r\n    // Set up anonymous arcgis online user session for query to public enterprise connected apps group\r\n    const anonPortal = getAnonymousPortalUrl(this._portalUrl);\r\n    this._anonAgolSession = new UserSession({\r\n      clientId: appConfig.appId,\r\n      portal: `${anonPortal}/sharing/rest`\r\n    });\r\n  }\r\n\r\n  /** Called before update() to compute values needed during the update. */\r\n  override willUpdate(\r\n    changedProperties: PropertyValues\r\n  ): void {\r\n    //Since this component could load before a card is defined, need to get a solution title if a card has been defined in the udpated event.\r\n    if (changedProperties.has('card')) {\r\n      this._solutionTitle = this.card?.title ? this.card?.title : '';\r\n      this._isFormValid = true;\r\n      if (this._configContextConsumer.value?.authentication?.IsSignedIn) {\r\n        void this._generateSolutionName(this._solutionTitle.trim());\r\n      }\r\n    }\r\n    if (changedProperties.has('userOptions') || changedProperties.has('open')) {\r\n      this._checkUserOptionState();\r\n      if (this._hasSpatialReferenceOption && this._wkid === '') {\r\n        this._isFormValid = false;\r\n      }\r\n    }\r\n  }\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    return !this.open ? (<></>) : (\r\n      <calcite-dialog\r\n        heading={this._translations.title.replace('{{solutionTitle}}', this.card?.title ?? '')}\r\n        id={this._translations.title.replace('{{solutionTitle}}', this.card?.title ?? '')}\r\n        modal\r\n        open\r\n        outsideCloseDisabled\r\n        oncalciteDialogClose={this.close}\r\n        width='m'\r\n      >\r\n        <div class='space-around'>\r\n          {this.renderUpdateSolutionName()}\r\n          {this.renderSpatialReferenceSelection()}\r\n        </div>\r\n\r\n        <calcite-button\r\n          appearance='outline'\r\n          onClick={this.close}\r\n          slot='footer-end'\r\n        >\r\n          {this._translations.cancel}\r\n        </calcite-button>\r\n        {this._isFormValid ?\r\n          <calcite-button\r\n            kind='brand'\r\n            onClick={this.deploy}\r\n            slot='footer-end'\r\n          >\r\n            {this._translations.deploy}\r\n          </calcite-button>\r\n          :\r\n          <calcite-button\r\n            kind='brand'\r\n            slot='footer-end'\r\n            disabled\r\n          >\r\n            {this._translations.deploy}\r\n          </calcite-button>\r\n        }\r\n        <calcite-alert\r\n          icon='exclamation-mark-triangle'\r\n          kind='danger'\r\n          label={this._translations.failedToDeploy.replace('{{solutionTitle}}', this.card!.title)}\r\n          oncalciteAlertClose={() => {\r\n            this._showAlertFailed = false;\r\n          }}\r\n          open={this._showAlertFailed}\r\n          slot='actions'\r\n        >\r\n          <div slot='title'>\r\n            {this._translations.failedToDeploy.replace('{{solutionTitle}}', this.card!.title)}\r\n          </div>\r\n          <calcite-action\r\n            appearance='solid'\r\n            icon='recurrence'\r\n            onClick={this.deploy}\r\n            slot='actions-end'\r\n            text={this._translations.tryAgain}\r\n            textEnabled\r\n          />\r\n          <calcite-action\r\n            appearance='solid'\r\n            icon='x'\r\n            onClick={this.closeAlert}\r\n            slot='actions-end'\r\n            text={this._translations.close}\r\n          />\r\n        </calcite-alert>\r\n      </calcite-dialog>\r\n    );\r\n  }\r\n\r\n  /** Renders the section to allow updating of solution name */\r\n  private renderUpdateSolutionName(): JsxNode {\r\n    return (<div class='padding-around'>\r\n      <calcite-label scale='l' class='title-label'>\r\n        {this._translations.solutionName}\r\n      </calcite-label>\r\n      <calcite-label scale='m'>\r\n        {this._translations.solutionNameHint}\r\n        <calcite-input\r\n          label={this._translations.solutionNameHint}\r\n          maxLength={250}\r\n          oncalciteInputInput={async (inputValue: TargetedEvent<HTMLCalciteInputElement, undefined>) => {\r\n            const rawValue = inputValue.target.value.trim();\r\n              this._isNameValid = await this._validateName(rawValue);\r\n\r\n              // prevent race condition: only set title if value hasn't changed mid-flight\r\n              if (rawValue === this._solutionTitle) {\r\n                if (this._hasSpatialReferenceOption && this._wkid === '') {\r\n                  this._isFormValid = false;\r\n                } else {\r\n                  this._isFormValid = this._isNameValid;\r\n                  if (this._divNameErrorMessage.value) {\r\n                    if (!this._isNameValid) {\r\n                        this._divNameErrorMessage.value.innerHTML = this._showAlertNameErrorDescription;\r\n                        this._divNameErrorIcon.value?.classList.remove('hidden');\r\n                    } else {\r\n                      this._divNameErrorMessage.value.innerHTML = '';\r\n                      this._divNameErrorIcon.value?.classList.add('hidden');\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n          }}\r\n          placeholder=''\r\n          required\r\n          scale='m'\r\n          value={this._solutionTitle.trim()}\r\n        />\r\n      </calcite-label>\r\n        <calcite-label layout='inline'>\r\n          <div class='hidden' ref={this._divNameErrorIcon}>\r\n            <calcite-icon\r\n              class='error-icon-color'\r\n              icon='exclamation-mark-triangle'\r\n              scale='s'\r\n            />\r\n          </div>\r\n          <div ref={this._divNameErrorMessage}></div>\r\n        </calcite-label>\r\n    </div>)\r\n  }\r\n\r\n  /** Renders the section to allow updating of spatial reference */\r\n  private renderSpatialReferenceSelection(): JsxNode {\r\n    return this._hasSpatialReferenceOption ? (\r\n      <div class='padding-around'>\r\n        <calcite-label\r\n          scale='l'\r\n          class='title-label'\r\n        >\r\n          {this._translations.options}\r\n        </calcite-label>\r\n        <calcite-block\r\n          class='outline'\r\n          collapsible={!!this._isSpatialReferenceOpen}\r\n          description={this._wkid !== '' ? `${this._wkidDescription} [${this._wkid}]` : this._translations.spatialReferenceNoDefined}\r\n          expanded={this._isSpatialReferenceOpen}\r\n          heading={this._translations.spatialReference}\r\n          oncalciteBlockClose={() => {\r\n            this._isSpatialReferenceOpen = false;\r\n          }}\r\n        >\r\n          {(!this._isSpatialReferenceOpen && this._wkid === '') &&\r\n            <>\r\n              <calcite-button\r\n                appearance='transparent'\r\n                kind='danger'\r\n                iconStart='exclamation-mark-triangle'\r\n                id={'srs-alert-icon'}\r\n                scale='l'\r\n                slot='actions-end'\r\n              ></calcite-button>\r\n              <calcite-tooltip\r\n                referenceElement={'srs-alert-icon'}\r\n                slot='actions-end'\r\n              >\r\n                {this._translations.selectSpatialReferenceNeeded}\r\n              </calcite-tooltip>\r\n            </>\r\n          }\r\n          {!this._isSpatialReferenceOpen &&\r\n            <calcite-button class='padding-around'\r\n              appearance='outline'\r\n              kind='brand'\r\n              onClick={() => {\r\n                this._isSpatialReferenceOpen = true;\r\n              }}\r\n              scale='m'\r\n              slot='actions-end'\r\n            >\r\n              {this._translations.modifyOption}\r\n            </calcite-button>\r\n          }\r\n          <calcite-label\r\n            layout='inline'\r\n            scale='s'\r\n          >\r\n            {` ${this._translations.spatialReferenceInstructions} `}\r\n            <a href='https://developers.arcgis.com/documentation/spatial-references/' target='_blank'>\r\n              {this._translations.spatialReferenceLearnMore}\r\n            </a>\r\n          </calcite-label>\r\n          <analysis-spatial-reference-selector\r\n            hideDone\r\n            onanalysisSpatialReferenceValueChange={(_evt) => {\r\n              if (_evt.detail?.latestWkid) {\r\n                this._wkidDescription = getSpatialReferenceDescription(_evt.detail.latestWkid);\r\n                this._wkid = _evt.detail.latestWkid.toString();\r\n                if (this._isNameValid) {\r\n                  this._isFormValid = true;\r\n                }\r\n              }\r\n            }}\r\n          />\r\n          {this._wkid === '' &&\r\n            <calcite-label\r\n              class='padding-top'\r\n              layout='inline'\r\n              scale='s'\r\n            >\r\n              <calcite-icon\r\n                class='error-icon-color'\r\n                icon='exclamation-mark-triangle'\r\n                scale='s'\r\n              />\r\n              {this._translations.selectSpatialReferenceNeeded}\r\n            </calcite-label>\r\n          }\r\n        </calcite-block>\r\n      </div>\r\n    ) : (\r\n      <div></div>\r\n    );\r\n  }\r\n\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Ensure the user provided name is valid.\r\n   *\r\n   * @param proposedName user provided name\r\n   * @returns boolean when true the name is valid\r\n   */\r\n  private async _validateName(\r\n    proposedName: string\r\n  ): Promise<boolean> {\r\n    this._solutionTitle = proposedName;\r\n    this._showAlertNameError = false;\r\n\r\n    const validStatus = await validateSolutionName(proposedName, this._configContextConsumer.value!.userSession!);\r\n\r\n    if (!validStatus.status) {\r\n      this._showAlertNameError = true;\r\n      switch (validStatus.type) {\r\n        case 'empty':\r\n          this._showAlertNameErrorDescription = this._translations.solutionNameErrorBlank;\r\n          break;\r\n        case 'exceed length':\r\n          this._showAlertNameErrorDescription = this._translations.solutionNameErrorLength;\r\n          break;\r\n        case 'special character':\r\n          this._showAlertNameErrorDescription = this._translations.solutionNameErrorSpecialCharacter;\r\n          break;\r\n        case 'not unique':\r\n          this._showAlertNameErrorDescription = this._translations.solutionNameErrorUniqueName.replace('{{proposedName}}', proposedName);\r\n          break;\r\n        case '':\r\n        default:\r\n          break;\r\n      }\r\n      return validStatus.status;\r\n    }\r\n\r\n    return true;\r\n  }\r\n\r\n  /**\r\n   * Deploy the solution to the users organization.\r\n   *\r\n   * @param deployInfo key options that will be used for the solution deployment\r\n   * @param userSession authentication details for the current user\r\n   */\r\n  private _deploySolution(\r\n    deployInfo: IRequestDeploySolution,\r\n    userSession: UserSession\r\n  ): void {\r\n    const authentication = this._configContextConsumer.value!.authentication;\r\n    this._abortController = new AbortController();\r\n    // TODO maybe show a calcite alert here??\r\n    // if (!userSession) {\r\n    //   this.elmCallback(command, 'Authentication required for creating a group');\r\n    //   return;\r\n    // }\r\n\r\n    // Deploy a solution described by the supplied id\r\n    const options: IDeploySolutionOptions = {\r\n      progressCallback: (percentDone, jobId) => {  // progress callback\r\n        this.deployProgressUpdated.emit({\r\n          id: jobId || '',\r\n          progress: Math.round(percentDone)\r\n        });\r\n      },\r\n    };\r\n\r\n    options.enableItemReuse = deployInfo.reuse;\r\n    options.jobId = deployInfo.jobId;\r\n    options.title = this._solutionTitle !== '' ? this._solutionTitle : this.card?.title;\r\n    options.templateDictionary = {\r\n      params: this._getUserParams(deployInfo),\r\n      workflowURL: authentication?.PortalSubset?.workflowURL || ''\r\n    };\r\n    options.abortController = this._abortController;\r\n    options.enableItemReuse = this.card?.supportReuse ?? false;\r\n\r\n    // Set source user session of the solution\r\n    // Use anonymous user session if solution is part 'connected' enterprise group\r\n    options.storageAuthentication = userSession ? userSession : this._anonAgolSession ?? undefined;\r\n\r\n    this.deployProgressStart.emit(this._abortController);\r\n\r\n    this.deployProgressUpdated.emit({\r\n      id: deployInfo.jobId,\r\n      progress: 0\r\n    });\r\n\r\n    deploySolution(deployInfo.card.id, userSession, options).then(\r\n      (newSolutionId: string) => {\r\n        getItemBase(newSolutionId, userSession).then(\r\n          (newSolution: IItem) => {\r\n            this.deployProgressUpdated.emit({\r\n              id: deployInfo.card.id,\r\n              progress: 100\r\n            });\r\n            this.deployProgressEnd.emit(newSolution.id);\r\n          },\r\n          error => {\r\n            console.error(error);\r\n            this._showAlertFailed = true;\r\n            this.deployFailed.emit({\r\n              card: deployInfo.card,\r\n              jobId: options.jobId || ''\r\n            });\r\n          }\r\n        );\r\n      },\r\n      error => {\r\n        console.error(error);\r\n        this._showAlertFailed = true;\r\n        this.deployFailed.emit({\r\n          card: deployInfo.card,\r\n          jobId: options.jobId || ''\r\n        });\r\n      }\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Get and use any user provided params.\r\n   *\r\n   * @param deployInfo key options that will be used for the solution deployment\r\n   * @return the updated parameters for deployment\r\n   */\r\n  private _getUserParams(\r\n    deployInfo: IRequestDeploySolution\r\n  ): any {\r\n    // get any user defined params to pass to deploy\r\n    const params: Record<string, any> = {};\r\n    const userOptions: any = getProp(deployInfo, 'userOptions');\r\n    if (userOptions) {\r\n      userOptions.forEach((option: IUserOption) => {\r\n        option.props.forEach((prop: IUserProp) => {\r\n          if (prop.prop === 'wkid') {\r\n            // we need to pass the SRs default extent\r\n            // this will help avoid situations where the orgs default extent and default world extent\r\n            // will not project successfully to the chosen spatial reference\r\n            const defaultExtent =\r\n              getDefaultExtent(Number.parseInt(prop.value!, 10), spatialReferences.wkids, prop.default!);\r\n            if (defaultExtent) {\r\n              params.defaultExtent = JSON.parse(defaultExtent);\r\n              params.defaultExtent.spatialReference = { wkid: Number.parseInt(prop.value!, 10) };\r\n            }\r\n          }\r\n          if (prop.prop) {\r\n            if (prop.value !== '') {\r\n              if (prop.valueType === 'itemid') {\r\n                params.useExisting = true;\r\n                // FS stores the items url as the response value.\r\n                // This is used to determine if the itemId is valid for this type\r\n                // Other item types do not necessarily have a url so the item type is stored as the response value.\r\n                // We simply check if the item is of the type defined in the solutions params.\r\n                params[prop.prop] = {\r\n                  itemId: prop.value,\r\n                  url: prop.responseValue !== prop.itemType ? prop.responseValue : '',\r\n                  name: prop.name,\r\n                  title: prop.title,\r\n                  type: prop.itemType,\r\n                  enterpriseIDMapping: this._customDeploymentMappings[prop.prop] || {}\r\n                };\r\n              } else {\r\n                params[prop.prop] = prop.outType === 'number' ? Number.parseInt(prop.value!, 10) : prop.value;\r\n              }\r\n            } else if (prop.default !== '') {\r\n              params[prop.prop] = prop.default;\r\n            }\r\n          }\r\n        });\r\n      });\r\n    }\r\n    return params;\r\n  }\r\n\r\n  /**\r\n   * Looks up an userOption to get it's property.\r\n   *\r\n   * @param propToCheck a string of the property to look up.\r\n   * @returns returns of property of the userOption or null if nothing matches.\r\n   */\r\n  private _checkUserOption(\r\n    propToCheck: string\r\n  ): IUserProp | null {\r\n    for (const userOption of this.userOptions) {\r\n      for (const prop of userOption.props) {\r\n        if (prop.prop === propToCheck) {\r\n          return prop;\r\n        }\r\n      }\r\n    }\r\n    return null;\r\n  }\r\n\r\n  /**\r\n   *  Check UserOption for wkid and assigns it to state.\r\n   */\r\n  private _checkUserOptionState(): void {\r\n    if (this.userOptions.length > 0) {\r\n      this._hasSpatialReferenceOption = false;\r\n      this._wkid = '';\r\n      const wkidOptions = this._checkUserOption('wkid');\r\n      if (wkidOptions) {\r\n        this._hasSpatialReferenceOption = true;\r\n        this._wkid = wkidOptions.default ?? '';\r\n        this._wkidDescription = wkidOptions.default ? getSpatialReferenceDescription(parseInt(wkidOptions.default)) : '';\r\n      }\r\n    } else {\r\n      this._hasSpatialReferenceOption = false;\r\n      this._wkid = '';\r\n      this._wkidDescription = '';\r\n    }\r\n    if (this._wkid === '') {\r\n      this._isSpatialReferenceOpen = true;\r\n    } else {\r\n      this._isSpatialReferenceOpen = false;\r\n    }\r\n  }\r\n\r\n  /**\r\n  * Generate a suggested solution name if a name is not unique in a user's content.\r\n  * Assigns to private variable _solutionTitle if there is a conflict and a suggestion is needed.\r\n  *\r\n  * @param nameToCheck name to check if it is unique\r\n  */\r\n  private async _generateSolutionName(\r\n    nameToCheck: string\r\n  ): Promise<void> {\r\n    const conflicts = await checkConflictingNames(nameToCheck, this._configContextConsumer.value!.userSession);\r\n    const isUnique = conflicts.conflictingNames.length === 0;\r\n    const suggestedName = this._generateUniqueName(nameToCheck, conflicts.similiarNames);\r\n\r\n    if (!isUnique) {\r\n      this._tempUniqueTitle = suggestedName;\r\n      this._solutionTitle = suggestedName;\r\n    } else {\r\n      this._tempUniqueTitle = suggestedName;\r\n    }\r\n\r\n    this._isNameValid = true;\r\n  }\r\n\r\n  /**\r\n   * Generates a unique name based on the provided name and seeing if there is a trailing number to increment.\r\n   * Handles cases like base name 'Solution 1' with give unique name of 'Solution 2'.\r\n   * Will fill in gaps 'Solution 1, Solution 3 already exists' will give 'Solution 2, before jumping to 4.'\r\n   *\r\n   * @param baseName user provided name\r\n   * @param conflictingNames list of names that conflict to make something unique\r\n   * @returns string of a the unique name.\r\n   */\r\n  private _generateUniqueName(\r\n    baseName: string,\r\n    conflictingNames: string[]\r\n  ): string {\r\n    // Escape base name for safe regex usage\r\n    const escapedBase = baseName.toLocaleLowerCase().replace(/[.*+?^${}()|[\\]\\\\]/gu, '\\\\$&');\r\n    const nameRegex = new RegExp(`^${escapedBase}(?: (\\\\d+))?$`, 'iu');\r\n\r\n    const usedNumbers = conflictingNames\r\n      .map(name => {\r\n        const match = name.match(nameRegex);\r\n        if (!match) { return null; }\r\n        return match[1] ? Number.parseInt(match[1], 10) : 0;\r\n      })\r\n      .filter((n): n is number => n !== null);\r\n\r\n    if (!usedNumbers.includes(0)) {\r\n      return baseName; // base name is available\r\n    }\r\n\r\n    let i = 1;\r\n    while (usedNumbers.includes(i)) { i++; }\r\n\r\n    return `${baseName} ${i}`;\r\n  }\r\n\r\n}\r\n"],"names":["appConfig.appId","ref$jsx","spatialReferences.wkids"],"mappings":"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"}

package/dist/components/solution-deployed-card/customElement.js

@@ -1,14 +1,15 @@
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/1.2/esri/copyright.txt for details.
+v1.2.0-next.58 */
 import "../../chunks/runtime.js";
 import "../../chunks/useT9n.js";
 import "@arcgis/lumina";
 import "@arcgis/lumina/context";
 import "../../chunks/deployAppContexts.js";
-import { J as l } from "../../chunks/interfaces.js";
+import { J } from "../../chunks/interfaces.js";
 import "lit-html/directives/ref.js";
 import "lit";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.57 */
 export {
-  l as SolutionDeployedCard
+  J as SolutionDeployedCard
 };
+//# sourceMappingURL=customElement.js.map

package/dist/components/solution-deployed-card/customElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/components/solution-deployed-card-panel/customElement.js

@@ -1,16 +1,16 @@
-import { c as d } from "../../chunks/runtime.js";
-import { css as p, html as t } from "lit";
-import { keyed as g } from "lit/directives/keyed.js";
-import { u } from "../../chunks/useT9n.js";
-import { LitElement as h, createEvent as o, safeClassMap as m, nothing as n } from "@arcgis/lumina";
-import { useContextConsumer as f } from "@arcgis/lumina/context";
-import { c as x } from "../../chunks/deployAppContexts.js";
-import { a as b, d as s, h as _ } from "../../chunks/cardsHelpers.js";
-import { D as v, H as w } from "../../chunks/interfaces.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.57 */
-const y = p`/** @license
+v1.2.0-next.58 */
+import { c as customElement } from "../../chunks/runtime.js";
+import { css, html } from "lit";
+import { keyed } from "lit/directives/keyed.js";
+import { u as useT9n } from "../../chunks/useT9n.js";
+import { LitElement, createEvent, safeClassMap, nothing } from "@arcgis/lumina";
+import { useContextConsumer } from "@arcgis/lumina/context";
+import { c as configContext } from "../../chunks/deployAppContexts.js";
+import { a as findSolutionByTypeKeywordSolutionId, d as getSolutionVersionFromTypekeyword, h as findSolutionTitleByDeployCommonId } from "../../chunks/cardsHelpers.js";
+import { D as getUserIsAdmin, H as prepareDataForSolutionDisplay } from "../../chunks/interfaces.js";
+const styles = css`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -24,106 +24,373 @@ const y = p`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */.font-weight-med{font-weight:var(--calcite-font-weight-medium)}.font-weight-bold{font-weight:var(--calcite-font-weight-bold)}.heading-font{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium)}.title-font{font-size:1.8rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.font-1{font-size:var(--calcite-spacing-xxl)}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.icon-color{color:var(--calcite-color-text-3)}.padding-bottom-lg{padding-bottom:var(--calcite-spacing-lg)}.item-padding{--calcite-internal-accordion-item-padding: var(--calcite-spacing-xl)}.align-items-center{align-items:center}.align-items-start{align-items:start}.font-size-override{--calcite-font-size--2: var(--calcite-font-size--1)}.background-color-2{background-color:var(--calcite-color-foreground-2)}.label-override{--calcite-label-margin-bottom: var(--calcite-spacing-none)}.position-relative{position:relative}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.margin-block-start-end-0{margin-block-start:var(--calcite-spacing-none);margin-block-end:var(--calcite-spacing-none)}.panel-background-2{--calcite-panel-background-color: var(--calcite-color-foreground-2);background-color:var(--calcite-color-foreground-2)}.panel-background-1{--calcite-panel-background-color: var(--calcite-color-foreground-1);--calcite-shell-panel-background-color: var(--calcite-color-foreground-1)}.border-none{border:none}.font-color-1{color:var(--calcite-color-text-1)}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }.bottom-border{border-bottom:solid var(--calcite-spacing-px);color:var(--calcite-color-border-1)}.margin-start-end-xxl{margin-inline-start:var(--calcite-spacing-xxl);margin-inline-end:var(--calcite-spacing-xxl)}.justify-between{justify-content:space-between}.items-baseline{align-items:baseline}.padding-xxl{padding:var(--calcite-spacing-xxl)}.padding-top-xxl{padding-top:var(--calcite-spacing-xxl)}.padding-top-lg{padding-top:var(--calcite-spacing-lg)}.padding-bottom-xxl{padding-bottom:var(--calcite-spacing-xxl)}.padding-end-xxl{padding-inline-end:var(--calcite-spacing-xxl)}.padding-start-sm{padding-inline-start:var(--calcite-spacing-sm)}.padding-start-xxl{padding-inline-start:var(--calcite-spacing-xxl)}.image-width{width:395px;flex-grow:0;flex-shrink:0}@media(max-width:1280px){.image-width{flex-grow:2;flex-shrink:.5}}img{max-width:100%;height:auto;overflow-clip-margin:content-box;overflow:clip;display:block}.margin-xl{margin:var(--calcite-spacing-xl)}.line-height-1{line-height:1.1}@media(max-width:800px){.image-width{display:none}}calcite-shell-panel{--calcite-shell-panel-max-width: 20rem;--calcite-shell-panel-width: 24vw}calcite-shell{block-size:unset}`;
-class $ extends h {
+ */
+
+.font-weight-med {
+  font-weight: var(--calcite-font-weight-medium);
+}
+
+.font-weight-bold {
+  font-weight: var(--calcite-font-weight-bold);
+}
+
+.heading-font {
+  font-size: var(--calcite-font-size-0);
+  font-weight: var(--calcite-font-weight-medium);
+}
+
+.title-font {
+  font-size: 1.8rem;
+  font-weight: var(--calcite-font-weight-medium);
+  color: var(--calcite-color-text-1);
+}
+
+.font-1 {
+  font-size: var(--calcite-spacing-xxl);
+}
+
+.display-flex {
+  display: flex;
+}
+
+.display-none {
+  display: none;
+}
+
+.flex-direction-column {
+  flex-direction: column;
+}
+
+.flex-direction-row {
+  flex-direction: row;
+}
+
+.icon-color {
+  color: var(--calcite-color-text-3);
+}
+
+.padding-end-xxl {
+  padding-inline-end: var(--calcite-spacing-xxl);
+}
+
+.padding-bottom-lg {
+  padding-bottom: var(--calcite-spacing-lg);
+}
+
+.padding-bottom-xxl {
+  padding-bottom: var(--calcite-spacing-xxl);
+}
+
+.item-padding {
+  --calcite-internal-accordion-item-padding: var(--calcite-spacing-xl);
+}
+
+.align-items-center {
+  align-items: center;
+}
+
+.align-items-start {
+  align-items: start;
+}
+
+.font-size-override {
+  --calcite-font-size--2: var(--calcite-font-size--1);
+}
+
+.background-color-2 {
+  background-color: var(--calcite-color-foreground-2);
+}
+
+.label-override {
+  --calcite-label-margin-bottom: var(--calcite-spacing-none);
+}
+
+.position-relative {
+  position: relative;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+.overflow-auto {
+  overflow: auto;
+}
+
+.margin-block-start-end-0 {
+  margin-block-start: var(--calcite-spacing-none);
+  margin-block-end: var(--calcite-spacing-none);
+}
+
+.panel-background-2 {
+  --calcite-panel-background-color: var(--calcite-color-foreground-2);
+  background-color: var(--calcite-color-foreground-2);
+}
+
+.panel-background-1 {
+  --calcite-panel-background-color: var(--calcite-color-foreground-1);
+  --calcite-shell-panel-background-color: var(--calcite-color-foreground-1);
+}
+
+.border-none {
+  border: none;
+}
+
+.font-color-1 {
+  color: var(--calcite-color-text-1);
+}
+
+.panel-bg-color {
+  --calcite-panel-header-background-color: var(--calcite-color-foreground-1);
+  --calcite-panel-background-color: var(--calcite-color-foreground-1);
+}
+
+.dialog-y-size {
+  --calcite-dialog-size-y: 90%
+}
+
+.dialog-x-size {
+  --calcite-dialog-size-x: 90%
+}
+
+.bottom-border {
+  border-bottom: solid var(--calcite-spacing-px);
+  color: var(--calcite-color-border-1);
+}
+
+.margin-start-end-xxl {
+  margin-inline-start: var(--calcite-spacing-xxl);
+  margin-inline-end: var(--calcite-spacing-xxl);
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.items-baseline {
+  align-items: baseline;
+}
+
+.padding-xxl {
+  padding: var(--calcite-spacing-xxl);
+}
+
+.padding-top-xxl {
+  padding-top: var(--calcite-spacing-xxl);
+}
+
+.padding-top-lg {
+  padding-top: var(--calcite-spacing-lg);
+}
+
+.padding-bottom-xxl {
+  padding-bottom: var(--calcite-spacing-xxl);
+}
+
+.padding-end-xxl {
+  padding-inline-end: var(--calcite-spacing-xxl);
+}
+
+.padding-start-sm {
+  padding-inline-start: var(--calcite-spacing-sm);
+}
+
+.padding-start-xxl {
+  padding-inline-start: var(--calcite-spacing-xxl);
+}
+
+.image-width {
+  width: 395px;
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+
+@media (max-width: 1280px) {
+  .image-width {
+    flex-grow: 2;
+    flex-shrink: 0.5;
+  }
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+  overflow-clip-margin: content-box;
+  overflow: clip;
+  display: block;
+}
+
+.margin-xl {
+  margin: var(--calcite-spacing-xl);
+}
+
+.line-height-1 {
+  line-height: 1.1;
+}
+
+@media (max-width: 800px) {
+  .image-width {
+    display: none;
+  }
+}
+
+calcite-shell-panel {
+  --calcite-shell-panel-max-width: 20rem;
+  --calcite-shell-panel-width: 24vw;
+}
+
+calcite-shell {
+  block-size: unset;
+}`;
+class SolutionDeployedCardPanel extends LitElement {
   constructor() {
-    super(), this.diagramKey = "", this.open = !1, this.templateInfos = [], this._accordionLoading = !1, this._configureTitlesOpen = !1, this._deleteDialogOpen = !1, this._hasNewVersion = !1, this._isDiagramOpen = !1, this._isNameConflict = !1, this._invalidNameMessage = "", this._showSuccessAlert = !1, this._showFailedAlert = !1, this._showItemUpdateLoading = !1, this._templateInfoGraph = [], this._translations = u({ name: "solution-deployed-card-panel", blocking: !0 }), this._configContextConsumer = f({
-      context: x,
-      subscribe: !0,
-      callback: async (e) => {
-        e && (this._isOrgAdmin = e.authentication?.PortalUserSubset?.role === "org_admin" || v(e.authentication), this._user = e.authentication?.Portal?.user);
+    super();
+    this.diagramKey = "";
+    this.open = false;
+    this.templateInfos = [];
+    this._accordionLoading = false;
+    this._configureTitlesOpen = false;
+    this._deleteDialogOpen = false;
+    this._hasNewVersion = false;
+    this._isDiagramOpen = false;
+    this._isNameConflict = false;
+    this._invalidNameMessage = "";
+    this._showSuccessAlert = false;
+    this._showFailedAlert = false;
+    this._showItemUpdateLoading = false;
+    this._templateInfoGraph = [];
+    this._translations = useT9n({ name: "solution-deployed-card-panel", blocking: true });
+    this._configContextConsumer = useContextConsumer({
+      context: configContext,
+      subscribe: true,
+      callback: async (evt) => {
+        if (evt) {
+          this._isOrgAdmin = evt.authentication?.PortalUserSubset?.role === "org_admin" || getUserIsAdmin(evt.authentication);
+          this._user = evt.authentication?.Portal?.user;
+        }
       }
-    }), this._isOrgAdmin = !1, this.navTabSelected = o(), this.sortTypeChanged = o(), this.solutionConfigureDialogClose = o(), this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected), this.listenOn(window, "deployProgressEnd", () => {
-      this._showSuccessAlert = !0;
+    });
+    this._isOrgAdmin = false;
+    this.navTabSelected = createEvent();
+    this.sortTypeChanged = createEvent();
+    this.solutionConfigureDialogClose = createEvent();
+    this.listenOn(window, "deployedCardSelected", this._deployedCardSelected);
+    this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected);
+    this.listenOn(window, "deployProgressEnd", () => {
+      this._showSuccessAlert = true;
     });
   }
   static {
-    this.properties = { card: 0, cardRef: 1, diagramKey: 1, open: 5, templateInfos: 0, _accordionLoading: 16, _configureTitlesOpen: 16, _deleteDialogOpen: 16, _hasNewVersion: 16, _isDiagramOpen: 16, _isNameConflict: 16, _invalidNameMessage: 16, _showSuccessAlert: 16, _showFailedAlert: 16, _showItemUpdateLoading: 16, _templateInfoGraph: 16, _translations: 16 };
+    this.properties = { card: [0, {}, { attribute: false }], cardRef: 1, diagramKey: 1, open: [5, {}, { type: Boolean }], templateInfos: [0, {}, { attribute: false }], _accordionLoading: [16, {}, { state: true }], _configureTitlesOpen: [16, {}, { state: true }], _deleteDialogOpen: [16, {}, { state: true }], _hasNewVersion: [16, {}, { state: true }], _isDiagramOpen: [16, {}, { state: true }], _isNameConflict: [16, {}, { state: true }], _invalidNameMessage: [16, {}, { state: true }], _showSuccessAlert: [16, {}, { state: true }], _showFailedAlert: [16, {}, { state: true }], _showItemUpdateLoading: [16, {}, { state: true }], _templateInfoGraph: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
   }
   static {
-    this.styles = y;
+    this.styles = styles;
   }
   render() {
-    return t`<calcite-shell class="position-relative background-color-2"><calcite-panel class="padding-end-xxl panel-background-2 border-none" slot=panel-bottom><div class="display-flex flex-direction-column overflow-hidden"><div class="background-color-2 padding-top-xxl">${this._getSolutionPanel()}</div>${this._getSolutionContents()}</div></calcite-panel><calcite-shell-panel class="panel-background-1" slot=panel-end>${this._getButtons()}${this._getOwnerSection()}<div class="bottom-border margin-start-end-xxl"></div>${this._getSolutionVersionCard()}</calcite-shell-panel>${this._renderDiagramDialog()}${this._getConfigureTitlesDialog()}${this._getDeleteDialog()}${this._getSuccessDeployAlert()}</calcite-shell>`;
-  }
-  async _deployedCardSelected(e) {
-    const i = e.detail;
-    this.card = i.card, this.cardRef = i.cardRef, this.templateInfos = [], this._accordionLoading = !0, this.templateInfos = this.cardRef ? await this.cardRef.getTemplates() : await w(this.card.id, this._configContextConsumer.value.userSession), this._accordionLoading = !1;
-    const a = b(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
-    let l = !1;
-    if (a) {
-      const c = s(a), r = s(this.card);
-      l = c > r;
+    return html`<calcite-shell class="position-relative background-color-2"><calcite-panel class="padding-end-xxl panel-background-2 border-none" slot=panel-bottom><div class="display-flex flex-direction-column overflow-hidden"><div class="background-color-2 padding-top-xxl">${this._getSolutionPanel()}</div>${this._getSolutionContents()}</div></calcite-panel><calcite-shell-panel class="panel-background-1" slot=panel-end>${this._getButtons()}${this._getOwnerSection()}<div class="bottom-border margin-start-end-xxl"></div>${this._getSolutionVersionCard()}</calcite-shell-panel>${this._renderDiagramDialog()}${this._getConfigureTitlesDialog()}${this._getDeleteDialog()}${this._getSuccessDeployAlert()}</calcite-shell>`;
+  }
+  async _deployedCardSelected(evt) {
+    const deployedCard = evt.detail;
+    this.card = deployedCard.card;
+    this.cardRef = deployedCard.cardRef;
+    this.templateInfos = [];
+    this._accordionLoading = true;
+    this.templateInfos = this.cardRef ? await this.cardRef.getTemplates() : await prepareDataForSolutionDisplay(this.card.id, this._configContextConsumer.value.userSession);
+    this._accordionLoading = false;
+    const sourceSolutionCard = findSolutionByTypeKeywordSolutionId(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
+    let hasNewVersion = false;
+    if (sourceSolutionCard) {
+      const sourceVersion = getSolutionVersionFromTypekeyword(sourceSolutionCard);
+      const deployedVersion = getSolutionVersionFromTypekeyword(this.card);
+      hasNewVersion = sourceVersion > deployedVersion;
     }
-    this._hasNewVersion = l;
+    this._hasNewVersion = hasNewVersion;
   }
-  _handleDeployAppTabSelected(e) {
-    e.detail === "deployed-card" && this.sortTypeChanged.emit("");
+  _handleDeployAppTabSelected(evt) {
+    const activeTab = evt.detail;
+    if (activeTab === "deployed-card") {
+      this.sortTypeChanged.emit("");
+    }
   }
   _getButtons() {
-    const e = this._configContextConsumer.value?.userSession?.username, i = this.card?.owner === e || this._isOrgAdmin, a = i ? "display-none" : "";
-    return t`<div class="display-flex flex-direction-column padding-xxl"><calcite-button appearance=outline class="padding-bottom-lg" icon-start=model kind=neutral @click=${this._openDiagram}>${this._translations.viewTheDiagram}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg" .disabled=${!i} icon-start=edit-attributes id=solution-configure-titles-button kind=neutral @click=${this._openConfigureTitlesDialog}>${this._translations.updateTitles}</calcite-button><calcite-tooltip class=${m(a)} overlay-positioning=fixed reference-element=solution-configure-titles-button><span>${this._translations.mustOwnSolution}</span></calcite-tooltip><calcite-button appearance=outline class="padding-bottom-lg" icon-start=file-text kind=neutral @click=${this._viewDocumentation}>${this._translations.solutionDocumentation}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg" icon-start=launch kind=neutral @click=${this._openItemDetails}>${this._translations.itemDetails}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg" icon-start=trash kind=neutral @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-button></div>`;
+    const userName = this._configContextConsumer.value?.userSession?.username;
+    const canEditTitles = this.card?.owner === userName || this._isOrgAdmin;
+    const editTitlesTooltipClass = canEditTitles ? "display-none" : "";
+    return html`<div class="display-flex flex-direction-column padding-xxl"><calcite-button appearance=outline class="padding-bottom-lg" icon-start=model kind=neutral @click=${this._openDiagram}>${this._translations.viewTheDiagram}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg" .disabled=${!canEditTitles} icon-start=edit-attributes id=solution-configure-titles-button kind=neutral @click=${this._openConfigureTitlesDialog}>${this._translations.updateTitles}</calcite-button><calcite-tooltip class=${safeClassMap(editTitlesTooltipClass)} overlay-positioning=fixed reference-element=solution-configure-titles-button><span>${this._translations.mustOwnSolution}</span></calcite-tooltip><calcite-button appearance=outline class="padding-bottom-lg" icon-start=file-text kind=neutral @click=${this._viewDocumentation}>${this._translations.solutionDocumentation}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg" icon-start=launch kind=neutral @click=${this._openItemDetails}>${this._translations.itemDetails}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg" icon-start=trash kind=neutral @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-button></div>`;
   }
   _openConfigureTitlesDialog() {
-    this._configureTitlesOpen = !0;
+    this._configureTitlesOpen = true;
   }
   _getConfigureTitlesDialog() {
-    return this._configureTitlesOpen ? t`<solution-configure-titles .card=${this.card} @solutionConfigureTitlesBeforeClose=${() => {
-      this._configureTitlesOpen = !1;
+    return this._configureTitlesOpen ? html`<solution-configure-titles .card=${this.card} @solutionConfigureTitlesBeforeClose=${() => {
+      this._configureTitlesOpen = false;
     }} @solutionItemsTitlesChanged=${async () => {
       this.templateInfos = await this.cardRef.getTemplates();
     }} .open=${this._configureTitlesOpen} .templateInfos=${this.templateInfos}></solution-configure-titles>` : "";
   }
-  _viewDocumentation(e) {
-    e.stopPropagation(), window.open(this.card.learnMoreUrl, "_blank");
+  _viewDocumentation(evt) {
+    evt.stopPropagation();
+    window.open(this.card.learnMoreUrl, "_blank");
   }
-  _openItemDetails(e) {
-    e.stopPropagation(), window.open(this.card.itemUrl, "_blank");
+  _openItemDetails(evt) {
+    evt.stopPropagation();
+    window.open(this.card.itemUrl, "_blank");
   }
   _getOwnerSection() {
-    if (this._configContextConsumer?.value)
-      return t`<div class="display-flex padding-bottom-xxl margin-start-end-xxl flex-direction-column"><div class="display-flex justify-between items-baseline"><calcite-label class="font-weight-med label-override" layout=inline scale=l>${this._translations.aboutYourSolutionOwner}</calcite-label><calcite-button appearance=transparent kind=neutral icon-start=pencil @click=${() => {
-      }}>${this._translations.editSolutionOwner}</calcite-button></div>${g(this.card?.owner, t`<arcgis-user-popup api=4 appearance=outline .baseUrl=${this._configContextConsumer?.value?.authentication?.IsEnterprisePortal ? this._configContextConsumer?.value?.orgUrl : this._configContextConsumer?.value?.orgUrl + "/home/"} class="padding-top-lg" .portal=${this._configContextConsumer?.value?.authentication?.Portal} scale=l show-avatar show-name show-username underline .user=${this._user?.username === this.card?.owner ? this._user : void 0} .username=${this.card?.owner}></arcgis-user-popup>`)}</div>`;
+    if (!this._configContextConsumer?.value) {
+      return;
+    }
+    return html`<div class="display-flex padding-bottom-xxl margin-start-end-xxl flex-direction-column"><div class="display-flex justify-between items-baseline"><calcite-label class="font-weight-med label-override" layout=inline scale=l>${this._translations.aboutYourSolutionOwner}</calcite-label><calcite-button appearance=transparent kind=neutral icon-start=pencil @click=${() => {
+    }}>${this._translations.editSolutionOwner}</calcite-button></div>${keyed(this.card?.owner, html`<arcgis-user-popup api=4 appearance=outline .baseUrl=${this._configContextConsumer?.value?.authentication?.IsEnterprisePortal ? this._configContextConsumer?.value?.orgUrl : this._configContextConsumer?.value?.orgUrl + "/home/"} class="padding-top-lg" .portal=${this._configContextConsumer?.value?.authentication?.Portal} scale=l show-avatar show-name show-username underline .user=${this._user?.username === this.card?.owner ? this._user : void 0} .username=${this.card?.owner}></arcgis-user-popup>`)}</div>`;
   }
-  async _openDiagram(e) {
-    e.stopPropagation(), this.cardRef && (this._templateInfoGraph = await this.cardRef.getTemplates(), this._isDiagramOpen = !0);
+  async _openDiagram(evt) {
+    evt.stopPropagation();
+    if (this.cardRef) {
+      this._templateInfoGraph = await this.cardRef.getTemplates();
+      this._isDiagramOpen = true;
+    }
   }
   _getSolutionVersionCard() {
-    const e = this._hasNewVersion ? this._translations.newVersionAvailable : this._translations.youHaveTheLatestVersion;
-    return t`<div class="padding-xxl display-flex flex-direction-column"><calcite-label class="font-weight-med label-override" layout=inline scale=l slot=heading>${this._translations.solutionVersion}</calcite-label><div class="display-flex"><div class="display-flex flex-direction-row padding-top-lg align-items-center"><calcite-icon class="icon-color" icon=clock-forward scale=m></calcite-icon><div class="display-flex flex-direction-column padding-start-xxl"><span class="font-weight-bold font-color-1">${this.card?.deployVersion}</span><span>${e}</span></div></div></div>${this._hasNewVersion ? t`<calcite-button appearance=outline class="padding-top-lg" kind=neutral @click=${this._openNewVersionSolution} width=full>${this._translations.viewNewVersion}</calcite-button>` : ""}</div>`;
+    const versionString = this._hasNewVersion ? this._translations.newVersionAvailable : this._translations.youHaveTheLatestVersion;
+    return html`<div class="padding-xxl display-flex flex-direction-column"><calcite-label class="font-weight-med label-override" layout=inline scale=l slot=heading>${this._translations.solutionVersion}</calcite-label><div class="display-flex"><div class="display-flex flex-direction-row padding-top-lg align-items-center"><calcite-icon class="icon-color" icon=clock-forward scale=m></calcite-icon><div class="display-flex flex-direction-column padding-start-xxl"><span class="font-weight-bold font-color-1">${this.card?.deployVersion}</span><span>${versionString}</span></div></div></div>${this._hasNewVersion ? html`<calcite-button appearance=outline class="padding-top-lg" kind=neutral @click=${this._openNewVersionSolution} width=full>${this._translations.viewNewVersion}</calcite-button>` : ""}</div>`;
   }
-  _openNewVersionSolution(e) {
-    e.stopPropagation();
-    const i = _(this._configContextConsumer.value.allCards, this.card.deployCommonId), a = window.location.href;
-    i && window.open(a.replace(/deployments\/.+/, i), "_self");
+  _openNewVersionSolution(evt) {
+    evt.stopPropagation();
+    const title = findSolutionTitleByDeployCommonId(this._configContextConsumer.value.allCards, this.card.deployCommonId);
+    const url = window.location.href;
+    if (title) {
+      window.open(url.replace(/deployments\/.+/, title), "_self");
+    }
   }
   _getSolutionPanel() {
-    const e = this.card?.thumbnailUrl.replace(/w=\d+/, "w=400"), i = this._configContextConsumer.value?.userSession;
-    return t`<calcite-panel class="font-size-override panel-background-1"><div class="display-flex flex-direction-row"><div class="image-width margin-xl"><img alt=${this.card?.title ?? n} src=${e ? `${e}&token=${i?.token}` : ""}></div><div class="display-flex flex-direction-column"><h1 class="title-font margin-block-start-end-0 padding-end-xxl padding-start-sm padding-top-xxl padding-bottom-xxl line-height-1">${this.card?.title}</h1><div class="display-flex flex-direction-column padding-bottom-xxl padding-start-sm"><div class="display-flex align-items-start padding-bottom-xxl"><calcite-label class="font-1 padding-end-xxl" scale=l>${this.card?.snippet}</calcite-label></div><div class="display-flex"><div class="display-flex"><calcite-label class="label-override icon-color" layout=inline><calcite-icon class="icon-color" icon=projects scale=s></calcite-icon>${this._translations.aboutYourSolutionDeployedDate.replace("{{deployedDate}}", this.card?.created || "")}</calcite-label></div></div></div></div></div></calcite-panel>`;
+    const thumbnailUrl = this.card?.thumbnailUrl.replace(/w=\d+/, "w=400");
+    const userSession = this._configContextConsumer.value?.userSession;
+    return html`<calcite-panel class="font-size-override panel-background-1"><div class="display-flex flex-direction-row"><div class="image-width margin-xl"><img alt=${this.card?.title ?? nothing} src=${thumbnailUrl ? `${thumbnailUrl}&token=${userSession?.token}` : ""}></div><div class="display-flex flex-direction-column"><h1 class="title-font margin-block-start-end-0 padding-end-xxl padding-start-sm padding-top-xxl padding-bottom-xxl line-height-1">${this.card?.title}</h1><div class="display-flex flex-direction-column padding-bottom-xxl padding-start-sm"><div class="display-flex align-items-start padding-bottom-xxl"><calcite-label class="font-1 padding-end-xxl" scale=l>${this.card?.snippet}</calcite-label></div><div class="display-flex"><div class="display-flex"><calcite-label class="label-override icon-color" layout=inline><calcite-icon class="icon-color" icon=projects scale=s></calcite-icon>${this._translations.aboutYourSolutionDeployedDate.replace("{{deployedDate}}", this.card?.created || "")}</calcite-label></div></div></div></div></div></calcite-panel>`;
   }
   _getSolutionContents() {
-    return t`<calcite-panel class="panel-background-1 padding-top-xxl"><calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded><div class="margin-block-start-end-0 heading-font " slot=content-start>${this._translations.solutionsContentsAndCount.replace("{{numberOfSolutions}}", this.templateInfos.length.toString())}</div><div class="overflow-auto">${this._accordionLoading ? t`<calcite-loader .label=${this._translations.loadingText} scale=m></calcite-loader>` : t`<solution-item-accordion list-selection-mode=single .templateInfos=${this.templateInfos} .typeKeywords=${this.card?.typeKeywords}></solution-item-accordion>`}</div></calcite-accordion-item></calcite-accordion></calcite-panel>`;
+    return html`<calcite-panel class="panel-background-1 padding-top-xxl"><calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded><div class="margin-block-start-end-0 heading-font " slot=content-start>${this._translations.solutionsContentsAndCount.replace("{{numberOfSolutions}}", this.templateInfos.length.toString())}</div><div class="overflow-auto">${this._accordionLoading ? html`<calcite-loader .label=${this._translations.loadingText} scale=m></calcite-loader>` : html`<solution-item-accordion list-selection-mode=single .templateInfos=${this.templateInfos} .typeKeywords=${this.card?.typeKeywords}></solution-item-accordion>`}</div></calcite-accordion-item></calcite-accordion></calcite-panel>`;
   }
   _getDeleteDialog() {
-    return this._deleteDialogOpen ? t`<solution-delete-dialog .card=${this.card} @solutionDeleted=${() => setTimeout(() => this.navTabSelected.emit({ tabType: "deployments" }), 100)} @solutionDeleteDialogBeforeClose=${() => {
-      this._deleteDialogOpen = !1;
+    return this._deleteDialogOpen ? html`<solution-delete-dialog .card=${this.card} @solutionDeleted=${() => setTimeout(() => this.navTabSelected.emit({ tabType: "deployments" }), 100)} @solutionDeleteDialogBeforeClose=${() => {
+      this._deleteDialogOpen = false;
     }} .open=${this._deleteDialogOpen}></solution-delete-dialog>` : "";
   }
   _getSuccessDeployAlert() {
-    return t`<calcite-alert auto-close auto-close-duration=fast icon=check-circle kind=success .label=${this._translations.deploySuccessAlert.replace("{{solutionTitle}}", this.card?.title ?? "")} .open=${this._showSuccessAlert} @calciteAlertClose=${() => {
-      this._showSuccessAlert = !1;
+    return html`<calcite-alert auto-close auto-close-duration=fast icon=check-circle kind=success .label=${this._translations.deploySuccessAlert.replace("{{solutionTitle}}", this.card?.title ?? "")} .open=${this._showSuccessAlert} @calciteAlertClose=${() => {
+      this._showSuccessAlert = false;
     }}><div slot=title>${this._translations.deploySuccessAlert.replace("{{solutionTitle}}", this.card?.title ?? "")}</div></calcite-alert>`;
   }
   _renderDiagramDialog() {
-    return this._isDiagramOpen ? t`<calcite-dialog class="dialog-y-size dialog-x-size panel-bg-color" .heading=${this._translations.diagramOfTheSolution.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.diagramOfTheSolution.replace("{{solution}}", this.card?.title ?? "") ?? n} modal .open=${this._isDiagramOpen} @calciteDialogClose=${() => {
-      this._isDiagramOpen = !1;
+    return this._isDiagramOpen ? html`<calcite-dialog class="dialog-y-size dialog-x-size panel-bg-color" .heading=${this._translations.diagramOfTheSolution.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.diagramOfTheSolution.replace("{{solution}}", this.card?.title ?? "") ?? nothing} modal .open=${this._isDiagramOpen} @calciteDialogClose=${() => {
+      this._isDiagramOpen = false;
     }} outside-close-disabled scale=m width=l><solution-item-diagram .diagramKey=${this.diagramKey !== "" ? this.diagramKey : this._configContextConsumer.value?.diagramKey ?? ""} .templateInfoGraph=${this._templateInfoGraph} .typeKeywords=${this.card?.typeKeywords}></solution-item-diagram></calcite-dialog>` : "";
   }
   async _deleteSolution() {
-    this._deleteDialogOpen = !0;
+    this._deleteDialogOpen = true;
   }
 }
-d("solution-deployed-card-panel", $);
+customElement("solution-deployed-card-panel", SolutionDeployedCardPanel);
 export {
-  $ as SolutionDeployedCardPanel
+  SolutionDeployedCardPanel
 };
+//# sourceMappingURL=customElement.js.map