profile-pane 3.2.0 → 3.2.2-test.0

package/lib/specialButtons/addContact/addMeToYourContacts.d.ts

@@ -0,0 +1,16 @@
+import { TemplateResult } from 'lit-html';
+import 'solid-ui/components/actions/button';
+import type { Button as SolidUIButtonElement } from 'solid-ui/components/actions/button';
+import { DataBrowserContext } from 'pane-registry';
+import { NamedNode } from 'rdflib';
+import { AddressBooksData } from './contactsTypes';
+import './AddMeToYourContacts.css';
+import type ContactsModuleRdfLib from '@solid-data-modules/contacts-rdflib';
+type RefreshableSolidUIButton = SolidUIButtonElement & {
+    refresh?: () => void;
+};
+declare const addMeToYourContactsDiv: (subject: NamedNode, context: DataBrowserContext) => Promise<TemplateResult>;
+declare const createAddMeToYourContactsButton: (subject: NamedNode, context: DataBrowserContext) => Promise<RefreshableSolidUIButton>;
+declare function saveNewContact(subject: NamedNode, context: DataBrowserContext, contactsModule: ContactsModuleRdfLib, addressBooksData: AddressBooksData): Promise<void>;
+export { addMeToYourContactsDiv, createAddMeToYourContactsButton, saveNewContact };
+//# sourceMappingURL=addMeToYourContacts.d.ts.map

package/lib/specialButtons/addContact/addMeToYourContacts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"addMeToYourContacts.d.ts","sourceRoot":"","sources":["../../../src/specialButtons/addContact/addMeToYourContacts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,MAAM,UAAU,CAAA;AACvD,OAAO,oCAAoC,CAAA;AAC3C,OAAO,KAAK,EAAE,MAAM,IAAI,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AACxF,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,OAAO,EAAa,SAAS,EAAE,MAAM,QAAQ,CAAA;AAM7C,OAAO,EAAE,gBAAgB,EAAe,MAAM,iBAAiB,CAAA;AAK/D,OAAO,2BAA2B,CAAA;AAClC,OAAO,KAAK,oBAAoB,MAAM,qCAAqC,CAAA;AAK3E,KAAK,wBAAwB,GAAG,oBAAoB,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CAAA;AAuB/E,QAAA,MAAM,sBAAsB,GAC1B,SAAS,SAAS,EAClB,SAAS,kBAAkB,KAC1B,OAAO,CAAC,cAAc,CAaxB,CAAA;AAED,QAAA,MAAM,+BAA+B,GACnC,SAAS,SAAS,EAClB,SAAS,kBAAkB,KAC1B,OAAO,CAAC,wBAAwB,CAyDlC,CAAA;AAED,iBAAe,cAAc,CAC3B,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,kBAAkB,EAC3B,cAAc,EAAE,oBAAoB,EACpC,gBAAgB,EAAE,gBAAgB,GACjC,OAAO,CAAC,IAAI,CAAC,CA4Bf;AAED,OAAO,EACL,sBAAsB,EACtB,+BAA+B,EAC/B,cAAc,EACf,CAAA"}

