@progressive-development/pd-order 0.5.17 → 0.6.0

package/dist/pd-order-contacts.js

@@ -1,4 +1,360 @@
-import { PdOrderContacts } from "./src/PdOrderContacts.js";
-if (!customElements.get("pd-order-contacts")) {
-  window.customElements.define("pd-order-contacts", PdOrderContacts);
-}
+import { css, LitElement, nothing, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { localized, msg } from "@lit/localize";
+import "@progressive-development/pd-content/pd-collapse";
+import "@progressive-development/pd-contact/pd-contact";
+import "@progressive-development/pd-forms/pd-checkbox";
+import "@progressive-development/pd-forms/pd-form-row";
+import "@progressive-development/pd-forms/pd-radio-group";
+import { PdFontStyles } from "@progressive-development/pd-shared-styles";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let PdOrderContacts = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.summary = false;
+    this.contactTitle = {};
+    this.requiredFields = [];
+    this.withPayment = false;
+    this.withPropertyOwner = false;
+    this.withPropertyDate = false;
+    this._ownBillingContact = false;
+    this._ownAdminContact = false;
+    this._isPropertyOwner = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("validate-form", this._validateForm);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener(
+      "validate-form",
+      this._validateForm
+    );
+  }
+  firstUpdated() {
+    this.addEventListener("toggle-accordion", (e) => {
+      var _a;
+      const origin = e.composedPath()[0];
+      (_a = this.shadowRoot) == null ? void 0 : _a.querySelectorAll("pd-collapse").forEach((el) => {
+        if (el !== origin) el.close();
+      });
+    });
+  }
+  updated(changed) {
+    if (changed.has("billingContact")) {
+      this._ownBillingContact = !!this.billingContact;
+    }
+    if (changed.has("adminContact")) {
+      this._ownAdminContact = !!this.adminContact;
+    }
+    if (changed.has("propertyContact")) {
+      this._isPropertyOwner = !!this.propertyContact;
+    }
+  }
+  render() {
+    return this.summary ? this._renderSummary() : this._renderEditContacts();
+  }
+  _renderEditContacts() {
+    return html`
+      <pd-collapse id="orderContactCollapseId" active>
+        <div slot="header">
+          ${this.contactTitle.orderInputContact ?? msg("Adresse", { id: "pd.order.contacts.orderContact.inputHeader" })}
+        </div>
+        <pd-contact
+          id="orderContactId"
+          class="collapse-contact"
+          slot="content"
+          .requiredFields=${this.requiredFields}
+          .contact=${this.orderContact}
+          .match=${this.match}
+          ?withPropertyDate=${!this._isPropertyOwner && this.withPropertyDate}
+        ></pd-contact>
+      </pd-collapse>
+
+      ${this.withPayment ? html`
+            <pd-collapse id="billingContactCollapseId">
+              <div slot="header">
+                ${this.contactTitle.billingInputContact ?? msg("Rechnungsadresse (optional)", {
+      id: "pd.order.contacts.billingContact.inputHeader"
+    })}
+              </div>
+              <div slot="content">
+                ${this._ownBillingContact ? html`
+                      <p>
+                        <a @click=${() => this._ownBillingContact = false}
+                          >${msg(
+      "Kundenadresse als Rechnungsadresse verwenden"
+    )}</a
+                        >
+                      </p>
+                      <pd-contact
+                        id="billingContactId"
+                        class="collapse-contact"
+                        .requiredFields=${this.requiredFields}
+                        .contact=${this.billingContact}
+                      ></pd-contact>
+                    ` : html`
+                      <p>
+                        ${msg("Rechnungsadresse entspricht der Kundenadresse.")}
+                      </p>
+                      <p>
+                        <a @click=${() => this._ownBillingContact = true}
+                          >${msg("Neue Rechnungsadresse hinzufügen")}</a
+                        >
+                      </p>
+                    `}
+              </div>
+            </pd-collapse>
+          ` : nothing}
+      ${this.withPropertyOwner ? html`
+            <div class="property-owner-box">
+              <pd-checkbox
+                id="isPropertyOwnerId"
+                .value=${this._isPropertyOwner}
+                @field-change=${(e) => this._isPropertyOwner = e.detail.value === "true"}
+              >
+                ${msg("Ist der Kunde Vermieter?", {
+      id: "pd.order.contacts.propertyContact.checkBox"
+    })}
+              </pd-checkbox>
+
+              ${this._isPropertyOwner ? html`
+                    <pd-collapse
+                      id="propertyContactCollapseId"
+                      style="padding-top: 20px;"
+                    >
+                      <div slot="header">
+                        ${this.contactTitle.propertyInputContact ?? msg("Adresse der Immobilie")}
+                      </div>
+                      <div slot="content">
+                        <pd-contact
+                          id="propertyContactId"
+                          class="collapse-contact"
+                          .requiredFields=${[
+      "street",
+      "streetNr",
+      "zip",
+      "city"
+    ]}
+                          .inputFields=${["street", "city", "additionalHint"]}
+                          .contact=${this.propertyContact}
+                          ?withPropertyDate=${this.withPropertyDate}
+                        ></pd-contact>
+                      </div>
+                    </pd-collapse>
+
+                    <pd-collapse id="adminContactCollapseId">
+                      <div slot="header">
+                        ${this.contactTitle.adminInputContact ?? msg("Adresse der Verwaltung (optional)")}
+                      </div>
+                      <div slot="content">
+                        ${this._ownAdminContact ? html`
+                              <p>
+                                <a
+                                  @click=${() => this._ownAdminContact = false}
+                                  >${msg(
+      "Kundenadresse als Verwaltungsadresse verwenden"
+    )}</a
+                                >
+                              </p>
+                              <pd-contact
+                                id="adminContactId"
+                                class="collapse-contact"
+                                .requiredFields=${this.requiredFields}
+                                .contact=${this.adminContact}
+                              ></pd-contact>
+                            ` : html`
+                              <p>
+                                ${msg(
+      "Verwaltungsadresse entspricht der Kundenadresse."
+    )}
+                              </p>
+                              <p>
+                                <a
+                                  @click=${() => this._ownAdminContact = true}
+                                  >${msg(
+      "Neue Verwaltungsadresse hinzufügen"
+    )}</a
+                                >
+                              </p>
+                            `}
+                      </div>
+                    </pd-collapse>
+                  ` : nothing}
+            </div>
+          ` : nothing}
+    `;
+  }
+  _renderSummary() {
+    return html`
+      <div class="summary-box">
+        ${this.orderContact ? html`
+              <pd-contact
+                addressTitle=${this.contactTitle.orderSummaryContact ?? msg("Adresse")}
+                .contact=${this.orderContact}
+                summary
+              ></pd-contact>
+            ` : nothing}
+        ${this.billingContact ? html`
+              <pd-contact
+                addressTitle=${this.contactTitle.billingSummaryContact ?? msg("Rechnungsadresse")}
+                .contact=${this.billingContact}
+                summary
+              ></pd-contact>
+            ` : nothing}
+        ${this.propertyContact ? html`
+              <pd-contact
+                addressTitle=${this.contactTitle.propertySummaryContact ?? msg("Immobilie")}
+                .contact=${this.propertyContact}
+                summary
+              ></pd-contact>
+            ` : nothing}
+        ${this.adminContact ? html`
+              <pd-contact
+                addressTitle=${this.contactTitle.adminSummaryContact ?? msg("Verwaltung")}
+                .contact=${this.adminContact}
+                summary
+              ></pd-contact>
+            ` : nothing}
+      </div>
+    `;
+  }
+  _validateForm(e) {
+    var _a, _b, _c, _d, _e;
+    const detail = e.detail;
+    if (!detail || detail.singleElement) return;
+    const collapseMap = [
+      { id: "orderContactId", collapse: "orderContactCollapseId" },
+      {
+        id: "billingContactId",
+        collapse: "billingContactCollapseId",
+        condition: this._ownBillingContact
+      },
+      {
+        id: "propertyContactId",
+        collapse: "propertyContactCollapseId",
+        condition: this._isPropertyOwner
+      },
+      {
+        id: "adminContactId",
+        collapse: "adminContactCollapseId",
+        condition: this._isPropertyOwner && this._ownAdminContact
+      }
+    ];
+    for (const { id, collapse, condition = true } of collapseMap) {
+      if (!condition) continue;
+      (_b = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById(id)) == null ? void 0 : _b.dispatchEvent(new CustomEvent("validate-form", { detail }));
+      if (((_c = detail.errorMap) == null ? void 0 : _c.size) > 0) {
+        (_e = (_d = this.shadowRoot) == null ? void 0 : _d.getElementById(collapse)) == null ? void 0 : _e.open();
+      }
+    }
+  }
+};
+PdOrderContacts.styles = [
+  PdFontStyles,
+  css`
+      :host {
+        display: block;
+      }
+
+      p {
+        color: var(--pd-default-font-content-col);
+        font-size: var(--pd-default-font-content-size);
+        font-family: var(--pd-default-font-content-family);
+        max-width: 1000px;
+      }
+
+      a {
+        cursor: pointer;
+        font-family: var(--pd-default-font-link-family);
+        font-size: var(--pd-default-font-link-size);
+        color: var(--pd-default-font-link-col);
+      }
+
+      a:hover {
+        color: var(--pd-default-font-link-col-hover);
+      }
+
+      .collapse-contact {
+        padding: 10px;
+      }
+
+      .summary-box {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 10px;
+      }
+
+      .summary-box pd-contact {
+        min-width: 150px;
+      }
+
+      .property-owner-box {
+        border: 2px solid #007b8f;
+        border-radius: 8px;
+        padding: 16px;
+        margin: 16px 0;
+        background-color: #f8fafb;
+        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+      }
+    `
+];
+__decorateClass([
+  property({ type: Boolean })
+], PdOrderContacts.prototype, "summary", 2);
+__decorateClass([
+  property({ type: Object })
+], PdOrderContacts.prototype, "contactTitle", 2);
+__decorateClass([
+  property({ type: Array })
+], PdOrderContacts.prototype, "requiredFields", 2);
+__decorateClass([
+  property({ type: Object })
+], PdOrderContacts.prototype, "orderContact", 2);
+__decorateClass([
+  property({ type: Object })
+], PdOrderContacts.prototype, "billingContact", 2);
+__decorateClass([
+  property({ type: Object })
+], PdOrderContacts.prototype, "adminContact", 2);
+__decorateClass([
+  property({ type: Object })
+], PdOrderContacts.prototype, "propertyContact", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PdOrderContacts.prototype, "withPayment", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PdOrderContacts.prototype, "withPropertyOwner", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PdOrderContacts.prototype, "withPropertyDate", 2);
+__decorateClass([
+  property({ type: Object })
+], PdOrderContacts.prototype, "match", 2);
+__decorateClass([
+  state()
+], PdOrderContacts.prototype, "_ownBillingContact", 2);
+__decorateClass([
+  state()
+], PdOrderContacts.prototype, "_ownAdminContact", 2);
+__decorateClass([
+  state()
+], PdOrderContacts.prototype, "_isPropertyOwner", 2);
+PdOrderContacts = __decorateClass([
+  customElement("pd-order-contacts"),
+  localized()
+], PdOrderContacts);
+export {
+  PdOrderContacts
+};

