@internetarchive/elements 0.4.1 → 0.4.2-webdev-9107.0

package/dist/src/elements/ia-reviews/ia-reviews.js

@@ -0,0 +1,357 @@
+import { __decorate } from "tslib";
+import { css, html, LitElement, nothing, } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { customElement } from '../../util/custom-element.js';
+import { msg } from '@lit/localize';
+import { IaFetchHandler, } from '@internetarchive/fetch-handler';
+import '../../elements/ia-button/ia-button.js';
+import './ia-review.js';
+import './ia-review-form.js';
+/**
+ * Renders the full IA reviews piece
+ */
+let IAReviews = class IAReviews extends LitElement {
+    constructor() {
+        super(...arguments);
+        /* The list of reviews to be rendered */
+        this.reviews = [];
+        /* Whether reviews are disabled for the item */
+        this.reviewsDisabled = false;
+        /* Whether reviews are frozen for the item */
+        this.reviewsFrozen = false;
+        /* Whether the person viewing the reviews section has the power to delete reviews */
+        this.canDelete = false;
+        /* Whether we should bypass the show/hide and more/less toggles */
+        this.displayReviewsByDefault = false;
+        /* Base for URLs */
+        this.baseHost = 'https://archive.org';
+        /** REVIEW FORM PROPERTIES */
+        /* The token for the review edit */
+        this.token = '';
+        /* The path for the endpoint we're submitting to */
+        this.endpointPath = '/write-review.php';
+        /** Form submitter's screenname, if applicable */
+        this.submitterScreenname = 'Anonymous';
+        /* Optionally avoid using recaptcha for the form */
+        this.bypassRecaptcha = false;
+        /* Whether the add/edit button has been clicked */
+        this.reviewAddEditRequested = false;
+        /* An optional handler for form submission to pass along to the form */
+        this.fetchHandler = new IaFetchHandler();
+        /* Whether to display the review form or the editable review */
+        this.displayReviewForm = false;
+        /* Whether to display the existing reviews */
+        this.displayReviews = false;
+        /* The sorted and filtered reviews to render */
+        this.filteredReviews = [];
+        /* The number of reviews */
+        this.reviewsCount = 0;
+        /* Whether recaptcha has been activated (by clicking the add/edit button) */
+        this.recaptchaActivated = false;
+    }
+    render() {
+        if (this.reviewsDisabled)
+            return this.reviewsDisabledTemplate;
+        if (this.reviewsCount === 0 && !this.displayReviewForm)
+            return this.noReviewsMsgTemplate;
+        if (!this.displayReviews)
+            return this.displayReviewsMsgTemplate;
+        return html `
+      <div class="reviews-list">
+        ${this.reviewsFrozen
+            ? html `<div class="message">
+              ${msg('Reviews can no longer be added to this item.')}
+            </div>`
+            : nothing}
+        ${this.editableCurrentReviewTemplate}
+        ${this.filteredReviews.map((review) => review.reviewer_itemname !== this.submitterItemname
+            ? this.renderReview(review)
+            : nothing)}
+      </div>
+    `;
+    }
+    willUpdate(changed) {
+        if (changed.has('reviews') || changed.has('submitterItemname')) {
+            this.reviewsCount = this.reviews.length;
+            this.sortFilterReviews();
+        }
+        if (changed.has('displayReviewForm') && this.displayReviewForm === true) {
+            if (!this.bypassRecaptcha && !this.recaptchaActivated)
+                this.recaptchaActivated = true;
+            this.displayReviews = true;
+        }
+        if (changed.has('displayReviewsByDefault') &&
+            this.displayReviewsByDefault) {
+            this.displayReviews = true;
+        }
+    }
+    /* Message to display if reviews are disabled */
+    get reviewsDisabledTemplate() {
+        return html `<div class="message">
+      ${msg('Reviews have been disabled for this item.')}
+    </div>`;
+    }
+    /* Message to display instead of the reviews list if there are no reviews yet */
+    get noReviewsMsgTemplate() {
+        if (this.reviewsFrozen)
+            return html `
+        <div class="message">
+          ${msg('Reviews cannot be added to this item.')}
+        </div>
+      `;
+        return html `
+      <div class="message">
+        ${msg('There are no reviews yet.')}
+        ${msg(html `
+          Be the first one to
+          <ia-button
+            mode="link"
+            class="no-reviews-btn"
+            @click=${this.addEditReview}
+          >
+            write a review</ia-button
+          >.
+        `)}
+      </div>
+    `;
+    }
+    /* Message to display instead of the reviews list if reviews are hidden */
+    get displayReviewsMsgTemplate() {
+        return html `
+      <div class="message">
+        ${this.reviewsCount === 1
+            ? msg('There is 1 review for this item.')
+            : msg(`There are ${this.reviewsCount} reviews for this item.`)}
+        <ia-button
+          mode="link"
+          class="display-reviews-btn"
+          @click=${() => (this.displayReviews = true)}
+        >
+          ${msg(`Display ${this.reviewsCount === 1 ? 'review' : 'reviews'}`)}</ia-button
+        >.
+      </div>
+    `;
+    }
+    /**
+     * Renders the review form, passing along all necessary properties; this will also render
+     * the patron's own review if applicable and/or following submission.
+     */
+    get editableCurrentReviewTemplate() {
+        if (!this.displayReviewForm && !this.currentReview)
+            return nothing;
+        return html `<div class="own-review-container">
+      ${!this.displayReviewForm
+            ? this.renderReview(this.currentReview)
+            : html `<ia-review-form
+            .identifier=${this.identifier}
+            .oldReview=${this.currentReview}
+            .baseHost=${this.baseHost}
+            .endpointPath=${this.endpointPath}
+            .submitterItemname=${this.submitterItemname}
+            .submitterScreenname=${this.submitterScreenname}
+            .maxSubjectLength=${this.maxSubjectLength}
+            .maxBodyLength=${this.maxBodyLength}
+            .token=${this.token}
+            .unrecoverableError=${this.reviewSubmissionError}
+            .fetchHandler=${this.fetchHandler}
+            .recaptchaManager=${this.recaptchaActivated
+                ? this.recaptchaManager
+                : undefined}
+            ?bypassRecaptcha=${this.bypassRecaptcha}
+            @reviewUpdated=${this.handleReviewUpdate}
+            @reviewEditCanceled=${this.handleEditCanceled}
+          ></ia-review-form>`}
+    </div>`;
+    }
+    /** Sorts the reviews and splits the patron's own review out of the reviews array */
+    sortFilterReviews() {
+        let patronsOwnReview;
+        const filteredReviews = [];
+        this.reviews.forEach((review) => {
+            if (!patronsOwnReview &&
+                review.reviewer_itemname === this.submitterItemname) {
+                patronsOwnReview = review;
+            }
+            else
+                filteredReviews.push(review);
+        });
+        this.currentReview = patronsOwnReview;
+        this.filteredReviews = this.sortReviews(filteredReviews);
+    }
+    /** Sorts reviews by create date for render */
+    sortReviews(reviews) {
+        const sortedReviews = [...reviews].sort((a, b) => a.createdate && b.createdate
+            ? new Date(b.createdate).getTime() - new Date(a.createdate).getTime()
+            : 0);
+        return sortedReviews;
+    }
+    /* Renders the given review, using the ia-review component */
+    renderReview(review) {
+        if (!review)
+            return nothing;
+        return html `<ia-review
+      .review=${review}
+      .identifier=${this.identifier}
+      .baseHost=${this.baseHost}
+      .csrfToken=${this.token}
+      ?canDelete=${this.canDelete}
+      ?bypassTruncation=${this.displayReviewsByDefault}
+    ></ia-review>`;
+    }
+    /** Prepare the review form for adding or editing */
+    addEditReview() {
+        if (!this.bypassRecaptcha)
+            this.recaptchaActivated = true;
+        this.displayReviewForm = true;
+    }
+    /** Handles successful review submission */
+    handleReviewUpdate(e) {
+        if (!this.currentReview && e.detail) {
+            this.dispatchEvent(new CustomEvent('newReviewAdded'));
+            this.reviewsCount += 1;
+        }
+        this.currentReview = e.detail;
+        this.displayReviewForm = false;
+    }
+    /** Closes the review form if requested */
+    handleEditCanceled() {
+        this.displayReviewForm = false;
+        // Display no-reviews message again if no new review was added
+        if (this.reviewsCount === 0) {
+            this.displayReviews = false;
+        }
+    }
+    static get styles() {
+        return [
+            css `
+        :host {
+          font-family: var(
+            --ia-font-stack,
+            'Helvetica Neue',
+            Helvetica,
+            Arial,
+            sans-serif
+          );
+
+          color: var(--ia-text-color, #2c2c2c);
+        }
+
+        .reviews-list {
+          display: flex;
+          flex-direction: column;
+          gap: 2rem;
+          width: 100%;
+        }
+
+        .own-review-container {
+          --error-color: var(--container-error-color, #ea0202);
+          --link-color: var(--container-link-color, #4f65f5);
+          --container-error-color: #ea0202;
+          --container-link-color: #4f65f5;
+          --container-bg-color: #fbfbfd;
+          --container-border-color: #999999;
+
+          border: 2px solid var(--container-border-color, #999999);
+          border-radius: 5px;
+          background-color: var(--container-bg-color, #fbfbfd);
+          padding: 10px;
+        }
+
+        .message {
+          font-weight: 200;
+        }
+
+        .message ia-button {
+          display: inline;
+          vertical-align: baseline;
+        }
+
+        /* The button inside ia-button is a flex box, which would break these
+           out of the sentence they sit in. */
+        .message ia-button::part(button) {
+          display: inline;
+          min-height: 0;
+          padding: 0;
+          font-weight: 600;
+        }
+      `,
+        ];
+    }
+};
+__decorate([
+    property({ type: String })
+], IAReviews.prototype, "identifier", void 0);
+__decorate([
+    property({ type: Array })
+], IAReviews.prototype, "reviews", void 0);
+__decorate([
+    property({ type: Boolean })
+], IAReviews.prototype, "reviewsDisabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], IAReviews.prototype, "reviewsFrozen", void 0);
+__decorate([
+    property({ type: Boolean })
+], IAReviews.prototype, "canDelete", void 0);
+__decorate([
+    property({ type: Boolean })
+], IAReviews.prototype, "displayReviewsByDefault", void 0);
+__decorate([
+    property({ type: Number })
+], IAReviews.prototype, "maxSubjectLength", void 0);
+__decorate([
+    property({ type: Number })
+], IAReviews.prototype, "maxBodyLength", void 0);
+__decorate([
+    property({ type: String })
+], IAReviews.prototype, "baseHost", void 0);
+__decorate([
+    property({ type: String })
+], IAReviews.prototype, "token", void 0);
+__decorate([
+    property({ type: String })
+], IAReviews.prototype, "endpointPath", void 0);
+__decorate([
+    property({ type: String })
+], IAReviews.prototype, "submitterScreenname", void 0);
+__decorate([
+    property({ type: String })
+], IAReviews.prototype, "submitterItemname", void 0);
+__decorate([
+    property({ type: Object })
+], IAReviews.prototype, "recaptchaManager", void 0);
+__decorate([
+    property({ type: Boolean })
+], IAReviews.prototype, "bypassRecaptcha", void 0);
+__decorate([
+    property({ type: String })
+], IAReviews.prototype, "reviewSubmissionError", void 0);
+__decorate([
+    property({ type: Boolean })
+], IAReviews.prototype, "reviewAddEditRequested", void 0);
+__decorate([
+    property({ type: Object })
+], IAReviews.prototype, "fetchHandler", void 0);
+__decorate([
+    state()
+], IAReviews.prototype, "displayReviewForm", void 0);
+__decorate([
+    state()
+], IAReviews.prototype, "displayReviews", void 0);
+__decorate([
+    state()
+], IAReviews.prototype, "filteredReviews", void 0);
+__decorate([
+    state()
+], IAReviews.prototype, "currentReview", void 0);
+__decorate([
+    state()
+], IAReviews.prototype, "reviewsCount", void 0);
+__decorate([
+    state()
+], IAReviews.prototype, "recaptchaActivated", void 0);
+IAReviews = __decorate([
+    customElement('ia-reviews')
+], IAReviews);
+export { IAReviews };
+//# sourceMappingURL=ia-reviews.js.map

package/dist/src/elements/ia-reviews/ia-reviews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ia-reviews.js","sourceRoot":"","sources":["../../../../src/elements/ia-reviews/ia-reviews.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EAEH,IAAI,EAEJ,UAAU,EACV,OAAO,GAER,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAIpC,OAAO,EAEL,cAAc,GACf,MAAM,gCAAgC,CAAC;AAExC,OAAO,mCAAmC,CAAC;AAE3C,OAAO,aAAa,CAAC;AACrB,OAAO,kBAAkB,CAAC;AAE1B;;GAEG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAKL,wCAAwC;QACb,YAAO,GAAa,EAAE,CAAC;QAElD,+CAA+C;QAClB,oBAAe,GAAG,KAAK,CAAC;QAErD,6CAA6C;QAChB,kBAAa,GAAG,KAAK,CAAC;QAEnD,oFAAoF;QACvD,cAAS,GAAG,KAAK,CAAC;QAE/C,kEAAkE;QACrC,4BAAuB,GAAG,KAAK,CAAC;QAQ7D,mBAAmB;QACS,aAAQ,GAAG,qBAAqB,CAAC;QAE7D,6BAA6B;QAC7B,mCAAmC;QACP,UAAK,GAAW,EAAE,CAAC;QAE/C,mDAAmD;QACvB,iBAAY,GAAW,mBAAmB,CAAC;QAEvE,iDAAiD;QACrB,wBAAmB,GAAW,WAAW,CAAC;QAQtE,mDAAmD;QACtB,oBAAe,GAAY,KAAK,CAAC;QAK9D,kDAAkD;QACrB,2BAAsB,GAAY,KAAK,CAAC;QAErE,uEAAuE;QAC3C,iBAAY,GACtC,IAAI,cAAc,EAAE,CAAC;QAEvB,+DAA+D;QAE/D,sBAAiB,GAAY,KAAK,CAAC;QAEnC,6CAA6C;QAErC,mBAAc,GAAY,KAAK,CAAC;QAExC,+CAA+C;QAEvC,oBAAe,GAAa,EAAE,CAAC;QAMvC,2BAA2B;QAEnB,iBAAY,GAAW,CAAC,CAAC;QAEjC,4EAA4E;QAEpE,uBAAkB,GAAY,KAAK,CAAC;IAiQ9C,CAAC;IA/PC,MAAM;QACJ,IAAI,IAAI,CAAC,eAAe;YAAE,OAAO,IAAI,CAAC,uBAAuB,CAAC;QAC9D,IAAI,IAAI,CAAC,YAAY,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB;YACpD,OAAO,IAAI,CAAC,oBAAoB,CAAC;QACnC,IAAI,CAAC,IAAI,CAAC,cAAc;YAAE,OAAO,IAAI,CAAC,yBAAyB,CAAC;QAEhE,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,aAAa;YAClB,CAAC,CAAC,IAAI,CAAA;gBACA,GAAG,CAAC,8CAA8C,CAAC;mBAChD;YACT,CAAC,CAAC,OAAO;UACT,IAAI,CAAC,6BAA6B;UAClC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CACpC,MAAM,CAAC,iBAAiB,KAAK,IAAI,CAAC,iBAAiB;YACjD,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;YAC3B,CAAC,CAAC,OAAO,CACZ;;KAEJ,CAAC;IACJ,CAAC;IAES,UAAU,CAAC,OAAuB;QAC1C,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,EAAE,CAAC;YAC/D,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;YACxC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,IAAI,IAAI,CAAC,iBAAiB,KAAK,IAAI,EAAE,CAAC;YACxE,IAAI,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,kBAAkB;gBACnD,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;YACjC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC7B,CAAC;QAED,IACE,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC;YACtC,IAAI,CAAC,uBAAuB,EAC5B,CAAC;YACD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC7B,CAAC;IACH,CAAC;IAED,gDAAgD;IAChD,IAAY,uBAAuB;QACjC,OAAO,IAAI,CAAA;QACP,GAAG,CAAC,2CAA2C,CAAC;WAC7C,CAAC;IACV,CAAC;IAED,gFAAgF;IAChF,IAAY,oBAAoB;QAC9B,IAAI,IAAI,CAAC,aAAa;YACpB,OAAO,IAAI,CAAA;;YAEL,GAAG,CAAC,uCAAuC,CAAC;;OAEjD,CAAC;QAEJ,OAAO,IAAI,CAAA;;UAEL,GAAG,CAAC,2BAA2B,CAAC;UAChC,GAAG,CAAC,IAAI,CAAA;;;;;qBAKG,IAAI,CAAC,aAAa;;;;SAI9B,CAAC;;KAEL,CAAC;IACJ,CAAC;IAED,0EAA0E;IAC1E,IAAY,yBAAyB;QACnC,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,YAAY,KAAK,CAAC;YACvB,CAAC,CAAC,GAAG,CAAC,kCAAkC,CAAC;YACzC,CAAC,CAAC,GAAG,CAAC,aAAa,IAAI,CAAC,YAAY,yBAAyB,CAAC;;;;mBAIrD,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;;YAEzC,GAAG,CACH,WAAW,IAAI,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,CAC5D;;;KAGN,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,IAAY,6BAA6B;QAGvC,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,aAAa;YAAE,OAAO,OAAO,CAAC;QAEnE,OAAO,IAAI,CAAA;QACP,CAAC,IAAI,CAAC,iBAAiB;YACvB,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;YACvC,CAAC,CAAC,IAAI,CAAA;0BACY,IAAI,CAAC,UAAU;yBAChB,IAAI,CAAC,aAAa;wBACnB,IAAI,CAAC,QAAQ;4BACT,IAAI,CAAC,YAAY;iCACZ,IAAI,CAAC,iBAAiB;mCACpB,IAAI,CAAC,mBAAmB;gCAC3B,IAAI,CAAC,gBAAgB;6BACxB,IAAI,CAAC,aAAa;qBAC1B,IAAI,CAAC,KAAK;kCACG,IAAI,CAAC,qBAAqB;4BAChC,IAAI,CAAC,YAAY;gCACb,IAAI,CAAC,kBAAkB;gBACzC,CAAC,CAAC,IAAI,CAAC,gBAAgB;gBACvB,CAAC,CAAC,SAAS;+BACM,IAAI,CAAC,eAAe;6BACtB,IAAI,CAAC,kBAAkB;kCAClB,IAAI,CAAC,kBAAkB;6BAC5B;WAClB,CAAC;IACV,CAAC;IAED,oFAAoF;IAC5E,iBAAiB;QACvB,IAAI,gBAAoC,CAAC;QACzC,MAAM,eAAe,GAAa,EAAE,CAAC;QAErC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YAC9B,IACE,CAAC,gBAAgB;gBACjB,MAAM,CAAC,iBAAiB,KAAK,IAAI,CAAC,iBAAiB,EACnD,CAAC;gBACD,gBAAgB,GAAG,MAAM,CAAC;YAC5B,CAAC;;gBAAM,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,aAAa,GAAG,gBAAgB,CAAC;QACtC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAC3D,CAAC;IAED,8CAA8C;IACtC,WAAW,CAAC,OAAiB;QACnC,MAAM,aAAa,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAC/C,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,UAAU;YAC1B,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE;YACrE,CAAC,CAAC,CAAC,CACN,CAAC;QAEF,OAAO,aAAa,CAAC;IACvB,CAAC;IAED,6DAA6D;IACrD,YAAY,CAAC,MAAe;QAClC,IAAI,CAAC,MAAM;YAAE,OAAO,OAAO,CAAC;QAE5B,OAAO,IAAI,CAAA;gBACC,MAAM;oBACF,IAAI,CAAC,UAAU;kBACjB,IAAI,CAAC,QAAQ;mBACZ,IAAI,CAAC,KAAK;mBACV,IAAI,CAAC,SAAS;0BACP,IAAI,CAAC,uBAAuB;kBACpC,CAAC;IACjB,CAAC;IAED,oDAAoD;IAC5C,aAAa;QACnB,IAAI,CAAC,IAAI,CAAC,eAAe;YAAE,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;QAC1D,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;IAChC,CAAC;IAED,2CAA2C;IACnC,kBAAkB,CAAC,CAAsB;QAC/C,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC;YACpC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAO,gBAAgB,CAAC,CAAC,CAAC;YAC5D,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC;QACzB,CAAC;QACD,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC;QAC9B,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;IACjC,CAAC;IAED,0CAA0C;IAClC,kBAAkB;QACxB,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;QAE/B,8DAA8D;QAC9D,IAAI,IAAI,CAAC,YAAY,KAAK,CAAC,EAAE,CAAC;YAC5B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC9B,CAAC;IACH,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAmDF;SACF,CAAC;IACJ,CAAC;CACF,CAAA;AA9U6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAqB;AAGrB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;0CAAwB;AAGrB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDAAyB;AAGxB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDAAuB;AAGtB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAAmB;AAGlB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0DAAiC;AAGjC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAA2B;AAG1B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAAwB;AAGvB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAkC;AAIjC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAoB;AAGnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAA4C;AAG3C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAA2C;AAG1C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDAA4B;AAG3B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAA8C;AAG5C;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDAAkC;AAGlC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDAAgC;AAG9B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yDAAyC;AAGzC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACJ;AAIvB;IADC,KAAK,EAAE;oDAC2B;AAI3B;IADP,KAAK,EAAE;iDACgC;AAIhC;IADP,KAAK,EAAE;kDAC+B;AAI/B;IADP,KAAK,EAAE;gDACuB;AAIvB;IADP,KAAK,EAAE;+CACyB;AAIzB;IADP,KAAK,EAAE;qDACoC;AAhFjC,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAiVrB","sourcesContent":["import {\n  css,\n  CSSResultGroup,\n  html,\n  HTMLTemplateResult,\n  LitElement,\n  nothing,\n  PropertyValues,\n} from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { customElement } from '@src/util/custom-element';\nimport { msg } from '@lit/localize';\n\nimport type { Review } from '@internetarchive/metadata-service';\nimport type { RecaptchaManagerInterface } from '@internetarchive/recaptcha-manager';\nimport {\n  FetchHandlerInterface,\n  IaFetchHandler,\n} from '@internetarchive/fetch-handler';\n\nimport '@src/elements/ia-button/ia-button';\n\nimport './ia-review';\nimport './ia-review-form';\n\n/**\n * Renders the full IA reviews piece\n */\n@customElement('ia-reviews')\nexport class IAReviews extends LitElement {\n  /** GLOBAL/REVIEW-RENDERING PROPERTIES */\n  /* The identifier for the item being reviewed */\n  @property({ type: String }) identifier?: string;\n\n  /* The list of reviews to be rendered */\n  @property({ type: Array }) reviews: Review[] = [];\n\n  /* Whether reviews are disabled for the item */\n  @property({ type: Boolean }) reviewsDisabled = false;\n\n  /* Whether reviews are frozen for the item */\n  @property({ type: Boolean }) reviewsFrozen = false;\n\n  /* Whether the person viewing the reviews section has the power to delete reviews */\n  @property({ type: Boolean }) canDelete = false;\n\n  /* Whether we should bypass the show/hide and more/less toggles */\n  @property({ type: Boolean }) displayReviewsByDefault = false;\n\n  /* Maximum allowable length for subject */\n  @property({ type: Number }) maxSubjectLength?: number;\n\n  /* Maximum allowable length for body */\n  @property({ type: Number }) maxBodyLength?: number;\n\n  /* Base for URLs */\n  @property({ type: String }) baseHost = 'https://archive.org';\n\n  /** REVIEW FORM PROPERTIES */\n  /* The token for the review edit */\n  @property({ type: String }) token: string = '';\n\n  /* The path for the endpoint we're submitting to */\n  @property({ type: String }) endpointPath: string = '/write-review.php';\n\n  /** Form submitter's screenname, if applicable */\n  @property({ type: String }) submitterScreenname: string = 'Anonymous';\n\n  /** Form submitter's itemname, if applicable */\n  @property({ type: String }) submitterItemname?: string;\n\n  /* Service for activating the recaptcha challenge */\n  @property({ type: Object }) recaptchaManager?: RecaptchaManagerInterface;\n\n  /* Optionally avoid using recaptcha for the form */\n  @property({ type: Boolean }) bypassRecaptcha: boolean = false;\n\n  /* An optional error message to be displayed instead of the review form */\n  @property({ type: String }) reviewSubmissionError?: string;\n\n  /* Whether the add/edit button has been clicked */\n  @property({ type: Boolean }) reviewAddEditRequested: boolean = false;\n\n  /* An optional handler for form submission to pass along to the form */\n  @property({ type: Object }) fetchHandler: FetchHandlerInterface =\n    new IaFetchHandler();\n\n  /* Whether to display the review form or the editable review */\n  @state()\n  displayReviewForm: boolean = false;\n\n  /* Whether to display the existing reviews */\n  @state()\n  private displayReviews: boolean = false;\n\n  /* The sorted and filtered reviews to render */\n  @state()\n  private filteredReviews: Review[] = [];\n\n  /* The current version of the review */\n  @state()\n  private currentReview?: Review;\n\n  /* The number of reviews */\n  @state()\n  private reviewsCount: number = 0;\n\n  /* Whether recaptcha has been activated (by clicking the add/edit button) */\n  @state()\n  private recaptchaActivated: boolean = false;\n\n  render() {\n    if (this.reviewsDisabled) return this.reviewsDisabledTemplate;\n    if (this.reviewsCount === 0 && !this.displayReviewForm)\n      return this.noReviewsMsgTemplate;\n    if (!this.displayReviews) return this.displayReviewsMsgTemplate;\n\n    return html`\n      <div class=\"reviews-list\">\n        ${this.reviewsFrozen\n          ? html`<div class=\"message\">\n              ${msg('Reviews can no longer be added to this item.')}\n            </div>`\n          : nothing}\n        ${this.editableCurrentReviewTemplate}\n        ${this.filteredReviews.map((review) =>\n          review.reviewer_itemname !== this.submitterItemname\n            ? this.renderReview(review)\n            : nothing,\n        )}\n      </div>\n    `;\n  }\n\n  protected willUpdate(changed: PropertyValues): void {\n    if (changed.has('reviews') || changed.has('submitterItemname')) {\n      this.reviewsCount = this.reviews.length;\n      this.sortFilterReviews();\n    }\n\n    if (changed.has('displayReviewForm') && this.displayReviewForm === true) {\n      if (!this.bypassRecaptcha && !this.recaptchaActivated)\n        this.recaptchaActivated = true;\n      this.displayReviews = true;\n    }\n\n    if (\n      changed.has('displayReviewsByDefault') &&\n      this.displayReviewsByDefault\n    ) {\n      this.displayReviews = true;\n    }\n  }\n\n  /* Message to display if reviews are disabled */\n  private get reviewsDisabledTemplate(): HTMLTemplateResult {\n    return html`<div class=\"message\">\n      ${msg('Reviews have been disabled for this item.')}\n    </div>`;\n  }\n\n  /* Message to display instead of the reviews list if there are no reviews yet */\n  private get noReviewsMsgTemplate(): HTMLTemplateResult {\n    if (this.reviewsFrozen)\n      return html`\n        <div class=\"message\">\n          ${msg('Reviews cannot be added to this item.')}\n        </div>\n      `;\n\n    return html`\n      <div class=\"message\">\n        ${msg('There are no reviews yet.')}\n        ${msg(html`\n          Be the first one to\n          <ia-button\n            mode=\"link\"\n            class=\"no-reviews-btn\"\n            @click=${this.addEditReview}\n          >\n            write a review</ia-button\n          >.\n        `)}\n      </div>\n    `;\n  }\n\n  /* Message to display instead of the reviews list if reviews are hidden */\n  private get displayReviewsMsgTemplate(): HTMLTemplateResult {\n    return html`\n      <div class=\"message\">\n        ${this.reviewsCount === 1\n          ? msg('There is 1 review for this item.')\n          : msg(`There are ${this.reviewsCount} reviews for this item.`)}\n        <ia-button\n          mode=\"link\"\n          class=\"display-reviews-btn\"\n          @click=${() => (this.displayReviews = true)}\n        >\n          ${msg(\n            `Display ${this.reviewsCount === 1 ? 'review' : 'reviews'}`,\n          )}</ia-button\n        >.\n      </div>\n    `;\n  }\n\n  /**\n   * Renders the review form, passing along all necessary properties; this will also render\n   * the patron's own review if applicable and/or following submission.\n   */\n  private get editableCurrentReviewTemplate():\n    | HTMLTemplateResult\n    | typeof nothing {\n    if (!this.displayReviewForm && !this.currentReview) return nothing;\n\n    return html`<div class=\"own-review-container\">\n      ${!this.displayReviewForm\n        ? this.renderReview(this.currentReview)\n        : html`<ia-review-form\n            .identifier=${this.identifier}\n            .oldReview=${this.currentReview}\n            .baseHost=${this.baseHost}\n            .endpointPath=${this.endpointPath}\n            .submitterItemname=${this.submitterItemname}\n            .submitterScreenname=${this.submitterScreenname}\n            .maxSubjectLength=${this.maxSubjectLength}\n            .maxBodyLength=${this.maxBodyLength}\n            .token=${this.token}\n            .unrecoverableError=${this.reviewSubmissionError}\n            .fetchHandler=${this.fetchHandler}\n            .recaptchaManager=${this.recaptchaActivated\n              ? this.recaptchaManager\n              : undefined}\n            ?bypassRecaptcha=${this.bypassRecaptcha}\n            @reviewUpdated=${this.handleReviewUpdate}\n            @reviewEditCanceled=${this.handleEditCanceled}\n          ></ia-review-form>`}\n    </div>`;\n  }\n\n  /** Sorts the reviews and splits the patron's own review out of the reviews array */\n  private sortFilterReviews(): void {\n    let patronsOwnReview: Review | undefined;\n    const filteredReviews: Review[] = [];\n\n    this.reviews.forEach((review) => {\n      if (\n        !patronsOwnReview &&\n        review.reviewer_itemname === this.submitterItemname\n      ) {\n        patronsOwnReview = review;\n      } else filteredReviews.push(review);\n    });\n\n    this.currentReview = patronsOwnReview;\n    this.filteredReviews = this.sortReviews(filteredReviews);\n  }\n\n  /** Sorts reviews by create date for render */\n  private sortReviews(reviews: Review[]): Review[] {\n    const sortedReviews = [...reviews].sort((a, b) =>\n      a.createdate && b.createdate\n        ? new Date(b.createdate).getTime() - new Date(a.createdate).getTime()\n        : 0,\n    );\n\n    return sortedReviews;\n  }\n\n  /* Renders the given review, using the ia-review component */\n  private renderReview(review?: Review): HTMLTemplateResult | typeof nothing {\n    if (!review) return nothing;\n\n    return html`<ia-review\n      .review=${review}\n      .identifier=${this.identifier}\n      .baseHost=${this.baseHost}\n      .csrfToken=${this.token}\n      ?canDelete=${this.canDelete}\n      ?bypassTruncation=${this.displayReviewsByDefault}\n    ></ia-review>`;\n  }\n\n  /** Prepare the review form for adding or editing */\n  private addEditReview(): void {\n    if (!this.bypassRecaptcha) this.recaptchaActivated = true;\n    this.displayReviewForm = true;\n  }\n\n  /** Handles successful review submission */\n  private handleReviewUpdate(e: CustomEvent<Review>): void {\n    if (!this.currentReview && e.detail) {\n      this.dispatchEvent(new CustomEvent<void>('newReviewAdded'));\n      this.reviewsCount += 1;\n    }\n    this.currentReview = e.detail;\n    this.displayReviewForm = false;\n  }\n\n  /** Closes the review form if requested */\n  private handleEditCanceled(): void {\n    this.displayReviewForm = false;\n\n    // Display no-reviews message again if no new review was added\n    if (this.reviewsCount === 0) {\n      this.displayReviews = false;\n    }\n  }\n\n  static get styles(): CSSResultGroup {\n    return [\n      css`\n        :host {\n          font-family: var(\n            --ia-font-stack,\n            'Helvetica Neue',\n            Helvetica,\n            Arial,\n            sans-serif\n          );\n\n          color: var(--ia-text-color, #2c2c2c);\n        }\n\n        .reviews-list {\n          display: flex;\n          flex-direction: column;\n          gap: 2rem;\n          width: 100%;\n        }\n\n        .own-review-container {\n          --error-color: var(--container-error-color, #ea0202);\n          --link-color: var(--container-link-color, #4f65f5);\n          --container-error-color: #ea0202;\n          --container-link-color: #4f65f5;\n          --container-bg-color: #fbfbfd;\n          --container-border-color: #999999;\n\n          border: 2px solid var(--container-border-color, #999999);\n          border-radius: 5px;\n          background-color: var(--container-bg-color, #fbfbfd);\n          padding: 10px;\n        }\n\n        .message {\n          font-weight: 200;\n        }\n\n        .message ia-button {\n          display: inline;\n          vertical-align: baseline;\n        }\n\n        /* The button inside ia-button is a flex box, which would break these\n           out of the sentence they sit in. */\n        .message ia-button::part(button) {\n          display: inline;\n          min-height: 0;\n          padding: 0;\n          font-weight: 600;\n        }\n      `,\n    ];\n  }\n}\n"]}

package/dist/src/elements/ia-reviews/mocks/mock-fetch-handler.d.ts

@@ -0,0 +1,8 @@
+import type { FetchHandlerInterface } from '@internetarchive/fetch-handler';
+export declare class MockFetchHandler implements FetchHandlerInterface {
+    fetchApiResponse<T>(): Promise<T>;
+    fetchApiPathResponse<T>(): Promise<T>;
+    fetchIAApiResponse<T>(): Promise<T>;
+    fetch(): Promise<Response>;
+}
+//# sourceMappingURL=mock-fetch-handler.d.ts.map

package/dist/src/elements/ia-reviews/mocks/mock-fetch-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock-fetch-handler.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-reviews/mocks/mock-fetch-handler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE5E,qBAAa,gBAAiB,YAAW,qBAAqB;IACtD,gBAAgB,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC;IAIjC,oBAAoB,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC;IAIrC,kBAAkB,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC;IAInC,KAAK,IAAI,OAAO,CAAC,QAAQ,CAAC;CAGjC"}

package/dist/src/elements/ia-reviews/mocks/mock-fetch-handler.js

@@ -0,0 +1,15 @@
+export class MockFetchHandler {
+    async fetchApiResponse() {
+        return { success: true };
+    }
+    async fetchApiPathResponse() {
+        return {};
+    }
+    async fetchIAApiResponse() {
+        return {};
+    }
+    async fetch() {
+        return new Response();
+    }
+}
+//# sourceMappingURL=mock-fetch-handler.js.map

package/dist/src/elements/ia-reviews/mocks/mock-fetch-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock-fetch-handler.js","sourceRoot":"","sources":["../../../../../src/elements/ia-reviews/mocks/mock-fetch-handler.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,gBAAgB;IAC3B,KAAK,CAAC,gBAAgB;QACpB,OAAO,EAAE,OAAO,EAAE,IAAI,EAAO,CAAC;IAChC,CAAC;IAED,KAAK,CAAC,oBAAoB;QACxB,OAAO,EAAO,CAAC;IACjB,CAAC;IAED,KAAK,CAAC,kBAAkB;QACtB,OAAO,EAAO,CAAC;IACjB,CAAC;IAED,KAAK,CAAC,KAAK;QACT,OAAO,IAAI,QAAQ,EAAE,CAAC;IACxB,CAAC;CACF","sourcesContent":["import type { FetchHandlerInterface } from '@internetarchive/fetch-handler';\n\nexport class MockFetchHandler implements FetchHandlerInterface {\n  async fetchApiResponse<T>(): Promise<T> {\n    return { success: true } as T;\n  }\n\n  async fetchApiPathResponse<T>(): Promise<T> {\n    return {} as T;\n  }\n\n  async fetchIAApiResponse<T>(): Promise<T> {\n    return {} as T;\n  }\n\n  async fetch(): Promise<Response> {\n    return new Response();\n  }\n}\n"]}

package/dist/src/elements/ia-reviews/utils/collapse-space.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Trims the string, collapses runs of spaces and tabs down to one space, and
+ * turns runs of newlines and existing `<br>` tags into a single `<br />`.
+ *
+ * The whitespace patterns list only real whitespace. A pipe written into a
+ * character class here would be treated as whitespace too, and quietly
+ * disappear from any review body containing one.
+ *
+ * @param {string} str The string to transform
+ * @returns {string} The string with space collapsed
+ */
+export default function collapseSpace(str: string): string;
+//# sourceMappingURL=collapse-space.d.ts.map

package/dist/src/elements/ia-reviews/utils/collapse-space.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse-space.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-reviews/utils/collapse-space.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAMzD"}

package/dist/src/elements/ia-reviews/utils/collapse-space.js

@@ -0,0 +1,19 @@
+/**
+ * Trims the string, collapses runs of spaces and tabs down to one space, and
+ * turns runs of newlines and existing `<br>` tags into a single `<br />`.
+ *
+ * The whitespace patterns list only real whitespace. A pipe written into a
+ * character class here would be treated as whitespace too, and quietly
+ * disappear from any review body containing one.
+ *
+ * @param {string} str The string to transform
+ * @returns {string} The string with space collapsed
+ */
+export default function collapseSpace(str) {
+    return str
+        .trim()
+        .replace(/[ \t]+/g, ' ')
+        .replace(/(?:\r?\n)+/g, '<br />')
+        .replace(/(<br[^>]*>(<\/br>)?)+/g, '<br />');
+}
+//# sourceMappingURL=collapse-space.js.map

package/dist/src/elements/ia-reviews/utils/collapse-space.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse-space.js","sourceRoot":"","sources":["../../../../../src/elements/ia-reviews/utils/collapse-space.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,GAAW;IAC/C,OAAO,GAAG;SACP,IAAI,EAAE;SACN,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC;SACvB,OAAO,CAAC,aAAa,EAAE,QAAQ,CAAC;SAChC,OAAO,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CAAC;AACjD,CAAC","sourcesContent":["/**\n * Trims the string, collapses runs of spaces and tabs down to one space, and\n * turns runs of newlines and existing `<br>` tags into a single `<br />`.\n *\n * The whitespace patterns list only real whitespace. A pipe written into a\n * character class here would be treated as whitespace too, and quietly\n * disappear from any review body containing one.\n *\n * @param {string} str The string to transform\n * @returns {string} The string with space collapsed\n */\nexport default function collapseSpace(str: string): string {\n  return str\n    .trim()\n    .replace(/[ \\t]+/g, ' ')\n    .replace(/(?:\\r?\\n)+/g, '<br />')\n    .replace(/(<br[^>]*>(<\\/br>)?)+/g, '<br />');\n}\n"]}

package/dist/src/elements/ia-reviews/utils/friendly-truncate.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Truncates a string, given the original string and a max length.
+ * Continues up to 20 chars after the limit to find the last space,
+ * if possible.
+ *
+ * Avoids breaking up anchor tags.
+ *
+ * @param {string} str The original string
+ * @param {number} maxLength The max length to truncate to
+ * @param {boolean} useSpaceTruncation Whether to truncate at the last space
+ * @returns {string} The truncated field
+ */
+export default function friendlyTruncate(str: string, maxLength?: number, useSpaceTruncation?: boolean): string;
+//# sourceMappingURL=friendly-truncate.d.ts.map

package/dist/src/elements/ia-reviews/utils/friendly-truncate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"friendly-truncate.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-reviews/utils/friendly-truncate.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,GAAG,EAAE,MAAM,EACX,SAAS,GAAE,MAAY,EACvB,kBAAkB,GAAE,OAAc,GACjC,MAAM,CAoBR"}