package/lib/specialButtons/addContact/addMeToYourContacts.js

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createAddMeToYourContactsButton = exports.addMeToYourContactsDiv = void 0;
+exports.saveNewContact = saveNewContact;
+var _litHtml = require("lit-html");
+require("solid-ui/components/actions/button");
+var _solidLogic = require("solid-logic");
+var _buttonsHelper = require("../../buttonsHelper");
+var _selectors = require("./selectors");
+var _mutations = require("./mutations");
+var _texts = require("../../texts");
+require("./AddMeToYourContacts.css");
+var _contactsErrors = require("./contactsErrors");
+var _ContactCreationDialog = require("./ContactCreationDialog");
+var _profileIcons = require("../../icons-svg/profileIcons");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function renderAddToContactsButtonLabel(button, label, showIcon = false) {
+  const buttonDocument = button.ownerDocument;
+  const content = [];
+  if (showIcon) {
+    const iconWrapper = buttonDocument.createElement('span');
+    iconWrapper.className = 'profile__btn-contacts-icon inline-flex-row justify-center';
+    iconWrapper.setAttribute('aria-hidden', 'true');
+    (0, _litHtml.render)(_profileIcons.plusIcon, iconWrapper);
+    content.push(iconWrapper);
+  }
+  const labelWrapper = buttonDocument.createElement('span');
+  labelWrapper.className = 'profile__btn-contacts-label';
+  labelWrapper.textContent = label;
+  content.push(labelWrapper);
+  button.replaceChildren(...content);
+}
+let buttonContainer = document.createElement('section');
+const addMeToYourContactsDiv = async (subject, context) => {
+  buttonContainer = context.dom.createElement('section');
+  buttonContainer.setAttribute('id', 'add-to-contacts-button-container');
+  buttonContainer.setAttribute('class', 'profile-contacts-button__section text-truncate text-center section-centered');
+  buttonContainer.setAttribute('aria-label', 'Add me to your contacts actions');
+  buttonContainer.setAttribute('data-testid', 'button');
+  buttonContainer.hidden = true;
+  const button = await createAddMeToYourContactsButton(subject, context);
+  button.classList.add('profile__action-button', 'profile__btn-contacts', 'flex-center');
+  buttonContainer.appendChild(button);
+  return (0, _litHtml.html)`${buttonContainer}`;
+};
+exports.addMeToYourContactsDiv = addMeToYourContactsDiv;
+const createAddMeToYourContactsButton = async (subject, context) => {
+  const me = _solidLogic.authn.currentUser();
+  let addressBooksData = null;
+  let contactData = null;
+  const store = context.session.store;
+  const fetcher = store.fetcher;
+  const updater = store.updater;
+  const {
+    default: ContactsModuleRdfLib
+  } = await Promise.resolve().then(() => _interopRequireWildcard(require('@solid-data-modules/contacts-rdflib')));
+  const contactsModule = new ContactsModuleRdfLib({
+    store,
+    fetcher,
+    updater
+  });
+  try {
+    addressBooksData = await (0, _selectors.getAddressBooksData)(context, contactsModule);
+    contactData = await (0, _selectors.getContactData)(store, subject);
+  } catch (error) {
+    (0, _contactsErrors.addErrorToErrorDisplay)(context, error);
+  }
+  function setButtonHandler(event) {
+    event.preventDefault();
+    saveNewContact(subject, context, contactsModule, addressBooksData).catch(error => {
+      (0, _buttonsHelper.clearPreviousMessage)(buttonContainer);
+      (0, _buttonsHelper.complain)(buttonContainer, context, error);
+    });
+  }
+  const label = (0, _buttonsHelper.checkIfAnyUserLoggedIn)(me) ? _texts.addMeToYourContactsButtonText : _texts.logInAddMeToYourContactsButtonText;
+  const button = context.dom.createElement('solid-ui-button');
+  button.setAttribute('type', 'button');
+  button.setAttribute('variant', 'secondary');
+  button.setAttribute('size', 'sm');
+  button.addEventListener('click', setButtonHandler);
+  button.setAttribute('id', 'add-to-contacts-button');
+  renderAddToContactsButtonLabel(button, label, (0, _buttonsHelper.checkIfAnyUserLoggedIn)(me));
+  button.refresh = refreshButton;
+  refreshButton();
+  function refreshButton() {
+    if ((0, _buttonsHelper.checkIfAnyUserLoggedIn)(me)) {
+      button.disabled = false;
+      button.removeAttribute('disabled');
+      const contactExistsByWebID = contactData ? (0, _selectors.checkIfContactExistsByWebID)(addressBooksData, contactData.webID) : false;
+      const contactExistsByName = contactData ? (0, _selectors.checkIfContactExistsByName)(addressBooksData, contactData.name) : false;
+      if (contactExistsByWebID) {
+        renderAddToContactsButtonLabel(button, _texts.contactExistsAlreadyButtonText);
+        button.disabled = true;
+        button.setAttribute('disabled', 'true');
+      } else if (contactExistsByName) {
+        renderAddToContactsButtonLabel(button, _texts.contactExistsAlreadyByNameButtonText);
+      } else {
+        renderAddToContactsButtonLabel(button, _texts.addMeToYourContactsButtonText, true);
+      }
+    } else {
+      renderAddToContactsButtonLabel(button, _texts.logInAddMeToYourContactsButtonText);
+    }
+  }
+  return button;
+};
+exports.createAddMeToYourContactsButton = createAddMeToYourContactsButton;
+async function saveNewContact(subject, context, contactsModule, addressBooksData) {
+  const me = _solidLogic.authn.currentUser();
+  const store = context.session.store;
+
+  // need to find out where the user wants to add the Contact
+  if ((0, _buttonsHelper.checkIfAnyUserLoggedIn)(me)) {
+    if (!(0, _selectors.checkIfContactExistsByWebID)(addressBooksData, subject.value)) {
+      //if contact does not exist, we add her/him
+      await store.fetcher.load(me);
+      try {
+        const contactData = await (0, _selectors.getContactData)(store, subject);
+        const contactExistsByNameUri = (0, _selectors.checkIfContactExistsByName)(addressBooksData, contactData.name);
+        if (contactExistsByNameUri) {
+          const fromRegisteredAddressBook = true;
+          const handled = (0, _ContactCreationDialog.handleContactExistsByName)(context, addressBooksData, contactData, contactExistsByNameUri, fromRegisteredAddressBook);
+          if (!handled) (0, _contactsErrors.addErrorToErrorDisplay)(context, _texts.errorAddingContactWebIDToAddressBook);
+        } else {
+          await (0, _mutations.addContactToAddressBook)(context, contactsModule, contactData, addressBooksData, buttonContainer);
+        }
+      } catch (error) {
+        let errorMessage = error;
+        if (errorMessage.toString().includes('Unauthenticated')) errorMessage = _texts.userNotLoggedInErrorMessage;
+        throw new Error(errorMessage);
+      }
+    } else throw new Error(_texts.contactExistsMessage);
+  } else throw new Error(_texts.userNotLoggedInErrorMessage);
+}

