@bloom-housing/ui-components 7.1.0 → 7.2.1

package/dist/src/page_components/listing/ListingsGroup.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListingsGroup = exports.default = void 0;
+var react_1 = __importStar(require("react"));
+var Button_1 = require("../../actions/Button");
+var Icon_1 = require("../../icons/Icon");
+require("./ListingsGroup.scss");
+var ListingsGroup = function (props) {
+    var _a;
+    var _b = (0, react_1.useState)(false), showListings = _b[0], setShowListings = _b[1];
+    var toggleListings = function () { return setShowListings(!showListings); };
+    var listingsCount = " (".concat(props.listingsCount, ")");
+    return (react_1.default.createElement("div", { className: "listings-group" },
+        react_1.default.createElement("div", { className: "listings-group__header" },
+            react_1.default.createElement("div", { className: "listings-group__content" },
+                react_1.default.createElement("div", { className: "listings-group__icon" },
+                    react_1.default.createElement(Icon_1.Icon, { size: "xlarge", symbol: (_a = props.icon) !== null && _a !== void 0 ? _a : "clock" })),
+                react_1.default.createElement("div", { className: "listings-group__header-group" },
+                    react_1.default.createElement("h2", { className: "listings-group__title" }, props.header),
+                    props.info && react_1.default.createElement("div", { className: "listings-group__info" }, props.info))),
+            react_1.default.createElement("div", { className: "listings-group__button" },
+                react_1.default.createElement(Button_1.Button, { className: "w-full", onClick: function () { return toggleListings(); } }, showListings
+                    ? props.hideButtonText + listingsCount
+                    : props.showButtonText + listingsCount))),
+        showListings && props.children));
+};
+exports.default = ListingsGroup;
+exports.ListingsGroup = ListingsGroup;
+//# sourceMappingURL=ListingsGroup.js.map

package/dist/src/page_components/listing/ListingsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListingsGroup.js","sourceRoot":"","sources":["../../../../src/page_components/listing/ListingsGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,+CAA6C;AAC7C,yCAA0D;AAC1D,gCAA6B;AAY7B,IAAM,aAAa,GAAG,UAAC,KAAyB;;IACxC,IAAA,KAAkC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAA;IACvD,IAAM,cAAc,GAAG,cAAM,OAAA,eAAe,CAAC,CAAC,YAAY,CAAC,EAA9B,CAA8B,CAAA;IAE3D,IAAM,aAAa,GAAG,YAAK,KAAK,CAAC,aAAa,MAAG,CAAA;IAEjD,OAAO,CACL,uCAAK,SAAS,EAAC,gBAAgB;QAC7B,uCAAK,SAAS,EAAC,wBAAwB;YACrC,uCAAK,SAAS,EAAE,yBAAyB;gBACvC,uCAAK,SAAS,EAAC,sBAAsB;oBACnC,8BAAC,WAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,OAAO,GAAI,CACjD;gBACN,uCAAK,SAAS,EAAC,8BAA8B;oBAC3C,sCAAI,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAC,MAAM,CAAM;oBACxD,KAAK,CAAC,IAAI,IAAI,uCAAK,SAAS,EAAC,sBAAsB,IAAE,KAAK,CAAC,IAAI,CAAO,CACnE,CACF;YACN,uCAAK,SAAS,EAAC,wBAAwB;gBACrC,8BAAC,eAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAM,OAAA,cAAc,EAAE,EAAhB,CAAgB,IACvD,YAAY;oBACX,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,aAAa;oBACtC,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,aAAa,CACjC,CACL,CACF;QACL,YAAY,IAAI,KAAK,CAAC,QAAQ,CAC3B,CACP,CAAA;AACH,CAAC,CAAA;AAEyB,gCAAO;AAAE,sCAAa"}

package/dist/src/page_components/listing/ListingsGroup.stories.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const listingsGroup: () => JSX.Element;
+export declare const listingsGroupWithInfo: () => JSX.Element;
+export declare const listingsGroupWithInfoLongButton: () => JSX.Element;
+export declare const listingsGroupWithCustomIcon: () => JSX.Element;

package/dist/src/page_components/listing/ListingsGroup.stories.js

