'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-ce58ddc5.js');
const index$3 = require('./index-407b6960.js');
const index$2 = require('./index-93271b8c.js');
const index$1 = require('./index-7e3bc620.js');
const viewConfig = require('./view-config-1c8cc7cb.js');
require('./apiBase-b14a8285.js');
require('./data-transfer-field-0ce05c1a.js');
require('./filter-d5040f65.js');
const instance = require('./instance-fba77445.js');
const env = require('./env-56a21d68.js');
const session = require('./session-fe19e012.js');
const commonWrapperUtil = require('./common-wrapper-util-f504304b.js');
const wrapperUtil = require('./wrapper-util-ec16eb28.js');
require('./state-tunnel-786a62ce.js');
require('./BaseField-d019ade6.js');
require('./data-model-9afb7f54.js');
require('./table-config-73a193be.js');
require('./FieldModelGenerator-1af8e5c3.js');
require('./reference-field-dda66f2e.js');
require('./index-f92537c9.js');
require('./date-25b104f6.js');
require('./index-9ea6c7b1.js');
require('./index-29b7cb16.js');
require('./index-792d710c.js');
require('./membership-310dd68e.js');
require('./string-de672b69.js');
require('./User-e15e0b6d.js');
require('./UserSettings-fc04eb54.js');
require('./cookie-ea977378.js');
require('./kimlikApi-f4f62100.js');
require('./_commonjsHelpers-206db00d.js');
require('./index-33e96540.js');
require('./index-fa185e3b.js');
require('./attachment-3090e25e.js');
require('./mentorinty-bridge-api-616ff4b9.js');
require('./CalendarConfig-7f8ef631.js');
require('./ModifierTrimmer-1463d100.js');
require('./InterceptorHandler-09a1e84b.js');
require('./ValidatorLength-06e5c6f8.js');
require('./form-view-config-b408970d.js');
require('./models-813707d2.js');
require('./actions-d7eabd95.js');

class PreviewFormHandler {
  constructor(callback) {
    this.callback = callback;
  }
  onSubmit() {
    var _a;
    (_a = this.callback) === null || _a === void 0 ? void 0 : _a.call(this);
    return Promise.resolve({});
  }
}

const mentornityMembershipInfoSettingsWrapperCss = "mentornity-membership-info-settings-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;height:100%}mentornity-membership-info-settings-wrapper .columns-container{height:100%}mentornity-membership-info-settings-wrapper .columns-container .controls-container{-ms-flex:3;flex:3}mentornity-membership-info-settings-wrapper .columns-container .controls-container .form-controls-container{background:var(--color-elevated-item-background);-ms-flex:1;flex:1;overflow:auto}mentornity-membership-info-settings-wrapper .columns-container .controls-container .controls-footer{background:var(--color-background-secondary);text-align:right}mentornity-membership-info-settings-wrapper .columns-container .controls-container .controls-footer dvn-button{vertical-align:bottom}mentornity-membership-info-settings-wrapper .columns-container .preview-container{-ms-flex:5;flex:5;height:100%;overflow:auto}mentornity-membership-info-settings-wrapper .columns-container .preview-container dvn-card{max-width:640px;margin-left:auto;margin-right:auto}";