package/dist/pd-order-summary.d.ts

@@ -0,0 +1,35 @@
+import { LitElement, CSSResultGroup } from 'lit';
+import { PdOrderData, PdOrderStep } from './types.js';
+/**
+ * Komponente zur Darstellung der Bestellübersicht
+ *
+ * @fires go-to - Wird ausgelöst, wenn der Benutzer "edit-content" aktiviert
+ * @slot legal - Slot für die AGB-Inhalte
+ */
+export declare class PdOrderSummary extends LitElement {
+    /**
+     * Die Liste der Bestellschritte (z.B. Buchung, Kontaktdaten, etc.),
+     * wie sie in der Zusammenfassung gerendert werden.
+     */
+    orderSteps: PdOrderStep[];
+    /**
+     * Gibt an, ob ein Zahlungsabschnitt mit Preisdetails angezeigt werden soll.
+     */
+    withPayment: boolean;
+    /**
+     * Gibt an, ob eine Checkbox zur Zustimmung zu den AGB angezeigt und validiert werden soll.
+     */
+    withAgreement: boolean;
+    /**
+     * Die vollständigen Bestelldaten inklusive Postleitzahl, Kontakten und Preisinformationen.
+     */
+    order?: PdOrderData;
+    static styles: CSSResultGroup;
+    firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    private _validateForm;
+    private _getBookingSummary;
+    private _getContactsSummary;
+    private _openTermsAndConditions;
+}
+//# sourceMappingURL=pd-order-summary.d.ts.map

