new settings refference

const accDetails = [
        {label: 'Account', fieldName: 'Account__r.name'},

        {
            type: 'button-icon',
            fixedWidth: 40,
            typeAttributes: {
            iconName: 'utility:edit',
            name: 'unmapAccount',
            title: 'unMap',
            variant: 'bare',
            alternativeText: 'edit',
            disabled: false
            }
        },


    ];
    const action= [
    { label: 'edit' , name: 'edit'}];

    unmapAccount(event) {
    var action = event.detail.action;
    var row = event.detail.row;
    switch (action.name) {
        case 'edit_record':
            this.editRecord(row.Id); // implement this
            break;
        default:
            this.navigateToFiles(row.Id);
            break;
    }
}

<template if:true={accMapped}>
    <lightning-datatable
            data={accDetails}
            columns={accDetailsColumns}
            key-field="Id"
            onrowselection={unmapAccount}
            hide-checkbox-column="true"
            onrowaction={handleRowAction}
            selected-rows={selectedSAIds}>
    </lightning-datatable>
</template>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>ICONS TO BE USED >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
<lightning-icon icon-name="utility:check" alternative-text="Warning!" title="Save"></lightning-icon>
<lightning-icon icon-name="utility:edit" alternative-text="Error!" title="Edit"></lightning-icon>
<lightning-icon icon-name="utility:close" alternative-text="Utility image" title="Cancle"></lightning-icon>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
/* accountDatatable()
{
     debugger;
     console.log('save is running');
     var data = {};
     data.workspaceId = this.workspaceId;
     data.accMapped = this.isAccountMapped;
     data.accId = this.selectedAccountId;

    accountDatatable({ ajaxData: JSON.stringify(data) })
    .then((result) => {
             var resultVal = JSON.stringify(JSON.Parse(JSON.stringify(result)));
             resultVal.workspaceObjBase = this.datatableList;
            let ToastData = {};
            ToastData.state = 'Success';
            ToastData.message = 'Settings saved successfully';
            fireEvent(this.pageRef, 'showToast', ToastData);
    }).catch((err) =>
        {
            let ToastData = {};
            ToastData.state = 'Error';
            ToastData.message = 'Error saving data';
            fireEvent(this.pageRef, 'showToast', ToastData);

        });
}
    @track columns = [{
        label: 'Account Name',
        fieldName: 'Name',
        type: 'text',
        sortable: true
    },
    {
        label: 'Account Display name',
        fieldName: ' Account_Name__c',
        type: 'text',
        sortable: true
    }]; */
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Account association >>
        <div class="slds-card slds-hide" id="asscoiatedAccInfoBlock">
              <div class="slds-card__header slds-grid">
                <div class="slds-media slds-media--center slds-has-flexi-truncate">
                  <div class="slds-media__figure">
                    <svg aria-hidden="true" class="slds-icon slds-icon-standard-account slds-icon--small accountSvgIcon" id="accountSvgIcon"></svg>
                  </div>
                  <div class="slds-media__body slds-truncate">
                    <a href="javascript:void(0);" class="slds-text-link--reset">
                      <span class="slds-text-heading--small" id="associatedAccNameContainer"></span>
                    </a>
                  </div>
                  <a id="accAssEdit" >
                    <svg  aria-hidden="true" class="slds-icon slds-icon--xx-small slds-icon-text-default  slds-float_right" style= "margin-right: 5px;">
                        <use  xlink:href="{!URLFOR($Resource.SLDS214,'assets/icons/utility-sprite/svg/symbols.svg#edit')}"></use>
                    </svg>
                </a>
                <a id="accAssDelete">
                <svg aria-hidden="true" class="slds-icon slds-icon--xx-small slds-icon-text-default  slds-float_right">
                        <use  xlink:href="{!URLFOR($Resource.SLDS214,'assets/icons/utility-sprite/svg/symbols.svg#delete')}"></use>
                </svg>
                </a>
              </div>
            </div>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> GUEST URL ACCESS URL MODAL >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