package/lib/specialButtons/addContact/contactsErrors.d.ts

@@ -0,0 +1,8 @@
+import { DataBrowserContext } from 'pane-registry';
+declare function formatContactsDialogError(prefix: string, error: unknown): string;
+declare const addErrorToErrorDisplay: (context: DataBrowserContext, message: string) => void;
+declare const checkAndAddErrorToDisplay: (context: DataBrowserContext, message: string) => void;
+declare const createErrorDisplaySection: (context: DataBrowserContext) => HTMLElement;
+declare const checkAndRemoveErrorDisplay: (context: DataBrowserContext) => void;
+export { createErrorDisplaySection, checkAndRemoveErrorDisplay, addErrorToErrorDisplay, checkAndAddErrorToDisplay, formatContactsDialogError };
+//# sourceMappingURL=contactsErrors.d.ts.map

package/lib/specialButtons/addContact/contactsErrors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contactsErrors.d.ts","sourceRoot":"","sources":["../../../src/specialButtons/addContact/contactsErrors.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAO,eAAe,CAAA;AAOnD,iBAAS,yBAAyB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,MAAM,CAGzE;AAMD,QAAA,MAAM,sBAAsB,GAC1B,SAAS,kBAAkB,EAC3B,SAAS,MAAM,SA4BhB,CAAA;AAED,QAAA,MAAM,yBAAyB,GAC7B,SAAS,kBAAkB,EAC3B,SAAS,MAAM,SAWhB,CAAA;AAED,QAAA,MAAM,yBAAyB,GAC7B,SAAS,kBAAkB,KAC1B,WAmCF,CAAA;AAED,QAAA,MAAM,0BAA0B,GAC9B,SAAS,kBAAkB,SAiB5B,CAAA;AAED,OAAO,EACL,yBAAyB,EACzB,0BAA0B,EAC1B,sBAAsB,EACtB,yBAAyB,EACzB,yBAAyB,EACzB,CAAA"}

