@chat21/chat21-web-widget 5.1.33-rc9 → 5.1.34-rc1

package/src/app/component/conversation-detail/conversation-footer/conversation-footer.component copy.html

@@ -1,172 +0,0 @@
-<div class="footerContainerAlert">
-    <!-- LOGO-->
-    <div id="hiddenFooter" *ngIf="!hideTextAreaContent && poweredBy" class="fade-in-bottom" [class.hideTextReply]="hideTextReply">
-        <div class="c21-powered-by" [innerHTML]="poweredBy" (click)="managePoweredBy($event)"></div>
-    </div>
-
-    <!-- ALERT EMOJI -->
-    <div id="textAlert"
-        *ngIf="!hideTextAreaContent && showAlertEmoji"
-        role="alert"
-        aria-live="assertive"
-        class="fade-in-bottom"
-        [class.hideTextReply]="hideTextReply">
-        <svg aria-hidden="true" focusable="false" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" version="1.1" viewBox="0 0 110 135">
-            <path d="M55,25.8c-23,0-41.7,18.7-41.7,41.7s18.7,41.7,41.7,41.7,41.7-18.7,41.7-41.7-18.7-41.7-41.7-41.7ZM55,91.5c-3.4,0-6.2-2.8-6.2-6.2s2.8-6.2,6.2-6.2,6.2,2.8,6.2,6.2-2.8,6.2-6.2,6.2ZM60.3,70.1c-.2,2.8-2.5,4.9-5.3,4.9s-5.1-2.2-5.3-4.9l-1.6-22.3c-.3-4,2.9-7.4,6.9-7.4s7.2,3.4,6.9,7.4l-1.6,22.3Z"/>
-        </svg>
-        <div class="alertText">{{translationMap.get('EMOJI_NOT_ELLOWED')}}</div>
-    </div>
-
-</div>
-
-<!-- TEXTAREA + ICONS: conv active-->
-<div class="textarea-container" *ngIf="!hideTextAreaContent && !hideTextReply">
-
-    <div *ngIf="!isStopRec" class="icons-container">
-        <!-- ICON ATTACHMENT -->
-        <label *ngIf="showAttachmentFooterButton"
-            for="chat21-file"
-            role="button"
-            tabindex="0"
-            [attr.aria-label]="translationMap?.get('BUTTON_ATTACH_FILE')"
-            [attr.title]="'MAX_ATTACHMENT' | translate: { FILE_SIZE_LIMIT: file_size_limit }"
-            class="chat21-textarea-button"
-            [class.active]="!isFilePendingToUpload && !hideTextReply"
-            id="chat21-start-upload-doc"
-            (keydown.enter)="$event.preventDefault(); chat21_file.click()"
-            (keydown.space)="$event.preventDefault(); chat21_file.click()">
-            <span class="v-align-center">
-                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="24px" height="24" viewBox="0 0 24 24" fill="currentColor">
-                    <path d="M9.9,22.7c0,0-.1,0-.2,0-1.9.3-3.7-.2-5.2-1.4-3-2.3-3.6-6.4-1.4-9.5L9.5,2.5c.4-.5,1.1-.6,1.6-.3.5.4.6,1.1.3,1.6l-6.5,9.4c-1.4,2-1,4.8.9,6.3,1,.8,2.2,1.1,3.5.9,1.3-.2,2.4-.9,3.1-1.9l6-8.7c.9-1.2.6-3-.6-3.9-.6-.5-1.4-.6-2.1-.5-.8.1-1.4.5-1.9,1.1l-5.8,8.2c-.3.5-.2,1.1.2,1.5.2.2.5.3.8.2.3,0,.6-.2.7-.4l4.7-6.2c.4-.5,1.1-.6,1.6-.2.5.4.6,1.1.2,1.6l-4.7,6.2c-.5.7-1.4,1.2-2.3,1.3-.9.1-1.8-.2-2.5-.7-1.4-1.1-1.6-3.1-.6-4.6l5.8-8.2c.8-1.1,2-1.9,3.4-2.1,1.4-.2,2.7.1,3.8,1,2.2,1.7,2.7,4.8,1.1,7.1l-6,8.7c-1.1,1.5-2.6,2.5-4.4,2.8h0Z"/>
-                </svg>
-            </span>
-             <input
-                [attr.disabled]="(isFilePendingToUpload || isConversationArchived || hideTextReply)? true : null"
-                tabindex="-1"
-                type="file"
-                [attr.aria-label]="translationMap?.get('BUTTON_ATTACH_FILE')"
-                [accept]="fileUploadAccept"
-                name="chat21-file"
-                id="chat21-file"
-                #chat21_file
-                class="inputfile"
-                style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;"
-                (change)="detectFiles($event)"/>
-        </label>
-        <!-- ICON EMOJII -->
-        <label *ngIf="showEmojiFooterButton"
-            for="chat21-emojii"
-            role="button"
-            tabindex="0"
-            [attr.aria-label]="translationMap?.get('EMOJI')"
-            [attr.aria-pressed]="isEmojiiPickerShow ? 'true' : 'false'"
-            class="chat21-textarea-button"
-            [class.active]="!isFilePendingToUpload && !hideTextReply"
-            id="chat21-emoticon-picker"
-            (click)="onEmojiiPickerClicked()"
-            (keydown.enter)="$event.preventDefault(); onEmojiiPickerClicked()"
-            (keydown.space)="$event.preventDefault(); onEmojiiPickerClicked()">
-            <span class="v-align-center">
-                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
-                    <path stroke-width=".4px" stroke="currentColor" d="M12,20.8c-5.1,0-9.3-4.2-9.3-9.3S6.9,2.2,12,2.2s9.3,4.2,9.3,9.3-4.2,9.3-9.3,9.3ZM12,3.6c-4.4,0-7.9,3.6-7.9,7.9s3.6,7.9,7.9,7.9,7.9-3.6,7.9-7.9-3.6-7.9-7.9-7.9Z"/>
-                    <path stroke-width=".4px" stroke="currentColor" d="M12,17.2c-2.7,0-4.3-1.9-4.6-2.3-.2-.3-.2-.7.1-1s.7-.2,1,.1c.1.2,1.4,1.8,3.5,1.8s2.2,0,3.5-1.8c.2-.3.7-.4,1-.1s.4.7.1,1c-1.7,2.2-4.1,2.3-4.6,2.3Z"/>
-                    <path d="M8.7,10.9c-.9,0-1.6-.7-1.6-1.6s.7-1.6,1.6-1.6,1.6.7,1.6,1.6-.7,1.6-1.6,1.6Z"/>
-                    <path d="M15.5,10.9c-.9,0-1.6-.7-1.6-1.6s.7-1.6,1.6-1.6,1.6.7,1.6,1.6-.7,1.6-1.6,1.6Z"/>
-                </svg>
-            </span>
-        </label>
-    </div>
-
-    <div *ngIf="!isStopRec"
-         class="visible-text-area"
-         [class.hasError]="showAlertEmoji"
-         [class.disabled]="(isConversationArchived || hideTextReply)? true : null">
-      <textarea
-        [attr.disabled]="(hideTextReply)? true : null"
-        [attr.placeholder]="(footerMessagePlaceholder)? footerMessagePlaceholder : translationMap?.get('LABEL_PLACEHOLDER')"
-        [attr.aria-label]="(footerMessagePlaceholder)? footerMessagePlaceholder : translationMap?.get('LABEL_PLACEHOLDER')"
-        [attr.aria-multiline]="true"
-        [attr.aria-invalid]="showAlertEmoji ? 'true' : 'false'"
-        start-focus-chat21-conversation-component
-        inputTextArea
-        #textbox
-        rows="1"
-        id="chat21-main-message-context"
-        class='f21textarea c21-button-clean'
-        [(ngModel)]="textInputTextArea"
-        (ngModelChange)="onTextAreaChange()"
-        (keydown)="onkeydown($event)"
-        (paste)="onPaste($event)">
-      </textarea>
-    </div>
-
-    <!-- ICON SEND -->
-    <button type="button"
-        *ngIf="(textInputTextArea !== '' && !isStopRec) || !showAudioRecorderFooterButton"
-        class="chat21-textarea-button c21-button-clean"
-        [class.disabled]="showAlertEmoji"
-        [class.active]="textInputTextArea && !hideTextReply"
-        [attr.aria-label]="translationMap?.get('BUTTON_SEND_MESSAGE')"
-        [attr.disabled]="(showAlertEmoji || !textInputTextArea || hideTextReply) ? true : null"
-        id="chat21-button-send"
-        (click)="onSendPressed($event)">
-        <span class="v-align-center">
-            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24" fill="currentColor">
-                <path d="M1.8,20.6V3.4l20.2,8.6L1.8,20.6ZM3.9,17.3l12.6-5.4L3.9,6.6v3.7l6.4,1.6-6.4,1.6v3.8ZM3.9,17.3V6.6v10.7Z"/>
-            </svg>
-        </span>
-    </button>
-
-    <!-- ICON REC -->
-    <div *ngIf="showAudioRecorderFooterButton && !textInputTextArea"
-        class="chat21-audio-button"
-        [class.active]="isStopRec"
-        id="chat21-button-rec">
-        <chat-audio-recorder
-            [translationMap]="translationMap"
-            (startRecordingEvent)="onStartRecording()"
-            (deleteRecordingEvent)="onDeleteRecording()"
-            (endRecordingEvent)="onEndRecording($event)"
-            (sendRecordingEvent)="onSendRecording($event)"
-            [stylesMap]="stylesMap">
-        </chat-audio-recorder>
-    </div>
-</div>
-
-
-<!-- EMOJII PICKER-->
-<div [style.visibility]="isEmojiiPickerShow?'visible':'hidden'"
-    class="emoji-container"
-    id="emoji-mart-container"
-    role="dialog"
-    [attr.aria-hidden]="!isEmojiiPickerShow"
-    [attr.aria-label]="translationMap?.get('EMOJI')"
-    #emoji_mart_container>
-        <emoji-mart id="emoji-mart"
-        *ngIf="showEmojiPicker"
-        class="emoji-mart"
-        [showPreview]="emojiiOptions?.showPreview"
-        [color]="stylesMap?.get('themeColor')"
-        [perLine]="emojiiOptions?.emojiPerLine"
-        [totalFrequentLines]="emojiiOptions?.totalFrequentLines"
-        [enableSearch]="emojiiOptions?.enableSearch"
-        [darkMode]="emojiiOptions?.darkMode"
-        [include]="emojiiOptions?.include"
-        (emojiSelect)="addEmoji($event)">
-    </emoji-mart>
-</div>
-
-<!-- NEW CONV & CONTINE buttons: conv archived-->
-<div id="floating-container" *ngIf="hideTextAreaContent" class="fade-in-bottom" start-focus-chat21-conversation-component>
-    <button type="button" aflistconv #aflistconv class="c21-button-primary" (click)="openNewConversation()" [ngStyle]="{'background-color': stylesMap.get('themeColor'), 'border-color': stylesMap.get('themeColor'), 'color': stylesMap?.get('foregroundColor')}">
-        <span class="v-align-center">
-          <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
-            <path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" [ngStyle]="{'fill': stylesMap?.get('foregroundColor')}"/>
-          </svg>
-        </span>
-        <span class="v-align-center c21-label-button">
-          {{translationMap?.get('LABEL_START_NW_CONV')}}
-        </span>
-        <div class="clear"></div>
-    </button>
-</div>

package/test-results/.last-run.json

@@ -1,4 +0,0 @@
-{
-  "status": "passed",
-  "failedTests": []
-}