@@ -0,0 +1,48 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listingsGroupWithCustomIcon = exports.listingsGroupWithInfoLongButton = exports.listingsGroupWithInfo = exports.listingsGroup = void 0;
+var React = __importStar(require("react"));
+var ListingsGroup_1 = require("./ListingsGroup");
+exports.default = {
+    title: "Listing/Listings Group",
+};
+var listingsGroup = function () {
+    return (React.createElement(ListingsGroup_1.ListingsGroup, { listingsCount: 2, header: "Header", showButtonText: "Show", hideButtonText: "Hide" }, "Listings Go Here"));
+};
+exports.listingsGroup = listingsGroup;
+var listingsGroupWithInfo = function () {
+    return (React.createElement(ListingsGroup_1.ListingsGroup, { listingsCount: 2, header: "Header", showButtonText: "Show", hideButtonText: "Hide", info: "You can now check lottery results on the remaining listings." }, "Listings Go Here"));
+};
+exports.listingsGroupWithInfo = listingsGroupWithInfo;
+var listingsGroupWithInfoLongButton = function () {
+    return (React.createElement(ListingsGroup_1.ListingsGroup, { listingsCount: 2, header: "Additional Listings", showButtonText: "Show Additional Listings", hideButtonText: "Hide Additional Listings", info: "We know you may have options about how many people will live with you. Here are listings for other household sizes and income levels." }, "Listings Go Here"));
+};
+exports.listingsGroupWithInfoLongButton = listingsGroupWithInfoLongButton;
+var listingsGroupWithCustomIcon = function () {
+    return (React.createElement(ListingsGroup_1.ListingsGroup, { listingsCount: 2, header: "Additional Listings", showButtonText: "Show Additional Listings", hideButtonText: "Hide Additional Listings", info: "We know you may have options about how many people will live with you. Here are listings for other household sizes and income levels.", icon: "doubleHouse" }, "Listings Go Here"));
+};
+exports.listingsGroupWithCustomIcon = listingsGroupWithCustomIcon;
+//# sourceMappingURL=ListingsGroup.stories.js.map

package/dist/src/page_components/listing/ListingsGroup.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListingsGroup.stories.js","sourceRoot":"","sources":["../../../../src/page_components/listing/ListingsGroup.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAE9B,iDAA+C;AAE/C,kBAAe;IACb,KAAK,EAAE,wBAAwB;CAChC,CAAA;AAEM,IAAM,aAAa,GAAG;IAC3B,OAAO,CACL,oBAAC,6BAAa,IAAC,aAAa,EAAE,CAAC,EAAE,MAAM,EAAC,QAAQ,EAAC,cAAc,EAAC,MAAM,EAAC,cAAc,EAAC,MAAM,uBAE5E,CACjB,CAAA;AACH,CAAC,CAAA;AANY,QAAA,aAAa,iBAMzB;AAEM,IAAM,qBAAqB,GAAG;IACnC,OAAO,CACL,oBAAC,6BAAa,IACZ,aAAa,EAAE,CAAC,EAChB,MAAM,EAAC,QAAQ,EACf,cAAc,EAAC,MAAM,EACrB,cAAc,EAAC,MAAM,EACrB,IAAI,EAAE,8DAA8D,uBAGtD,CACjB,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,qBAAqB,yBAYjC;AAEM,IAAM,+BAA+B,GAAG;IAC7C,OAAO,CACL,oBAAC,6BAAa,IACZ,aAAa,EAAE,CAAC,EAChB,MAAM,EAAC,qBAAqB,EAC5B,cAAc,EAAC,0BAA0B,EACzC,cAAc,EAAC,0BAA0B,EACzC,IAAI,EACF,uIAAuI,uBAI3H,CACjB,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,+BAA+B,mCAc3C;AAEM,IAAM,2BAA2B,GAAG;IACzC,OAAO,CACL,oBAAC,6BAAa,IACZ,aAAa,EAAE,CAAC,EAChB,MAAM,EAAC,qBAAqB,EAC5B,cAAc,EAAC,0BAA0B,EACzC,cAAc,EAAC,0BAA0B,EACzC,IAAI,EACF,uIAAuI,EAEzI,IAAI,EAAE,aAAa,uBAGL,CACjB,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,2BAA2B,+BAevC"}