package/dist/src/elements/ia-reviews/utils/friendly-truncate.js

@@ -0,0 +1,65 @@
+/**
+ * Truncates a string, given the original string and a max length.
+ * Continues up to 20 chars after the limit to find the last space,
+ * if possible.
+ *
+ * Avoids breaking up anchor tags.
+ *
+ * @param {string} str The original string
+ * @param {number} maxLength The max length to truncate to
+ * @param {boolean} useSpaceTruncation Whether to truncate at the last space
+ * @returns {string} The truncated field
+ */
+export default function friendlyTruncate(str, maxLength = 100, useSpaceTruncation = true) {
+    if (str.length < maxLength)
+        return str;
+    let cutoffPoint = maxLength;
+    if (useSpaceTruncation) {
+        const lastSpace = str.indexOf(' ', maxLength);
+        const safeDistanceFromMax = lastSpace - maxLength <= 20;
+        // No need to truncate if the safe last space is at the end of the string
+        if (safeDistanceFromMax && lastSpace === str.length - 1) {
+            return str;
+        }
+        if (lastSpace !== -1 && safeDistanceFromMax) {
+            cutoffPoint = lastSpace;
+        }
+    }
+    return truncateTagSafe(str, cutoffPoint, maxLength);
+}
+/**
+ * Utility function to prevent truncation in the middle of
+ * an anchor tag.
+ *
+ * @param {string} str The string to truncate
+ * @param {number} cutoffPoint The index currently selsected for truncation
+ * @param {number} maxLength The max length for the string
+ * @returns {string} The string, truncated either earlier or later to preserve anchor tags
+ */
+function truncateTagSafe(str, cutoffPoint, maxLength) {
+    let truncatedString = str.slice(0, cutoffPoint);
+    const openingAnchorTags = truncatedString.match(/<a/gi);
+    if (openingAnchorTags) {
+        const closingAnchorTags = truncatedString.match(/<\/a/gi);
+        if (!closingAnchorTags ||
+            closingAnchorTags.length < openingAnchorTags.length) {
+            const firstClosingTag = str.indexOf('</a>', cutoffPoint);
+            const safeDistanceFromMax = firstClosingTag - maxLength <= 20;
+            // No need to truncate if closing tag is at the end of the string
+            if (safeDistanceFromMax && str.length === firstClosingTag + 4) {
+                return str;
+            }
+            // Truncate at end of first closing tag if possible
+            if (firstClosingTag !== -1 && safeDistanceFromMax) {
+                truncatedString = str.slice(0, firstClosingTag + 4);
+            }
+            else {
+                // Otherwise, truncate before last opening tag
+                const lastOpeningTag = truncatedString.lastIndexOf('<a');
+                truncatedString = str.slice(0, lastOpeningTag);
+            }
+        }
+    }
+    return truncatedString.concat('...');
+}
+//# sourceMappingURL=friendly-truncate.js.map