package/lib/specialButtons/addContact/contactsErrors.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createErrorDisplaySection = exports.checkAndRemoveErrorDisplay = exports.checkAndAddErrorToDisplay = exports.addErrorToErrorDisplay = void 0;
+exports.formatContactsDialogError = formatContactsDialogError;
+var _buttonsHelper = require("../../buttonsHelper");
+function toErrorMessage(error) {
+  return error instanceof Error ? error.message : String(error);
+}
+function formatContactsDialogError(prefix, error) {
+  const message = toErrorMessage(error);
+  return message.startsWith(prefix) ? message : `${prefix}\n${message}`;
+}
+function getSharedDialogErrorSection(context) {
+  return context.dom.querySelector('#profile-modal #modal-error');
+}
+const addErrorToErrorDisplay = (context, message) => {
+  const sharedDialogErrorSection = getSharedDialogErrorSection(context);
+  if (sharedDialogErrorSection && context.dom.getElementById('contacts-addressbook-picker-dialog')) {
+    sharedDialogErrorSection.textContent = message;
+    sharedDialogErrorSection.setAttribute('aria-hidden', 'false');
+    sharedDialogErrorSection.hidden = false;
+    sharedDialogErrorSection.focus();
+    return;
+  }
+  const errorDisplaySection = context.dom.getElementById('error-display-section');
+  if (errorDisplaySection) {
+    const errorMessage = context.dom.getElementById('error-display-message');
+    errorDisplaySection.classList.add('contacts-dialog__error--visible');
+    errorDisplaySection.setAttribute('aria-hidden', 'false');
+    if (errorMessage) {
+      errorMessage.textContent = message;
+    } else {
+      errorDisplaySection.textContent = message;
+    }
+    if (errorDisplaySection instanceof HTMLElement) {
+      errorDisplaySection.focus();
+    }
+  } else {
+    const buttonContainer = context.dom.getElementById('add-to-contacts-button-container');
+    (0, _buttonsHelper.complain)(buttonContainer, context, message);
+  }
+};
+exports.addErrorToErrorDisplay = addErrorToErrorDisplay;
+const checkAndAddErrorToDisplay = (context, message) => {
+  const selectedGroupElements = context.dom.querySelectorAll('#group-list .contacts-dialog__list-button[selected]');
+  const groupNameField = context.dom.querySelector('#groupNameInput');
+  // @ts-ignore
+  const enteredGroupName = groupNameField.value;
+  if (selectedGroupElements.length === 0 && !enteredGroupName) {
+    addErrorToErrorDisplay(context, message);
+  }
+};
+exports.checkAndAddErrorToDisplay = checkAndAddErrorToDisplay;
+const createErrorDisplaySection = context => {
+  const setButtonOnClickHandler = event => {
+    event.preventDefault();
+    errorDisplaySection.classList.remove('contacts-dialog__error--visible');
+    errorDisplaySection.setAttribute('aria-hidden', 'true');
+    const errorMessage = context.dom.getElementById('error-display-message');
+    if (errorMessage) errorMessage.textContent = '';
+  };
+  const errorDisplaySection = context.dom.createElement('section');
+  errorDisplaySection.setAttribute('role', 'alert');
+  errorDisplaySection.setAttribute('aria-live', 'assertive');
+  errorDisplaySection.setAttribute('aria-atomic', 'true');
+  errorDisplaySection.setAttribute('aria-hidden', 'true');
+  errorDisplaySection.setAttribute('aria-label', 'Section to display error messages related to contact creation');
+  errorDisplaySection.setAttribute('id', 'error-display-section');
+  errorDisplaySection.setAttribute('tabindex', '-1');
+  errorDisplaySection.classList.add('contacts-dialog__error');
+  const closeButton = context.dom.createElement('solid-ui-button');
+  closeButton.setAttribute('type', 'button');
+  closeButton.setAttribute('variant', 'icon');
+  closeButton.setAttribute('size', 'sm');
+  closeButton.setAttribute('aria-label', 'Close error');
+  closeButton.setAttribute('label', 'Close error');
+  closeButton.classList.add('contacts-dialog__error-close');
+  closeButton.textContent = 'x';
+  closeButton.addEventListener('click', setButtonOnClickHandler);
+  const errorMessage = context.dom.createElement('p');
+  errorMessage.setAttribute('id', 'error-display-message');
+  errorDisplaySection.appendChild(closeButton);
+  errorDisplaySection.appendChild(errorMessage);
+  return errorDisplaySection;
+};
+exports.createErrorDisplaySection = createErrorDisplaySection;
+const checkAndRemoveErrorDisplay = context => {
+  const sharedDialogErrorSection = getSharedDialogErrorSection(context);
+  if (sharedDialogErrorSection && context.dom.getElementById('contacts-addressbook-picker-dialog')) {
+    sharedDialogErrorSection.textContent = '';
+    sharedDialogErrorSection.setAttribute('aria-hidden', 'true');
+    sharedDialogErrorSection.hidden = true;
+    return;
+  }
+  const errorDisplaySection = context.dom.getElementById('error-display-section');
+  if (errorDisplaySection && errorDisplaySection.classList.contains('contacts-dialog__error--visible')) {
+    errorDisplaySection.classList.remove('contacts-dialog__error--visible');
+    errorDisplaySection.setAttribute('aria-hidden', 'true');
+    const errorMessage = context.dom.getElementById('error-display-message');
+    if (errorMessage) errorMessage.textContent = '';
+  }
+};
+exports.checkAndRemoveErrorDisplay = checkAndRemoveErrorDisplay;