package/dist/src/page_components/listing/listing_sidebar/Contact.d.ts

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { Address } from "../../../helpers/MultiLineAddress";
+export interface ContactProps {
+    /** Any number of text sections rendered after the contact information */
+    additionalInformation?: {
+        title: string;
+        content: string | React.ReactNode;
+    }[];
+    /** The contact's address */
+    contactAddress?: Address;
+    /** The contact's company and website */
+    contactCompany?: {
+        name: string;
+        website: string;
+    };
+    /** The contact's email */
+    contactEmail?: string;
+    /** The contact's name */
+    contactName?: string;
+    /** The contact's phone number */
+    contactPhoneNumber?: string;
+    /** Additional information pertaining to the contact's phone number */
+    contactPhoneNumberNote?: string;
+    /** The contact's title */
+    contactTitle?: string;
+    /** The text for the section's header */
+    sectionTitle: string;
+    strings: {
+        email?: string;
+        getDirections: string;
+        website?: string;
+    };
+}
+/** Displays information about a contact, including their address, contact information, and notes */
+declare const Contact: ({ additionalInformation, contactAddress, contactCompany, contactEmail, contactName, contactPhoneNumber, contactPhoneNumberNote, contactTitle, sectionTitle, strings, }: ContactProps) => JSX.Element;
+export { Contact as default, Contact };

package/dist/src/page_components/listing/listing_sidebar/Contact.js

@@ -0,0 +1,68 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Contact = exports.default = void 0;
+var React = __importStar(require("react"));
+var ContactAddress_1 = require("./ContactAddress");
+var Icon_1 = require("../../../icons/Icon");
+var Heading_1 = require("../../../text/Heading");
+/** Displays information about a contact, including their address, contact information, and notes */
+var Contact = function (_a) {
+    var additionalInformation = _a.additionalInformation, contactAddress = _a.contactAddress, contactCompany = _a.contactCompany, contactEmail = _a.contactEmail, contactName = _a.contactName, contactPhoneNumber = _a.contactPhoneNumber, contactPhoneNumberNote = _a.contactPhoneNumberNote, contactTitle = _a.contactTitle, sectionTitle = _a.sectionTitle, strings = _a.strings;
+    var formattedPhoneLink = contactPhoneNumber
+        ? "tel:".concat(contactPhoneNumber.replace(/[-()]/g, ""))
+        : undefined;
+    var formattedCompanyWebsite = (contactCompany === null || contactCompany === void 0 ? void 0 : contactCompany.website) && !(contactCompany === null || contactCompany === void 0 ? void 0 : contactCompany.website.startsWith("http"))
+        ? "http://".concat(contactCompany === null || contactCompany === void 0 ? void 0 : contactCompany.website)
+        : contactCompany === null || contactCompany === void 0 ? void 0 : contactCompany.website;
+    return (React.createElement("section", { className: "aside-block" },
+        React.createElement(Heading_1.Heading, { priority: 4, styleType: "underlineWeighted" }, sectionTitle),
+        contactName && React.createElement("p", { className: "text-xl" }, contactName),
+        contactTitle && React.createElement("p", { className: "text-gray-700" }, contactTitle),
+        (contactCompany === null || contactCompany === void 0 ? void 0 : contactCompany.name) && React.createElement("p", { className: "text-gray-700" }, contactCompany.name),
+        contactPhoneNumber && (React.createElement(React.Fragment, null,
+            React.createElement("p", { className: "mt-3" },
+                React.createElement("a", { href: formattedPhoneLink },
+                    React.createElement(Icon_1.Icon, { symbol: "phone", size: "medium", fill: Icon_1.IconFillColors.primary, className: "pr-2" }),
+                    contactPhoneNumber)),
+            contactPhoneNumberNote && (React.createElement("p", { className: "text-sm text-gray-700" }, contactPhoneNumberNote)))),
+        contactEmail && (React.createElement("p", { className: "my-3" },
+            React.createElement("a", { href: "mailto:".concat(contactEmail) },
+                React.createElement(Icon_1.Icon, { symbol: "mail", size: "medium", fill: Icon_1.IconFillColors.primary, className: "pr-2" }),
+                (strings === null || strings === void 0 ? void 0 : strings.email) && (strings === null || strings === void 0 ? void 0 : strings.email)))),
+        formattedCompanyWebsite && (React.createElement("p", { className: "my-3" },
+            React.createElement("a", { href: formattedCompanyWebsite, target: "_blank", rel: "noreferrer noopener" },
+                React.createElement(Icon_1.Icon, { symbol: "globe", size: "medium", fill: Icon_1.IconFillColors.primary, className: "pr-2" }),
+                (strings === null || strings === void 0 ? void 0 : strings.website) && (strings === null || strings === void 0 ? void 0 : strings.website)))),
+        contactAddress && (React.createElement(ContactAddress_1.ContactAddress, { address: contactAddress, mapString: strings.getDirections })), additionalInformation === null || additionalInformation === void 0 ? void 0 :
+        additionalInformation.map(function (info) {
+            return (React.createElement("div", { key: info.title, className: "my-3" },
+                React.createElement(Heading_1.Heading, { priority: 3, styleType: "capsWeighted" }, info.title),
+                React.createElement("div", { className: "text-gray-800 text-tiny markdown" }, info.content)));
+        })));
+};
+exports.default = Contact;
+exports.Contact = Contact;
+//# sourceMappingURL=Contact.js.map

