Fixed the attachment visibility issue (#387)

* updated the quick link component

* Fixed the attachment visibility issue

---------

Co-authored-by: manasa <[email protected]>
Co-authored-by: tumms2021389 <[email protected]>

Author: 3 people

packages/angular-sdk-components/src/lib/_components/infra/Containers/flow-container/flow-container.component.html

@@ -32,7 +32,7 @@ <h2>{{ containerName$ }}</h2>
   </div>
   <div *ngIf="bHasCaseMessages$">
     <mat-card class="psdk-message-card">
-      <div style="display: flex; flex-direction: row">
+      <div style="display: flex; flex-direction: row; align-items: center">
         <div><img class="psdk-icon" src="{{ checkSvg$ }}" /></div>
         <div>{{ caseMessages$ }}</div>
       </div>

packages/angular-sdk-components/src/lib/_components/infra/Containers/flow-container/flow-container.component.ts

@@ -280,7 +280,7 @@ export class FlowContainerComponent extends FlowContainerBaseComponent implement
 
     // this.containerName$ = oWorkMeta["name"];
     if (bLoadChildren && oWorkData) {
-      this.containerName$ = this.localizedVal(this.getActiveViewLabel() || oWorkData.caseInfo.assignments[0].name, undefined, this.localeReference);
+      this.containerName$ = this.localizedVal(this.getActiveViewLabel() || oWorkData.caseInfo.assignments?.[0].name, undefined, this.localeReference);
     }
 
     // turn off spinner

packages/angular-sdk-components/src/lib/_components/widget/attachment/attachment.component.scss

@@ -5,7 +5,7 @@
 }
 
 .psdk-modal-file-selector {
-  border: 1px dashed var(--app-neutral-dark-color);
+  border: 1px dashed var(--mat-sys-neutral-variant20);
   width: 100%;
   padding: 0.3rem;
   text-align: center;
@@ -22,7 +22,7 @@
 }
 
 .psdk-modal-file-selector-error {
-  border: 1px dashed var(--app-error-light-color);
+  border: 1px dashed var(--mat-sys-error);
   width: 100%;
   padding: 0.3rem;
   text-align: center;
@@ -52,7 +52,7 @@
   width: auto;
 }
 .psdk-modal-file-selector {
-  border: 1px dashed var(--app-neutral-dark-color);
+  border: 1px dashed var(--mat-sys-neutral-variant20);
   padding: 0.5rem;
   text-align: center;
   position: relative;
@@ -68,7 +68,7 @@
 }
 
 .psdk-modal-file-selector-error {
-  border: 1px dashed var(--app-error-light-color);
+  border: 1px dashed var(--mat-sys-error);
   padding: 0.5rem;
   text-align: center;
   position: relative;
@@ -126,15 +126,13 @@
 
 .psdk-attachment-card-svg-icon {
   width: 2.5rem;
-  filter: var(--app-white-color-filter);
 }
 
 .psdk-utility-button {
   background: none;
   border: none;
   margin-right: 0.5rem;
   cursor: pointer;
-  filter: var(--app-white-color-filter);
 }
 
 .psdk-utility-card-action-svg-icon {
@@ -151,7 +149,7 @@
 }
 
 .file-div-error {
-  border: 1px dashed var(--app-error-light-color);
+  border: 1px dashed var(--mat-sys-error);
   width: 100%;
   padding: 0.5rem;
   text-align: center;

packages/angular-sdk-components/src/lib/_components/widget/attachment/attachment.component.ts

@@ -132,11 +132,12 @@ export class AttachmentComponent implements OnInit, OnDestroy {
   updateSelf() {
     const configProps: AttachmentProps = this.pConn$.resolveConfigProps(this.pConn$.getConfigProps()) as AttachmentProps;
     const stateProps = this.pConn$.getStateProps();
-    const { value, label, required, visibility, disabled, readOnly, extensions, displayMode, isTableFormatter, allowMultiple, editMode } =
-      configProps;
+    const { value, label, required, disabled, readOnly, extensions, displayMode, isTableFormatter, allowMultiple, editMode } = configProps;
 
     this.bRequired$ = this.utils.getBooleanValue(required);
-    this.bVisible$ = this.utils.getBooleanValue(visibility);
+    if (configProps.visibility != null) {
+      this.bVisible$ = this.utils.getBooleanValue(configProps.visibility);
+    }
     this.bDisabled$ = this.utils.getBooleanValue(disabled);
     this.bReadonly$ = this.utils.getBooleanValue(readOnly);
     this.allowMultiple$ = this.utils.getBooleanValue(allowMultiple);