package/lib/specialButtons/addContact/contactsTypes.d.ts

@@ -0,0 +1,43 @@
+import { NamedNode } from 'rdflib';
+export interface SelectedAddressBookUris {
+    addressBookUri: string;
+    groupUris: string[];
+}
+export type GroupData = {
+    name: string;
+    uri: string;
+};
+export type ContactDataFromAddressBook = {
+    name: string;
+    uri: string;
+};
+export interface AddressBookDetails {
+    name: string;
+    groups: GroupData[];
+    contacts: ContactDataFromAddressBook[];
+}
+export interface AddressBooksData {
+    public: Map<string, AddressBookDetails>;
+    private: Map<string, AddressBookDetails>;
+    contactWebIDs: Map<string, string>;
+    contactNames: Map<string, string>;
+}
+export interface EmailDetails {
+    type: NamedNode;
+    email: NamedNode;
+}
+export interface PhoneDetails {
+    type: NamedNode;
+    phoneNumber: NamedNode;
+}
+export interface ContactData {
+    name: string;
+    nickname?: string;
+    preferredSubjectPronoun?: string;
+    preferredObjectPronoun?: string;
+    preferredRelativePronoun?: string;
+    emails?: EmailDetails[];
+    phoneNumbers?: PhoneDetails[];
+    webID: string;
+}
+//# sourceMappingURL=contactsTypes.d.ts.map

package/lib/specialButtons/addContact/contactsTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contactsTypes.d.ts","sourceRoot":"","sources":["../../../src/specialButtons/addContact/contactsTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAElC,MAAM,WAAW,uBAAuB;IACtC,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,EAAG,CAAA;CACrB;AACD,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AACD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,SAAS,EAAE,CAAA;IACnB,QAAQ,EAAE,0BAA0B,EAAE,CAAA;CACvC;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IACxC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IACzC,aAAa,EAAE,GAAG,CAAC,MAAM,EAAC,MAAM,CAAC,CAAA;IACjC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAC,MAAM,CAAC,CAAA;CACjC;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,SAAS,CAAA;CACjB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,EAAE,SAAS,CAAA;CACvB;AACD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAA;CACd"}

package/lib/specialButtons/addContact/contactsTypes.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/specialButtons/addContact/helpers.d.ts

@@ -0,0 +1,7 @@
+import { DataBrowserContext } from 'pane-registry';
+import { AddressBookDetails, AddressBooksData, ContactData, GroupData } from './contactsTypes';
+declare function refreshButton(context: DataBrowserContext, addressBooksData: AddressBooksData, contactData: ContactData): void;
+declare function addGroupToAddressBookData(addressBooksData: AddressBooksData, addressBookUri: string, group: GroupData): boolean;
+declare function addAddressBookToAddressBooksData(addressBooksData: AddressBooksData, addressBookUri: string, addressBook: AddressBookDetails, visibility?: 'public' | 'private'): AddressBooksData;
+export { refreshButton, addGroupToAddressBookData, addAddressBookToAddressBooksData };
+//# sourceMappingURL=helpers.d.ts.map

package/lib/specialButtons/addContact/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/specialButtons/addContact/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAQlD,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAmC9F,iBAAS,aAAa,CACpB,OAAO,EAAE,kBAAkB,EAC3B,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,QAoBzB;AAED,iBAAS,yBAAyB,CAChC,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,MAAM,EACtB,KAAK,EAAE,SAAS,GACf,OAAO,CA0BT;AAED,iBAAS,gCAAgC,CACvC,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,MAAM,EACtB,WAAW,EAAE,kBAAkB,EAC/B,UAAU,GAAE,QAAQ,GAAG,SAAqB,GAC3C,gBAAgB,CAuBlB;AAED,OAAO,EACL,aAAa,EACb,yBAAyB,EACzB,gCAAgC,EACjC,CAAA"}