package/dist/src/page_components/listing/listing_sidebar/Contact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Contact.js","sourceRoot":"","sources":["../../../../../src/page_components/listing/listing_sidebar/Contact.tsx"],"names":[],"mappings":"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"}

package/dist/src/page_components/listing/listing_sidebar/Contact.stories.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    title: string;
+    component: ({ additionalInformation, contactAddress, contactCompany, contactEmail, contactName, contactPhoneNumber, contactPhoneNumberNote, contactTitle, sectionTitle, strings, }: import("./Contact").ContactProps) => JSX.Element;
+};
+export default _default;
+export declare const NoAddress: () => JSX.Element;
+export declare const WithAddress: () => JSX.Element;
+export declare const AdditionalInformation: () => JSX.Element;
+export declare const AdditionalInformationMissingFields: () => JSX.Element;

package/dist/src/page_components/listing/listing_sidebar/Contact.stories.js

@@ -0,0 +1,74 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdditionalInformationMissingFields = exports.AdditionalInformation = exports.WithAddress = exports.NoAddress = void 0;
+var React = __importStar(require("react"));
+var Contact_1 = __importDefault(require("./Contact"));
+exports.default = {
+    title: "Listing Sidebar/Contact",
+    component: Contact_1.default,
+};
+var NoAddress = function () {
+    return (React.createElement(Contact_1.default, { sectionTitle: "Contact Leasing Agent", contactTitle: "Contact Title", contactName: "Contact Name", contactEmail: "contact@email.com", contactPhoneNumber: "Call (123) 456 - 7890", contactPhoneNumberNote: "Phone number note", contactCompany: { name: "Company Name", website: "www.example.com" }, strings: { email: "Email", website: "Website", getDirections: "Get Directions" } }));
+};
+exports.NoAddress = NoAddress;
+var WithAddress = function () {
+    return (React.createElement(Contact_1.default, { sectionTitle: "Contact Leasing Agent", contactTitle: "Contact Title", contactName: "Contact Name", contactEmail: "contact@email.com", contactPhoneNumber: "Call (123) 456 - 7890", contactPhoneNumberNote: "Phone number note", contactCompany: { name: "Company Name", website: "www.example.com" }, strings: { email: "Email", website: "Website", getDirections: "Get Directions" }, contactAddress: {
+            street: "Street 1",
+            street2: "Street 2",
+            city: "City",
+            state: "State",
+            zipCode: "12345",
+        } }));
+};
+exports.WithAddress = WithAddress;
+var AdditionalInformation = function () {
+    return (React.createElement(Contact_1.default, { sectionTitle: "Contact Leasing Agent", contactTitle: "Contact Title", contactName: "Contact Name", contactEmail: "contact@email.com", contactPhoneNumber: "Call (123) 456 - 7890", contactPhoneNumberNote: "Phone number note", contactCompany: { name: "Company Name", website: "www.example.com" }, strings: { email: "Email", website: "Website", getDirections: "Get Directions" }, contactAddress: {
+            street: "Street 1",
+            street2: "Street 2",
+            city: "City",
+            state: "State",
+            zipCode: "12345",
+        }, additionalInformation: [
+            {
+                title: "Office Hours",
+                content: "Monday - Friday 11:00am - 12:00pm",
+            },
+        ] }));
+};
+exports.AdditionalInformation = AdditionalInformation;
+var AdditionalInformationMissingFields = function () {
+    return (React.createElement(Contact_1.default, { sectionTitle: "Contact Leasing Agent", contactTitle: "Contact Title", contactName: "Contact Name", contactPhoneNumber: "Call (123) 456 - 7890", contactPhoneNumberNote: "Phone number note", strings: { email: "Email", website: "Website", getDirections: "Get Directions" }, additionalInformation: [
+            {
+                title: "Office Hours",
+                content: "Monday - Friday 11:00am - 12:00pm",
+            },
+        ] }));
+};
+exports.AdditionalInformationMissingFields = AdditionalInformationMissingFields;
+//# sourceMappingURL=Contact.stories.js.map