package/dist/pd-order-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-order-summary.d.ts","sourceRoot":"","sources":["../src/pd-order-summary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D,OAAO,+CAA+C,CAAC;AACvD,OAAO,kDAAkD,CAAC;AAC1D,OAAO,qDAAqD,CAAC;AAC7D,OAAO,+CAA+C,CAAC;AAEvD,OAAO,iDAAiD,CAAC;AACzD,OAAO,6CAA6C,CAAC;AACrD,OAAO,qDAAqD,CAAC;AAO7D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,wBAAwB,CAAC;AAEhC;;;;;GAKG;AACH,qBAEa,cAAe,SAAQ,UAAU;IAC5C;;;OAGG;IAEH,UAAU,EAAE,WAAW,EAAE,CAAM;IAE/B;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,KAAK,CAAC,EAAE,WAAW,CAAC;IAEpB,OAAgB,MAAM,EAAE,cAAc,CAqDpC;IAEO,YAAY,IAAI,IAAI;IAcpB,MAAM;IA0Ef,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,mBAAmB;IAuB3B,OAAO,CAAC,uBAAuB;CAOhC"}

package/dist/pd-order-summary.js

@@ -1,4 +1,234 @@
-import { PdOrderSummary } from "./src/PdOrderSummary.js";
-if (!customElements.get("pd-order-summary")) {
-  window.customElements.define("pd-order-summary", PdOrderSummary);
-}
+import { css, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { localized, msg } from "@lit/localize";
+import { format } from "fecha";
+import "@progressive-development/pd-forms/pd-checkbox";
+import "@progressive-development/pd-forms/pd-radio-group";
+import "@progressive-development/pd-forms/pd-form-container";
+import "@progressive-development/pd-forms/pd-form-row";
+import "@progressive-development/pd-price/pd-pricetable";
+import "@progressive-development/pd-dialog/pd-popup";
+import "@progressive-development/pd-content/pd-edit-content";
+import { PdFontStyles, PdColorStyles } from "@progressive-development/pd-shared-styles";
+import "./pd-order-contacts.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let PdOrderSummary = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.orderSteps = [];
+    this.withPayment = false;
+    this.withAgreement = false;
+  }
+  firstUpdated() {
+    this.addEventListener("edit-content", (e) => {
+      this.dispatchEvent(
+        new CustomEvent("go-to", {
+          detail: { step: e.detail.step },
+          bubbles: true,
+          composed: true
+        })
+      );
+    });
+    this.addEventListener("validate-form", this._validateForm);
+  }
+  render() {
+    if (!this.order) return html`<p>No order is set</p>`;
+    return html`
+      <h3>${msg("Übersicht", { id: "pd.order.summary.title" })}</h3>
+      <div class="edit-summary-container">
+        ${this.orderSteps.map((step, index) => {
+      switch (step.key) {
+        case "zip":
+        case "booking":
+          return this._getBookingSummary(index + 1, step);
+        case "contacts":
+          return this._getContactsSummary(index + 1, step);
+        default:
+          return html`
+                <pd-edit-content
+                  contentTitle="${step.name}"
+                  stepNumber="${index + 1}"
+                  .data="${step.data}"
+                >
+                  <slot name="${step.key}"></slot>
+                </pd-edit-content>
+              `;
+      }
+    })}
+      </div>
+
+      ${this.order.priceData ? html`
+            <div class="payment">
+              <h3>${msg("Rechnung", { id: "pd.order.summary.billing" })}</h3>
+              <pd-pricetable
+                class="pricetable"
+                .priceData="${this.order.priceData}"
+              ></pd-pricetable>
+            </div>
+          ` : ""}
+      ${this.withAgreement ? html`
+            <pd-form-container id="submitSummaryFormId">
+              <pd-form-row>
+                <pd-checkbox
+                  id="agreeConditionsId"
+                  valueName="agreeId"
+                  class="agree-box"
+                  required
+                  requiredMsg="${msg(
+      "Bitte stimmen Sie den Allgemeinen Geschäftsbedingungen zu, um fortzufahren.",
+      { id: "pd.order.summary.agree.required" }
+    )}"
+                >
+                  ${msg(
+      html`Stimmen Sie unseren
+                      <a
+                        @click="${this._openTermsAndConditions}"
+                        @keypress="${this._openTermsAndConditions}"
+                        >Allgemeinen Geschäftsbedingungen</a
+                      >
+                      zu`,
+      { id: "pd.order.summary.agree.link" }
+    )}
+                </pd-checkbox>
+              </pd-form-row>
+            </pd-form-container>
+
+            <pd-popup id="agreePopupId">
+              <div slot="content"><slot name="legal"></slot></div>
+            </pd-popup>
+          ` : ""}
+    `;
+  }
+  _validateForm(e) {
+    var _a, _b;
+    if (e.detail && !e.detail.singleElement && this.withAgreement) {
+      (_b = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById("submitSummaryFormId")) == null ? void 0 : _b.dispatchEvent(new CustomEvent("validate-form", { detail: e.detail }));
+    }
+  }
+  _getBookingSummary(index, step) {
+    var _a, _b;
+    const date = ((_a = this.order) == null ? void 0 : _a.selectedDate) ? format(this.order.selectedDate, "DD/MM/YYYY") : void 0;
+    const bookingData = [{ name: "Postcode:", val: (_b = this.order) == null ? void 0 : _b.zip }];
+    if (date) {
+      bookingData.push({ name: "Datum van herstelling:", val: date });
+    }
+    return html`
+      <pd-edit-content
+        contentTitle="${step.name}"
+        stepNumber="${index}"
+        .data="${bookingData}"
+      ></pd-edit-content>
+    `;
+  }
+  _getContactsSummary(index, step) {
+    var _a, _b;
+    return html`
+      <pd-edit-content
+        contentTitle="${step.name}"
+        stepNumber="${index}"
+        ?editDisabled="${(_a = this.order) == null ? void 0 : _a.withLogin}"
+      >
+        ${((_b = this.order) == null ? void 0 : _b.contacts) ? html`
+              <pd-order-contacts
+                ?withPayment="${this.withPayment}"
+                .orderContact="${this.order.contacts.orderContact}"
+                .billingContact="${this.order.contacts.billingContact}"
+                .adminContact="${this.order.contacts.adminContact}"
+                .propertyContact="${this.order.contacts.propertyContact}"
+                summary
+              ></pd-order-contacts>
+            ` : ""}
+      </pd-edit-content>
+    `;
+  }
+  _openTermsAndConditions(e) {
+    var _a;
+    e.stopPropagation();
+    const popup = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById(
+      "agreePopupId"
+    );
+    popup == null ? void 0 : popup.showPopup();
+  }
+};
+PdOrderSummary.styles = [
+  PdFontStyles,
+  PdColorStyles,
+  css`
+      :host {
+        display: block;
+      }
+      h3 {
+        color: var(--pd-default-font-title-col);
+        font-family: var(--pd-default-font-title-family);
+        font-size: 1.5em;
+      }
+      .edit-summary-container {
+        display: flex;
+        flex-flow: column;
+        flex-wrap: wrap;
+        gap: 1em;
+      }
+      .payment {
+        margin-top: 30px;
+        padding: 5px;
+        background-color: var(
+          --pd-order-summary-payment-bg-col,
+          var(--pd-default-light-col)
+        );
+      }
+      .pay-logo-box {
+        display: flex;
+      }
+      .pay-logo {
+        max-width: 6rem;
+      }
+      .pricetable {
+        padding-top: 20px;
+      }
+      a {
+        cursor: pointer;
+        font-family: var(--pd-default-font-link-family);
+        font-size: var(--pd-default-font-link-size);
+        color: var(--pd-default-font-link-col);
+      }
+      a:hover {
+        color: var(--pd-default-font-link-col-hover);
+      }
+      .agree-box {
+        padding-top: 20px;
+      }
+      @media (max-width: 380px) {
+        .pay-logo {
+          max-width: 5rem;
+        }
+      }
+    `
+];
+__decorateClass([
+  property({ type: Array })
+], PdOrderSummary.prototype, "orderSteps", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PdOrderSummary.prototype, "withPayment", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PdOrderSummary.prototype, "withAgreement", 2);
+__decorateClass([
+  property({ type: Object })
+], PdOrderSummary.prototype, "order", 2);
+PdOrderSummary = __decorateClass([
+  customElement("pd-order-summary"),
+  localized()
+], PdOrderSummary);
+export {
+  PdOrderSummary
+};