package/lib/specialButtons/addContact/helpers.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addAddressBookToAddressBooksData = addAddressBookToAddressBooksData;
+exports.addGroupToAddressBookData = addGroupToAddressBookData;
+exports.refreshButton = refreshButton;
+var _solidLogic = require("solid-logic");
+var _texts = require("../../texts");
+var _buttonsHelper = require("../../buttonsHelper");
+var _selectors = require("./selectors");
+var _profileIcons = require("../../icons-svg/profileIcons");
+const addAsContactButtonText = 'Add as Contact';
+function setAddToContactsButtonContent(button, label, showIcon = false) {
+  if (!button) return;
+  const {
+    ownerDocument
+  } = button;
+  const content = [];
+  if (showIcon) {
+    const iconWrapper = ownerDocument.createElement('span');
+    iconWrapper.className = 'profile__btn-contacts-icon inline-flex-row justify-center';
+    iconWrapper.setAttribute('aria-hidden', 'true');
+    renderIconIntoElement(iconWrapper);
+    content.push(iconWrapper);
+  }
+  const labelWrapper = ownerDocument.createElement('span');
+  labelWrapper.className = 'profile__btn-contacts-label';
+  labelWrapper.textContent = label;
+  content.push(labelWrapper);
+  button.replaceChildren(...content);
+}
+function renderIconIntoElement(element) {
+  const svgTemplate = _profileIcons.plusIcon;
+  if ('innerHTML' in element && svgTemplate && Array.isArray(svgTemplate.strings)) {
+    element.innerHTML = svgTemplate.strings.join('');
+  }
+}
+function refreshButton(context, addressBooksData, contactData) {
+  const me = _solidLogic.authn.currentUser();
+  const button = context.dom.getElementById('add-to-contacts-button');
+  if ((0, _buttonsHelper.checkIfAnyUserLoggedIn)(me)) {
+    const contactExistsByWebID = (0, _selectors.checkIfContactExistsByWebID)(addressBooksData, contactData.webID);
+    const contactExistsByName = (0, _selectors.checkIfContactExistsByName)(addressBooksData, contactData.name);
+    if (contactExistsByWebID) {
+      setAddToContactsButtonContent(button, _texts.contactExistsAlreadyButtonText);
+      button.onclick = null;
+      button.setAttribute('disabled', '');
+    } else if (contactExistsByName) {
+      setAddToContactsButtonContent(button, _texts.contactExistsAlreadyByNameButtonText);
+      button.removeAttribute('disabled');
+    } else {
+      setAddToContactsButtonContent(button, addAsContactButtonText, true);
+    }
+  } else {
+    setAddToContactsButtonContent(button, _texts.logInAddMeToYourContactsButtonText);
+  }
+}
+function addGroupToAddressBookData(addressBooksData, addressBookUri, group) {
+  const publicAddressBook = addressBooksData.public.get(addressBookUri);
+  if (publicAddressBook) {
+    const groupExists = publicAddressBook.groups.some(existingGroup => existingGroup.uri === group.uri);
+    if (!groupExists) {
+      addressBooksData.public.set(addressBookUri, {
+        ...publicAddressBook,
+        groups: [...publicAddressBook.groups, group]
+      });
+    }
+    return true;
+  }
+  const privateAddressBook = addressBooksData.private.get(addressBookUri);
+  if (privateAddressBook) {
+    const groupExists = privateAddressBook.groups.some(existingGroup => existingGroup.uri === group.uri);
+    if (!groupExists) {
+      addressBooksData.private.set(addressBookUri, {
+        ...privateAddressBook,
+        groups: [...privateAddressBook.groups, group]
+      });
+    }
+    return true;
+  }
+  return false;
+}
+function addAddressBookToAddressBooksData(addressBooksData, addressBookUri, addressBook, visibility = 'private') {
+  const nextAddressBooksData = {
+    public: new Map(addressBooksData.public),
+    private: new Map(addressBooksData.private),
+    contactWebIDs: addressBooksData.contactWebIDs,
+    contactNames: addressBooksData.contactNames
+  };
+  const existingAddressBook = nextAddressBooksData.public.get(addressBookUri) || nextAddressBooksData.private.get(addressBookUri);
+  const nextAddressBook = existingAddressBook ? {
+    ...existingAddressBook,
+    ...addressBook,
+    groups: addressBook.groups.length ? addressBook.groups : existingAddressBook.groups,
+    contacts: addressBook.contacts.length ? addressBook.contacts : existingAddressBook.contacts
+  } : addressBook;
+  nextAddressBooksData.public.delete(addressBookUri);
+  nextAddressBooksData.private.delete(addressBookUri);
+  nextAddressBooksData[visibility].set(addressBookUri, nextAddressBook);
+  return nextAddressBooksData;
+}