package/dist/src/page_components/listing/listing_sidebar/Contact.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Contact.stories.js","sourceRoot":"","sources":["../../../../../src/page_components/listing/listing_sidebar/Contact.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,sDAA+B;AAE/B,kBAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,iBAAO;CACnB,CAAA;AAEM,IAAM,SAAS,GAAG;IACvB,OAAO,CACL,oBAAC,iBAAO,IACN,YAAY,EAAE,uBAAuB,EACrC,YAAY,EAAE,eAAe,EAC7B,WAAW,EAAE,cAAc,EAC3B,YAAY,EAAE,mBAAmB,EACjC,kBAAkB,EAAE,uBAAuB,EAC3C,sBAAsB,EAAE,mBAAmB,EAC3C,cAAc,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,iBAAiB,EAAE,EACpE,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAChF,CACH,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,SAAS,aAarB;AAEM,IAAM,WAAW,GAAG;IACzB,OAAO,CACL,oBAAC,iBAAO,IACN,YAAY,EAAE,uBAAuB,EACrC,YAAY,EAAE,eAAe,EAC7B,WAAW,EAAE,cAAc,EAC3B,YAAY,EAAE,mBAAmB,EACjC,kBAAkB,EAAE,uBAAuB,EAC3C,sBAAsB,EAAE,mBAAmB,EAC3C,cAAc,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,iBAAiB,EAAE,EACpE,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,EAChF,cAAc,EAAE;YACd,MAAM,EAAE,UAAU;YAClB,OAAO,EAAE,UAAU;YACnB,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,OAAO;SACjB,GACD,CACH,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,WAAW,eAoBvB;AAEM,IAAM,qBAAqB,GAAG;IACnC,OAAO,CACL,oBAAC,iBAAO,IACN,YAAY,EAAE,uBAAuB,EACrC,YAAY,EAAE,eAAe,EAC7B,WAAW,EAAE,cAAc,EAC3B,YAAY,EAAE,mBAAmB,EACjC,kBAAkB,EAAE,uBAAuB,EAC3C,sBAAsB,EAAE,mBAAmB,EAC3C,cAAc,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,iBAAiB,EAAE,EACpE,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,EAChF,cAAc,EAAE;YACd,MAAM,EAAE,UAAU;YAClB,OAAO,EAAE,UAAU;YACnB,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,OAAO;SACjB,EACD,qBAAqB,EAAE;YACrB;gBACE,KAAK,EAAE,cAAc;gBACrB,OAAO,EAAE,mCAAmC;aAC7C;SACF,GACD,CACH,CAAA;AACH,CAAC,CAAA;AA1BY,QAAA,qBAAqB,yBA0BjC;AAEM,IAAM,kCAAkC,GAAG;IAChD,OAAO,CACL,oBAAC,iBAAO,IACN,YAAY,EAAE,uBAAuB,EACrC,YAAY,EAAE,eAAe,EAC7B,WAAW,EAAE,cAAc,EAC3B,kBAAkB,EAAE,uBAAuB,EAC3C,sBAAsB,EAAE,mBAAmB,EAC3C,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,EAChF,qBAAqB,EAAE;YACrB;gBACE,KAAK,EAAE,cAAc;gBACrB,OAAO,EAAE,mCAAmC;aAC7C;SACF,GACD,CACH,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,kCAAkC,sCAiB9C"}

package/dist/src/page_components/listing/listing_sidebar/ContactAddress.d.ts