<div class="sr-list-view slds-modal slds-fade-in-open slds-hide slds-modal-backdrop "
                                                                aria-hidden="true" role="dialog" id="urlAccessModal"
                                                                style="display: none;z-index: 9005;">
                                                                <div class="slds-modal__container sr-slds-z-index">
                                                                    <div class="slds-modal__header"
                                                                        style="padding-bottom: 5px;">
                                                                        <button onclick={closeIntAccessUrl}
                                                                            class="slds-button slds-button--icon-inverse)} slds-modal__close"
                                                                            data-aljs-dismiss="modal">
                                                                            <!-- <svg aria-hidden="true" class="slds-button__icon slds-button__icon--large">
                                                                                        <use
                                                                                            xlink:href="{!JSENCODE(URLFOR($Resource.SLDS214,'assets/icons/utility-sprite/svg/symbols.svg#close'))}" />
                                                                                    </svg> -->
                                                                        </button>
                                                                        <h2 class="slds-text-heading--medium" style="">
                                                                            <b>Universal External User Link</b></h2>
                                                                        <br></br>
                                                                        <p style="color: red;"><b>(LINK APPLIES TO
                                                                                EXTERNAL USERS ONLY)</b></p>
                                                                    </div>
                                                                    <div
                                                                        class="slds-modal__content slds-p-around--medium">
                                                                        <div id='urltobeCopied'
                                                                            style="height: 80px;background-color:#eff1f5; padding: inherit;">
                                                                            test url
                                                                            <!-- { !redirectUrl}  -->
                                                                        </div>
                                                                        <div id='originalUrl' style="display:none"> test
                                                                            url
                                                                            <!-- {!redirectUrl}  -->
                                                                        </div>
                                                                        <div style="margin-top: 18px;">Notes:<br></br>
                                                                            <table style="margin-left:10px;">
                                                                                <tr>
                                                                                    <td style="vertical-align: top;">
                                                                                        <span>1.&nbsp;</span></td>
                                                                                    <td>
                                                                                        <p>The Universal Link only works
                                                                                            for External/Customer
                                                                                            members. It will not work
                                                                                            for
                                                                                            Internal team members.</p>
                                                                                    </td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td style="vertical-align: top;">
                                                                                        <span>2.&nbsp;</span></td>
                                                                                    <td>
                                                                                        <p>The external client user must
                                                                                            be added to the room.</p>
                                                                                    </td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td style="vertical-align: top;">
                                                                                        <span>3.&nbsp;</span></td>
                                                                                    <td>
                                                                                        <p>The User will need to enter
                                                                                            their email address to gain
                                                                                            access to the room.</p>
                                                                                    </td>
                                                                                </tr>
                                                                            </table>
                                                                        </div>
                                                                    </div>
                                                                    <div class="slds-modal__footer">
                                                                        <button onclick={copyAccessUrl}
                                                                            class="slds-button slds-button--brand user-prefrence-close"
                                                                            data-aljs-dismiss="modal">Click to copy
                                                                            URL</button>
                                                                    </div>
                                                                </div>
                                                            </div>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> END GUEST URL ACCESS URL >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>GUEST URL MODAL>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

<div class="slds-modal slds-fade-in-open slds-hide slds-modal-backdrop" aria-hidden="true" role="dialog" style="display:none;" id="guestUrlModel">
    <div class="slds-modal__container sr-slds-z-index">
        <div class="slds-modal__header">
            <button onclick="closeModalDialog('guestUrlModel')" class="slds-button slds-modal__close" data-aljs-dismiss="modal">

            </button>
            <h2 class="slds-text-heading--medium" id="contentHeader">Guest User Url</h2>
        </div>
        <div class="slds-modal__content slds-p-around--medium">
                <p id="guestUserUrl" style="overflow-wrap: anywhere;"></p>
        </div>
        <div class="slds-modal__footer">
            <button id={copyUrlButtonGuestUrl} class="slds-button slds-button--neutral user-prefrence-close" onclick= {copyUrlButtonGuestUrl} data-aljs-dismiss="modal">Click to Copy URL</button>
        </div>
    </div>
</div>

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>END GUEST URL MODAL>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>get GUEST URL JS Function() >>>>>>>>>>>>>>>>>>>>>>>>
function getGuestUrl(){
        $('#betaFeatureSettSpinner').show();
        var data = {workspaceId:workspaceId};
         Visualforce.remoting.Manager.invokeAction(
            '{!$RemoteAction.AjaxController.ajaxGetC2CinviteContactDetail}',
                JSON.stringify(data),
                function(result,event) {
                    if(event.status) {
                        var jsonObject = JSON.parse(unescapedHtml(result));
                        if(jsonObject.hasError == false){
                            $('#guestUrlModel').show();
                            $('#guestUserUrl').text(jsonObject.guestUrl);
                            $('#betaFeatureSettSpinner').hide();
                        }
                        else{
                            $("#betaFeatureSettSpinner").hide();
                            showMainMessageModal(jsonObject.msg,'error');
                        }
                    }else if(event.type === 'exception') {
                            $("#betaFeatureSettSpinner").hide();
                            showMainMessageModal(event.message,'error');
                    }else{
                        $("#betaFeatureSettSpinner").hide();
                        console.log('unable to fix errors');
                    }

                },
                {buffer: false}
            );
    }
    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>END get GUEST URL JS Function() >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>CLICK TO COPY>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
        <script language="JavaScript">
                function ClipBoard(copytextid, holdtextid)
                {
                    holdtxt = document.getElementById(holdtextid);
                    holdtxt.innerText = document.getElementById(copytextid).innerText;
                    Copied = holdtxt.createTextRange();
                    alert("text in buffer \"" + holdtxt.innerText + "\"");
                    Copied.execCommand("Copy");
                }
            </script>



    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>END CLICK  TO COPY>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>