package/lib/specialButtons/addContact/mutations.d.ts

@@ -0,0 +1,16 @@
+import ContactsModuleRdfLib from '@solid-data-modules/contacts-rdflib';
+import { DataBrowserContext } from 'pane-registry';
+import { AddressBookDetails, AddressBooksData, ContactData, SelectedAddressBookUris } from './contactsTypes';
+declare function addContactToAddressBook(context: DataBrowserContext, contactsModule: ContactsModuleRdfLib, contactData: ContactData, addressBooksData: AddressBooksData, container: HTMLDivElement): Promise<void>;
+declare function addANewAddressBookUriToAddressBooks(context: DataBrowserContext, contactsModule: ContactsModuleRdfLib, _addressBooksData: AddressBooksData, enteredAddressBookUri: string): Promise<{
+    addressBooksData: AddressBooksData;
+    addressBook: AddressBookDetails;
+    addressBookUri: string | null;
+}>;
+declare function createContactInAddressBook(context: DataBrowserContext, contactsModule: ContactsModuleRdfLib, contactData: ContactData, selectedAddressBookUris: SelectedAddressBookUris): Promise<string>;
+declare function addAddressToTypeIndex(context: DataBrowserContext, typeOfIndex: string, addressBookUri: string): Promise<boolean>;
+declare function addWebIDToExistingContact(context: DataBrowserContext, contactData: ContactData, contactUri: string): Promise<void>;
+declare function updateAddressBookName(context: DataBrowserContext, addressBookUri: string, newName: string): Promise<void>;
+declare function handleAddressBookCreation(dataBrowserContext: DataBrowserContext, containerName: string, enteredAddressName: string): Promise<string>;
+export { addContactToAddressBook, createContactInAddressBook, addAddressToTypeIndex, addWebIDToExistingContact, addANewAddressBookUriToAddressBooks, updateAddressBookName, handleAddressBookCreation };
+//# sourceMappingURL=mutations.d.ts.map

package/lib/specialButtons/addContact/mutations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutations.d.ts","sourceRoot":"","sources":["../../../src/specialButtons/addContact/mutations.ts"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,MAAM,qCAAqC,CAAA;AAEtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAclD,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AAK5G,iBAAe,uBAAuB,CACpC,OAAO,EAAE,kBAAkB,EAC3B,cAAc,EAAE,oBAAoB,EACpC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,cAAc,iBAgC1B;AAqDD,iBAAe,mCAAmC,CAChD,OAAO,EAAE,kBAAkB,EAC3B,cAAc,EAAE,oBAAoB,EACpC,iBAAiB,EAAE,gBAAgB,EACnC,qBAAqB,EAAE,MAAM,GAC5B,OAAO,CAAC;IAAE,gBAAgB,EAAE,gBAAgB,CAAC;IAAC,WAAW,EAAE,kBAAkB,CAAC;IAAC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC,CAUjH;AAqDD,iBAAe,0BAA0B,CACvC,OAAO,EAAE,kBAAkB,EAC3B,cAAc,EAAE,oBAAoB,EACpC,WAAW,EAAE,WAAW,EACxB,uBAAuB,EAAE,uBAAuB,GAC/C,OAAO,CAAC,MAAM,CAAC,CAkCjB;AAED,iBAAe,qBAAqB,CAClC,OAAO,EAAE,kBAAkB,EAC3B,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,MAAM,GACrB,OAAO,CAAC,OAAO,CAAC,CAsBlB;AAED,iBAAe,yBAAyB,CACtC,OAAO,EAAE,kBAAkB,EAC3B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,MAAM,iBAYnB;AAkED,iBAAe,qBAAqB,CAClC,OAAO,EAAE,kBAAkB,EAC3B,cAAc,EAAE,MAAM,EACtB,OAAO,EAAE,MAAM,iBA0BhB;AAED,iBAAe,yBAAyB,CACtC,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,MAAM,EACrB,kBAAkB,EAAE,MAAM,GACzB,OAAO,CAAC,MAAM,CAAC,CA6CjB;AAED,OAAO,EACL,uBAAuB,EACvB,0BAA0B,EAC1B,qBAAqB,EACrB,yBAAyB,EACzB,mCAAmC,EACnC,qBAAqB,EACrB,yBAAyB,EAC1B,CAAA"}