@@ -0,0 +1,10 @@
+import { Address } from "../../../helpers/MultiLineAddress";
+export interface ContactAddressProps {
+    /** An address */
+    address: Address;
+    /** A string for the map link */
+    mapString: string;
+}
+/** Renders an address followed by a Google Maps link to the address */
+declare const ContactAddress: ({ address, mapString }: ContactAddressProps) => JSX.Element | null;
+export { ContactAddress as default, ContactAddress };

package/dist/src/page_components/listing/listing_sidebar/ContactAddress.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContactAddress = exports.default = void 0;
+var React = __importStar(require("react"));
+var server_1 = __importDefault(require("react-dom/server"));
+var Icon_1 = require("../../../icons/Icon");
+var MultiLineAddress_1 = require("../../../helpers/MultiLineAddress");
+var OneLineAddress_1 = require("../../../helpers/OneLineAddress");
+/** Renders an address followed by a Google Maps link to the address */
+var ContactAddress = function (_a) {
+    var address = _a.address, mapString = _a.mapString;
+    if (!(address === null || address === void 0 ? void 0 : address.street))
+        return null;
+    var oneLineAddress = React.createElement(OneLineAddress_1.OneLineAddress, { address: address });
+    var mainAddress = React.createElement(MultiLineAddress_1.MultiLineAddress, { address: address });
+    var googleMapsHref = "https://www.google.com/maps/place/" + server_1.default.renderToStaticMarkup(oneLineAddress);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("p", { className: "text-gray-700 mb-1" }, mainAddress),
+        React.createElement("p", { className: "mb-4" },
+            React.createElement("a", { href: googleMapsHref, className: "inline-block pt-1", target: "_blank", rel: "noreferrer noopener" },
+                React.createElement(Icon_1.Icon, { symbol: "map", size: "medium", fill: Icon_1.IconFillColors.primary, className: "pr-2" }),
+                mapString))));
+};
+exports.default = ContactAddress;
+exports.ContactAddress = ContactAddress;
+//# sourceMappingURL=ContactAddress.js.map

package/dist/src/page_components/listing/listing_sidebar/ContactAddress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactAddress.js","sourceRoot":"","sources":["../../../../../src/page_components/listing/listing_sidebar/ContactAddress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,4DAA6C;AAC7C,4CAA0D;AAC1D,sEAA6E;AAC7E,kEAAgE;AAShE,uEAAuE;AACvE,IAAM,cAAc,GAAG,UAAC,EAA2C;QAAzC,OAAO,aAAA,EAAE,SAAS,eAAA;IAC1C,IAAI,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAA;QAAE,OAAO,IAAI,CAAA;IAEjC,IAAM,cAAc,GAAG,oBAAC,+BAAc,IAAC,OAAO,EAAE,OAAO,GAAI,CAAA;IAC3D,IAAM,WAAW,GAAG,oBAAC,mCAAgB,IAAC,OAAO,EAAE,OAAO,GAAI,CAAA;IAC1D,IAAM,cAAc,GAClB,oCAAoC,GAAG,gBAAc,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAA;IAE5F,OAAO,CACL;QACE,2BAAG,SAAS,EAAC,oBAAoB,IAAE,WAAW,CAAK;QACnD,2BAAG,SAAS,EAAC,MAAM;YACjB,2BACE,IAAI,EAAE,cAAc,EACpB,SAAS,EAAC,mBAAmB,EAC7B,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB;gBAEzB,oBAAC,WAAI,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,qBAAc,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,GAAI;gBACnF,SAAS,CACR,CACF,CACH,CACJ,CAAA;AACH,CAAC,CAAA;AAE0B,iCAAO;AAAE,wCAAc"}

package/dist/src/page_components/listing/listing_sidebar/ContactAddress.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: ({ address, mapString }: import("./ContactAddress").ContactAddressProps) => JSX.Element | null;
+};
+export default _default;
+export declare const Default: () => JSX.Element;

package/dist/src/page_components/listing/listing_sidebar/ContactAddress.stories.js

@@ -0,0 +1,46 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+var React = __importStar(require("react"));
+var ContactAddress_1 = __importDefault(require("./ContactAddress"));
+exports.default = {
+    title: "Listing Sidebar/Contact Address",
+    component: ContactAddress_1.default,
+};
+var Default = function () {
+    return (React.createElement(ContactAddress_1.default, { address: {
+            street: "Street 1",
+            street2: "Street 2",
+            city: "City",
+            state: "State",
+            zipCode: "12345",
+        }, mapString: "Get Directions" }));
+};
+exports.Default = Default;
+//# sourceMappingURL=ContactAddress.stories.js.map