package/dist/src/elements/ia-reviews/utils/friendly-truncate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"friendly-truncate.js","sourceRoot":"","sources":["../../../../../src/elements/ia-reviews/utils/friendly-truncate.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,GAAW,EACX,YAAoB,GAAG,EACvB,qBAA8B,IAAI;IAElC,IAAI,GAAG,CAAC,MAAM,GAAG,SAAS;QAAE,OAAO,GAAG,CAAC;IAEvC,IAAI,WAAW,GAAG,SAAS,CAAC;IAE5B,IAAI,kBAAkB,EAAE,CAAC;QACvB,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;QAC9C,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,IAAI,EAAE,CAAC;QAExD,yEAAyE;QACzE,IAAI,mBAAmB,IAAI,SAAS,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACxD,OAAO,GAAG,CAAC;QACb,CAAC;QAED,IAAI,SAAS,KAAK,CAAC,CAAC,IAAI,mBAAmB,EAAE,CAAC;YAC5C,WAAW,GAAG,SAAS,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,OAAO,eAAe,CAAC,GAAG,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC;AACtD,CAAC;AAED;;;;;;;;GAQG;AACH,SAAS,eAAe,CACtB,GAAW,EACX,WAAmB,EACnB,SAAiB;IAEjB,IAAI,eAAe,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;IAEhD,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACxD,IAAI,iBAAiB,EAAE,CAAC;QACtB,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAE1D,IACE,CAAC,iBAAiB;YAClB,iBAAiB,CAAC,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACnD,CAAC;YACD,MAAM,eAAe,GAAG,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;YACzD,MAAM,mBAAmB,GAAG,eAAe,GAAG,SAAS,IAAI,EAAE,CAAC;YAE9D,iEAAiE;YACjE,IAAI,mBAAmB,IAAI,GAAG,CAAC,MAAM,KAAK,eAAe,GAAG,CAAC,EAAE,CAAC;gBAC9D,OAAO,GAAG,CAAC;YACb,CAAC;YAED,mDAAmD;YACnD,IAAI,eAAe,KAAK,CAAC,CAAC,IAAI,mBAAmB,EAAE,CAAC;gBAClD,eAAe,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,eAAe,GAAG,CAAC,CAAC,CAAC;YACtD,CAAC;iBAAM,CAAC;gBACN,8CAA8C;gBAC9C,MAAM,cAAc,GAAG,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBACzD,eAAe,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC;YACjD,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACvC,CAAC","sourcesContent":["/**\n * Truncates a string, given the original string and a max length.\n * Continues up to 20 chars after the limit to find the last space,\n * if possible.\n *\n * Avoids breaking up anchor tags.\n *\n * @param {string} str The original string\n * @param {number} maxLength The max length to truncate to\n * @param {boolean} useSpaceTruncation Whether to truncate at the last space\n * @returns {string} The truncated field\n */\nexport default function friendlyTruncate(\n  str: string,\n  maxLength: number = 100,\n  useSpaceTruncation: boolean = true,\n): string {\n  if (str.length < maxLength) return str;\n\n  let cutoffPoint = maxLength;\n\n  if (useSpaceTruncation) {\n    const lastSpace = str.indexOf(' ', maxLength);\n    const safeDistanceFromMax = lastSpace - maxLength <= 20;\n\n    // No need to truncate if the safe last space is at the end of the string\n    if (safeDistanceFromMax && lastSpace === str.length - 1) {\n      return str;\n    }\n\n    if (lastSpace !== -1 && safeDistanceFromMax) {\n      cutoffPoint = lastSpace;\n    }\n  }\n\n  return truncateTagSafe(str, cutoffPoint, maxLength);\n}\n\n/**\n * Utility function to prevent truncation in the middle of\n * an anchor tag.\n *\n * @param {string} str The string to truncate\n * @param {number} cutoffPoint The index currently selsected for truncation\n * @param {number} maxLength The max length for the string\n * @returns {string} The string, truncated either earlier or later to preserve anchor tags\n */\nfunction truncateTagSafe(\n  str: string,\n  cutoffPoint: number,\n  maxLength: number,\n): string {\n  let truncatedString = str.slice(0, cutoffPoint);\n\n  const openingAnchorTags = truncatedString.match(/<a/gi);\n  if (openingAnchorTags) {\n    const closingAnchorTags = truncatedString.match(/<\\/a/gi);\n\n    if (\n      !closingAnchorTags ||\n      closingAnchorTags.length < openingAnchorTags.length\n    ) {\n      const firstClosingTag = str.indexOf('</a>', cutoffPoint);\n      const safeDistanceFromMax = firstClosingTag - maxLength <= 20;\n\n      // No need to truncate if closing tag is at the end of the string\n      if (safeDistanceFromMax && str.length === firstClosingTag + 4) {\n        return str;\n      }\n\n      // Truncate at end of first closing tag if possible\n      if (firstClosingTag !== -1 && safeDistanceFromMax) {\n        truncatedString = str.slice(0, firstClosingTag + 4);\n      } else {\n        // Otherwise, truncate before last opening tag\n        const lastOpeningTag = truncatedString.lastIndexOf('<a');\n        truncatedString = str.slice(0, lastOpeningTag);\n      }\n    }\n  }\n\n  return truncatedString.concat('...');\n}\n"]}