package/dist/stories/pd-order-contacts.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta, StoryFn } from '@storybook/web-components';
+import { PdOrderContacts } from '../pd-order-contacts';
+declare const _default: Meta<PdOrderContacts>;
+export default _default;
+export declare const Default: StoryFn<PdOrderContacts>;
+export declare const WithPropertyDate: StoryFn<PdOrderContacts>;
+export declare const RequiredFields: StoryFn<PdOrderContacts>;
+export declare const WithBilling: StoryFn<PdOrderContacts>;
+export declare const WithBillingAndAdmin: StoryFn<PdOrderContacts>;
+export declare const WithBillingAdminPropertyDate: StoryFn<PdOrderContacts>;
+export declare const ViewOnly: StoryFn<PdOrderContacts>;
+export declare const ViewWithBilling: StoryFn<PdOrderContacts>;
+export declare const ViewWithBillingAndAdmin: StoryFn<PdOrderContacts>;
+export declare const Filled: StoryFn<PdOrderContacts>;
+export declare const FilledWithAdmin: StoryFn<PdOrderContacts>;
+export declare const FilledWithAdminAndDate: StoryFn<PdOrderContacts>;
+//# sourceMappingURL=pd-order-contacts.stories.d.ts.map

package/dist/stories/pd-order-contacts.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-order-contacts.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-order-contacts.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,sBAAsB,CAAC;wBAMzB,IAAI,CAAC,eAAe,CAAC;AAJ1B,wBAI2B;AAqE3B,eAAO,MAAM,OAAO,0BAAoB,CAAC;AAKzC,eAAO,MAAM,gBAAgB,0BAAoB,CAAC;AAMlD,eAAO,MAAM,cAAc,0BAAoB,CAAC;AAgBhD,eAAO,MAAM,WAAW,0BAAoB,CAAC;AAM7C,eAAO,MAAM,mBAAmB,0BAAoB,CAAC;AAOrD,eAAO,MAAM,4BAA4B,0BAAoB,CAAC;AAQ9D,eAAO,MAAM,QAAQ,0BAAoB,CAAC;AAM1C,eAAO,MAAM,eAAe,0BAAoB,CAAC;AAOjD,eAAO,MAAM,uBAAuB,0BAAoB,CAAC;AASzD,eAAO,MAAM,MAAM,0BAAoB,CAAC;AAQxC,eAAO,MAAM,eAAe,0BAAoB,CAAC;AAWjD,eAAO,MAAM,sBAAsB,0BAAoB,CAAC"}

package/dist/stories/pd-order-summary.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryFn } from '@storybook/web-components';
+import { PdOrderSummary } from '../pd-order-summary.js';
+declare const _default: Meta<PdOrderSummary>;
+export default _default;
+export declare const OrderSummary: StoryFn<PdOrderSummary & {
+    orderContact: any;
+    billingContact?: any;
+}>;
+export declare const OrderSummaryEmptyBilling: StoryFn<PdOrderSummary & {
+    orderContact: any;
+    billingContact?: any;
+}>;
+//# sourceMappingURL=pd-order-summary.stories.d.ts.map

package/dist/stories/pd-order-summary.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-order-summary.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-order-summary.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAI/D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxD,OAAO,wBAAwB,CAAC;wBAM3B,IAAI,CAAC,cAAc,CAAC;AAJzB,wBAI0B;AA6E1B,eAAO,MAAM,YAAY;kBA3CP,GAAG;qBACA,GAAG;EA0CqB,CAAC;AAuB9C,eAAO,MAAM,wBAAwB;kBAlEnB,GAAG;qBACA,GAAG;EAiEiC,CAAC"}