package/dist/src/page_components/listing/listing_sidebar/ContactAddress.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactAddress.stories.js","sourceRoot":"","sources":["../../../../../src/page_components/listing/listing_sidebar/ContactAddress.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,oEAA6C;AAE7C,kBAAe;IACb,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,wBAAc;CAC1B,CAAA;AAEM,IAAM,OAAO,GAAG;IACrB,OAAO,CACL,oBAAC,wBAAc,IACb,OAAO,EAAE;YACP,MAAM,EAAE,UAAU;YAClB,OAAO,EAAE,UAAU;YACnB,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,OAAO;SACjB,EACD,SAAS,EAAE,gBAAgB,GAC3B,CACH,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,OAAO,WAanB"}

package/dist/src/page_components/listing/listing_sidebar/ExpandableSection.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+export interface ExpandableSectionProps {
+    content: string | React.ReactNode;
+    expandableContent?: string | React.ReactNode;
+    strings: {
+        title: string;
+        readMore?: string;
+        readLess?: string;
+    };
+}
+declare const ExpandableSection: ({ content, expandableContent, strings }: ExpandableSectionProps) => JSX.Element | null;
+export { ExpandableSection as default, ExpandableSection };

package/dist/src/page_components/listing/listing_sidebar/ExpandableSection.js

@@ -0,0 +1,50 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpandableSection = exports.default = void 0;
+var React = __importStar(require("react"));
+var markdown_to_jsx_1 = __importDefault(require("markdown-to-jsx"));
+var ExpandableContent_1 = require("../../../actions/ExpandableContent");
+var Heading_1 = require("../../../text/Heading");
+var ExpandableSection = function (_a) {
+    var content = _a.content, expandableContent = _a.expandableContent, strings = _a.strings;
+    if (!content)
+        return null;
+    var getTextContent = function (textContent) {
+        return (React.createElement(React.Fragment, null, typeof textContent === "string" ? (React.createElement(markdown_to_jsx_1.default, { options: { disableParsingRawHTML: false } }, textContent)) : (textContent)));
+    };
+    return (React.createElement("section", { className: "aside-block" },
+        React.createElement(Heading_1.Heading, { priority: 4, styleType: "underlineWeighted" }, strings.title),
+        React.createElement("div", { className: "text-tiny text-gray-750" },
+            getTextContent(content),
+            expandableContent && (React.createElement("div", { className: "mt-2" },
+                React.createElement(ExpandableContent_1.ExpandableContent, { strings: { readMore: strings.readMore, readLess: strings.readLess } }, getTextContent(expandableContent)))))));
+};
+exports.default = ExpandableSection;
+exports.ExpandableSection = ExpandableSection;
+//# sourceMappingURL=ExpandableSection.js.map

package/dist/src/page_components/listing/listing_sidebar/ExpandableSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableSection.js","sourceRoot":"","sources":["../../../../../src/page_components/listing/listing_sidebar/ExpandableSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,oEAAsC;AACtC,wEAAsE;AACtE,iDAA+C;AAY/C,IAAM,iBAAiB,GAAG,UAAC,EAA+D;QAA7D,OAAO,aAAA,EAAE,iBAAiB,uBAAA,EAAE,OAAO,aAAA;IAC9D,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,IAAM,cAAc,GAAG,UAAC,WAAqC;QAC3D,OAAO,CACL,0CACG,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,CACjC,oBAAC,yBAAQ,IAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,KAAK,EAAE,IAAG,WAAW,CAAY,CAC9E,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CACA,CACJ,CAAA;IACH,CAAC,CAAA;IACD,OAAO,CACL,iCAAS,SAAS,EAAC,aAAa;QAC9B,oBAAC,iBAAO,IAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,mBAAmB,IACjD,OAAO,CAAC,KAAK,CACN;QACV,6BAAK,SAAS,EAAC,yBAAyB;YACrC,cAAc,CAAC,OAAO,CAAC;YACvB,iBAAiB,IAAI,CACpB,6BAAK,SAAS,EAAE,MAAM;gBACpB,oBAAC,qCAAiB,IAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,IACnF,cAAc,CAAC,iBAAiB,CAAC,CAChB,CAChB,CACP,CACG,CACE,CACX,CAAA;AACH,CAAC,CAAA;AAE6B,oCAAO;AAAE,8CAAiB"}