package/dist/src/elements/ia-reviews/utils/link-urls-in-text.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Transforms any links in text into live clickable anchor tags.
+ * Adds rel="ugc nofollow" to each for spam mitigation.
+ *
+ * @param {string} text The text to be linked
+ * @returns {string} The text with live links added
+ */
+export default function linkUrlsInText(text: string): string;
+//# sourceMappingURL=link-urls-in-text.d.ts.map

package/dist/src/elements/ia-reviews/utils/link-urls-in-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-urls-in-text.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-reviews/utils/link-urls-in-text.ts"],"names":[],"mappings":"AAkBA;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAuB3D"}

package/dist/src/elements/ia-reviews/utils/link-urls-in-text.js

@@ -0,0 +1,40 @@
+/**
+ * This is not designed to capture all valid URLs but simply the most common ones.
+ * Highlights:
+ * - Optional "http://" or "https://"
+ * - Capital letter only captured if at beginning of hostname, to avoid false positives when
+ *   people omit spaces e.g. "It's great.Right?"
+ * - Unlimited hostname parts, separated by periods
+ * - Any number of subdirectories/paths
+ * - Optional querystring parameters
+ * - Optional anchor
+ *
+ * Quotes and angle brackets terminate a match. The match is interpolated into
+ * an anchor tag that gets rendered as raw HTML, so a quote inside one would
+ * close the href and let the rest of the text become attributes.
+ */
+const URL_REGEXP = /(http(s)?)?(:\/\/)?([a-zA-Z][-a-z0-9]*(\.[-a-z0-9]+)+(\/[^\s?#<>"']*)*(\?[^\s#<>"']*)?(#[^\s<>"']*)?)/;
+/**
+ * Transforms any links in text into live clickable anchor tags.
+ * Adds rel="ugc nofollow" to each for spam mitigation.
+ *
+ * @param {string} text The text to be linked
+ * @returns {string} The text with live links added
+ */
+export default function linkUrlsInText(text) {
+    // Protect existing links by ignoring them in search. Keep this pattern free of
+    // lookbehind assertions: Safari below 16.4 treats one as a syntax error and
+    // fails to load the module at all.
+    const textWithExistingLinksPreserved = text.replace(/href="([^"]+)"/, (_match, url) => `href="${url.replace('.', '__DOT__')}"`);
+    // Add live links
+    const textWithLiveLinks = textWithExistingLinksPreserved.replace(URL_REGEXP, (match) => {
+        const url = match.match(/^(https|http)/) ? match : `https://${match}`;
+        // The attribute value is escaped as well as the pattern being quote-free,
+        // so the href stays a single attribute whatever the match contains.
+        const href = url.replace(/"/g, '&quot;');
+        return `<a href="${href}" rel="ugc nofollow" target="_blank">${match}</a>`;
+    });
+    // Restore existing links
+    return textWithLiveLinks.replace('__DOT__', '.');
+}
+//# sourceMappingURL=link-urls-in-text.js.map

package/dist/src/elements/ia-reviews/utils/link-urls-in-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-urls-in-text.js","sourceRoot":"","sources":["../../../../../src/elements/ia-reviews/utils/link-urls-in-text.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,GACd,uGAAuG,CAAC;AAE1G;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,IAAY;IACjD,+EAA+E;IAC/E,4EAA4E;IAC5E,mCAAmC;IACnC,MAAM,8BAA8B,GAAG,IAAI,CAAC,OAAO,CACjD,gBAAgB,EAChB,CAAC,MAAM,EAAE,GAAW,EAAE,EAAE,CAAC,SAAS,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,CACjE,CAAC;IAEF,iBAAiB;IACjB,MAAM,iBAAiB,GAAG,8BAA8B,CAAC,OAAO,CAC9D,UAAU,EACV,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,KAAK,EAAE,CAAC;QACtE,0EAA0E;QAC1E,oEAAoE;QACpE,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACzC,OAAO,YAAY,IAAI,wCAAwC,KAAK,MAAM,CAAC;IAC7E,CAAC,CACF,CAAC;IAEF,yBAAyB;IACzB,OAAO,iBAAiB,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;AACnD,CAAC","sourcesContent":["/**\n * This is not designed to capture all valid URLs but simply the most common ones.\n * Highlights:\n * - Optional \"http://\" or \"https://\"\n * - Capital letter only captured if at beginning of hostname, to avoid false positives when\n *   people omit spaces e.g. \"It's great.Right?\"\n * - Unlimited hostname parts, separated by periods\n * - Any number of subdirectories/paths\n * - Optional querystring parameters\n * - Optional anchor\n *\n * Quotes and angle brackets terminate a match. The match is interpolated into\n * an anchor tag that gets rendered as raw HTML, so a quote inside one would\n * close the href and let the rest of the text become attributes.\n */\nconst URL_REGEXP =\n  /(http(s)?)?(:\\/\\/)?([a-zA-Z][-a-z0-9]*(\\.[-a-z0-9]+)+(\\/[^\\s?#<>\"']*)*(\\?[^\\s#<>\"']*)?(#[^\\s<>\"']*)?)/;\n\n/**\n * Transforms any links in text into live clickable anchor tags.\n * Adds rel=\"ugc nofollow\" to each for spam mitigation.\n *\n * @param {string} text The text to be linked\n * @returns {string} The text with live links added\n */\nexport default function linkUrlsInText(text: string): string {\n  // Protect existing links by ignoring them in search. Keep this pattern free of\n  // lookbehind assertions: Safari below 16.4 treats one as a syntax error and\n  // fails to load the module at all.\n  const textWithExistingLinksPreserved = text.replace(\n    /href=\"([^\"]+)\"/,\n    (_match, url: string) => `href=\"${url.replace('.', '__DOT__')}\"`,\n  );\n\n  // Add live links\n  const textWithLiveLinks = textWithExistingLinksPreserved.replace(\n    URL_REGEXP,\n    (match) => {\n      const url = match.match(/^(https|http)/) ? match : `https://${match}`;\n      // The attribute value is escaped as well as the pattern being quote-free,\n      // so the href stays a single attribute whatever the match contains.\n      const href = url.replace(/\"/g, '&quot;');\n      return `<a href=\"${href}\" rel=\"ugc nofollow\" target=\"_blank\">${match}</a>`;\n    },\n  );\n\n  // Restore existing links\n  return textWithLiveLinks.replace('__DOT__', '.');\n}\n"]}

package/dist/src/elements/ia-reviews/utils/sanitize-review-body.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Uses DOMpurify to sanitize a given review body.
+ * Currently only allows a tags.
+ *
+ * @param {string} reviewBody The review to be sanitized
+ * @returns {string} The sanitized review
+ */
+export default function sanitizeReviewBody(reviewBody: string): string;
+//# sourceMappingURL=sanitize-review-body.d.ts.map

package/dist/src/elements/ia-reviews/utils/sanitize-review-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitize-review-body.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-reviews/utils/sanitize-review-body.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAUrE"}