function getViewConfigWrapperForCreation(organisationId, viewName, fields) {
  return {
    dvnAppViewConfig: viewConfig.DvnAppViewConfig.decode({
      type: viewConfig.AppViewType.FormView,
      ui: {
        fields,
      },
    }),
    organisation: new instance.ModelReference(organisationId, instance.Collection.Organisations),
    viewName,
  };
}
const i18n = {
  formFields: {
    firstName: 'First name',
    lastName: 'Last name',
    title: 'Title',
    bio: 'Bio',
    skills: 'Skills',
    pairLimit: 'Pair limit',
  },
  formTitle: 'My info'
};
let MentornityMembershipInfoSettingsWrapper = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.setViewConfigWrapper = (viewConfigWrapper) => {
      // API doesn't add firstName, lastName and subscriptionLimit to the table fields
      viewConfigWrapper.dvnAppViewConfig.table.fields.push(new index$1.TextField('firstName', 'First Name').require(), new index$1.TextField('lastName', 'Last Name').require(), new index$2.NumberField('subscriptionLimit', i18n.formFields.pairLimit));
      viewConfigWrapper.dvnAppViewConfig.title = i18n.formTitle;
      this.viewConfigWrapper = viewConfigWrapper;
    };
    this.onSelectedFieldsChange = (e) => {
      const selectedFields = e.detail;
      const viewConfigWrapper = instance.ViewConfigWrapper.decode(JSON.parse(JSON.stringify(this.viewConfigWrapper)));
      viewConfigWrapper.dvnAppViewConfig.ui.fields = selectedFields.map(sfid => ({ fieldId: sfid }));
      this.viewConfigWrapper = viewConfigWrapper;
    };
    this.onClickSaveChanges = () => {
      const { dvnAppViewConfig } = this.viewConfigWrapper;
      this.api.updateViewConfig(this.viewConfigWrapper._id, { dvnAppViewConfig })
        .then(() => this.notifier.congratulate('Changes are saved.'))
        .catch(() => this.notifier.alert('Saving changes failed.'));
    };
  }
  async componentWillLoad() {
    this.previewFormHandler = new PreviewFormHandler(() => {
      this.notifier.warn('Action unavailable in preview.', 'Preview Mode');
    });
    const { formTarget, organisationId } = this;
    const { headers } = session.getSessionDetails();
    this.api = instance.createMentornityApiInstance(env.mentornityApiEndpoint, headers);
    const config = await this.api.getOrganisationConfig(organisationId)
      .catch(error => this.error = error);
    if (!config)
      return;
    this.organisationConfig = config;
    this.availableFields = wrapperUtil.getAvailableMembershipFormFields(i18n, formTarget, this.organisationConfig);
    const viewName = formTarget === 'mentor'
      ? instance.MentornityViewConfigViewName.MentorInfoForm
      : instance.MentornityViewConfigViewName.MenteeInfoForm;
    this.api.getViewConfig(organisationId, viewName)
      .then(viewConfigWrapper => {
      this.setViewConfigWrapper(viewConfigWrapper);
    })
      .catch(error => {
      if (error.status === 404) {
        // create the view config
        const fieldRefs = commonWrapperUtil.convertFieldsToFieldReferences(this.availableFields);
        const viewConfigWrapper = getViewConfigWrapperForCreation(organisationId, viewName, fieldRefs);
        this.api.createViewConfig(viewConfigWrapper)
          .then(() => {
          // fetch the created config because API generates table.fields on the fly while getting it
          this.api.getViewConfig(organisationId, viewName)
            .then(viewConfigWrapper => {
            this.setViewConfigWrapper(viewConfigWrapper);
          }).catch(error => this.error = error);
        })
          .catch(error => this.error = error);
      }
      else {
        this.error = error;
      }
    });
  }
  render() {
    const { viewConfigWrapper, availableFields, organisationConfig, } = this;
    if (!organisationConfig || !viewConfigWrapper) {
      return (index.h("div", { class: "d-flex justify-content-center pt-3" }, index.h("dvn-progress", { indefinite: true })));
    }
    const view = Object.assign(Object.assign({}, viewConfigWrapper.dvnAppViewConfig), { handler: this.previewFormHandler });
    const selectedFields = view.ui.fields.map(field => field.fieldId);
    const options = availableFields.map(field => ({
      label: field.title,
      value: field.id,
      disabled: ['firstName', 'lastName'].includes(field.id)
    }));
    return (index.h(index.Host, null, index.h("mentornity-root-wrapper", null, index.h("div", { class: "columns-container d-flex" }, index.h("div", { class: "controls-container d-flex flex-column" }, index.h("div", { class: "form-controls-container" }, index.h("div", { class: "d-flex flex-column p-3" }, index.h("dvn-alert", { message: "The preview on the right will be updated when there is a change on the controls." }), index.h("dvn-checkbox-group", { options: options, value: selectedFields, onChange: this.onSelectedFieldsChange }))), index.h("div", { class: "controls-footer p-3" }, index.h("dvn-button", { leaned: true, tint: "primary", onClick: this.onClickSaveChanges }, "Save Changes"))), index.h("div", { class: "preview-container" }, index.h("dvn-card", null, index.h("dvn-app-view-form-view", { view: view })))))));
  }
};
index$3.injectNotifier(MentornityMembershipInfoSettingsWrapper);
MentornityMembershipInfoSettingsWrapper.style = mentornityMembershipInfoSettingsWrapperCss;

exports.mentornity_membership_info_settings_wrapper = MentornityMembershipInfoSettingsWrapper;