package/dist/src/page_components/listing/listing_sidebar/ExpandableSection.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+    component: ({ content, expandableContent, strings }: import("./ExpandableSection").ExpandableSectionProps) => JSX.Element | null;
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const ExpandableMarkdown: () => JSX.Element;

package/dist/src/page_components/listing/listing_sidebar/ExpandableSection.stories.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpandableMarkdown = exports.Default = void 0;
+var React = __importStar(require("react"));
+var ExpandableSection_1 = require("./ExpandableSection");
+exports.default = {
+    title: "Listing Sidebar/Expandable Section",
+    component: ExpandableSection_1.ExpandableSection,
+};
+var Default = function () {
+    return (React.createElement(ExpandableSection_1.ExpandableSection, { content: "Main content", strings: {
+            title: "Title",
+            readMore: "read more",
+            readLess: "read less",
+        } }));
+};
+exports.Default = Default;
+var ExpandableMarkdown = function () {
+    return (React.createElement(ExpandableSection_1.ExpandableSection, { content: "Main content", expandableContent: "<ul className='list-disc ml-6'><li>List #1</li><li>List #2</li><li>List #3</li></ul>", strings: {
+            title: "Title",
+            readMore: "read more",
+            readLess: "read less",
+        } }));
+};
+exports.ExpandableMarkdown = ExpandableMarkdown;
+//# sourceMappingURL=ExpandableSection.stories.js.map

package/dist/src/page_components/listing/listing_sidebar/ExpandableSection.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableSection.stories.js","sourceRoot":"","sources":["../../../../../src/page_components/listing/listing_sidebar/ExpandableSection.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,yDAAuD;AAEvD,kBAAe;IACb,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,qCAAiB;CAC7B,CAAA;AAEM,IAAM,OAAO,GAAG;IACrB,OAAO,CACL,oBAAC,qCAAiB,IAChB,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE;YACP,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,WAAW;YACrB,QAAQ,EAAE,WAAW;SACtB,GACD,CACH,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,OAAO,WAWnB;AAEM,IAAM,kBAAkB,GAAG;IAChC,OAAO,CACL,oBAAC,qCAAiB,IAChB,OAAO,EAAE,cAAc,EACvB,iBAAiB,EACf,sFAAsF,EAExF,OAAO,EAAE;YACP,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,WAAW;YACrB,QAAQ,EAAE,WAAW;SACtB,GACD,CACH,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,kBAAkB,sBAc9B"}

package/dist/src/page_components/listing/listing_sidebar/GetApplication.d.ts

@@ -0,0 +1,38 @@
+import { Address } from "../../../helpers/MultiLineAddress";
+export interface PaperApplication {
+    fileURL: string;
+    languageString: string;
+}
+export interface ApplicationsProps {
+    /** The pickup address for the application */
+    applicationPickUpAddress?: Address;
+    /** Office hours for the agent at the pickup address */
+    applicationPickUpAddressOfficeHours?: string;
+    /** Whether or not applications are currently open */
+    applicationsOpen: boolean;
+    /** The date applications open */
+    applicationsOpenDate?: string;
+    /** The URL for an online applications */
+    onlineApplicationURL?: string;
+    /** Any number of paper application objects, including their URL and language */
+    paperApplications?: PaperApplication[];
+    /** Whether or not there is a paper application method */
+    paperMethod?: boolean;
+    /** The date mailed applications must be received by */
+    postmarkedApplicationsReceivedByDate?: string;
+    /** Whether or not to hide actionable application buttons */
+    preview?: boolean;
+    strings?: {
+        applicationsOpenInFuture?: string;
+        applyOnline?: string;
+        downloadApplication?: string;
+        getAPaperApplication?: string;
+        getDirections?: string;
+        howToApply?: string;
+        officeHoursHeading?: string;
+        pickUpApplication?: string;
+    };
+}
+/** Displays information regarding how to apply, including an online application link button, paper application downloads, and a paper application pickup address */
+declare const GetApplication: (props: ApplicationsProps) => JSX.Element | null;
+export { GetApplication as default, GetApplication };