@bloom-housing/ui-components 7.1.0 → 7.2.0

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

@@ -0,0 +1,75 @@
+"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.GetApplication = exports.default = void 0;
+var react_1 = __importStar(require("react"));
+var markdown_to_jsx_1 = __importDefault(require("markdown-to-jsx"));
+var Button_1 = require("../../../actions/Button");
+var LinkButton_1 = require("../../../actions/LinkButton");
+var AppearanceTypes_1 = require("../../../global/AppearanceTypes");
+var Heading_1 = require("../../../text/Heading");
+var translator_1 = require("../../../helpers/translator");
+var OrDivider_1 = require("./OrDivider");
+var ContactAddress_1 = require("./ContactAddress");
+/** Displays information regarding how to apply, including an online application link button, paper application downloads, and a paper application pickup address */
+var GetApplication = function (props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+    var showSection = props.onlineApplicationURL ||
+        (props.applicationsOpen && props.paperMethod && !!((_a = props.paperApplications) === null || _a === void 0 ? void 0 : _a.length));
+    var _x = (0, react_1.useState)(false), showDownload = _x[0], setShowDownload = _x[1];
+    var toggleDownload = function () { return setShowDownload(!showDownload); };
+    if (!showSection)
+        return null;
+    return (react_1.default.createElement("section", { className: "aside-block", "data-test-id": "get-application-section" },
+        react_1.default.createElement(Heading_1.Heading, { priority: 2, styleType: "underlineWeighted" }, (_c = (_b = props.strings) === null || _b === void 0 ? void 0 : _b.howToApply) !== null && _c !== void 0 ? _c : (0, translator_1.t)("listings.apply.howToApply")),
+        !props.applicationsOpen && (react_1.default.createElement("p", { className: "mb-5 text-gray-700" }, (_e = (_d = props.strings) === null || _d === void 0 ? void 0 : _d.applicationsOpenInFuture) !== null && _e !== void 0 ? _e : (0, translator_1.t)("listings.apply.applicationWillBeAvailableOn", {
+            openDate: props.applicationsOpenDate,
+        }))),
+        props.applicationsOpen && props.onlineApplicationURL && (react_1.default.createElement(react_1.default.Fragment, null, props.preview ? (react_1.default.createElement(Button_1.Button, { disabled: true, className: "w-full mb-2", "data-test-id": "listing-view-apply-button" }, (_g = (_f = props.strings) === null || _f === void 0 ? void 0 : _f.applyOnline) !== null && _g !== void 0 ? _g : (0, translator_1.t)("listings.apply.applyOnline"))) : (react_1.default.createElement(LinkButton_1.LinkButton, { styleType: AppearanceTypes_1.AppearanceStyleType.primary, className: "w-full mb-2", href: props.onlineApplicationURL, dataTestId: "listing-view-apply-button" }, (_j = (_h = props.strings) === null || _h === void 0 ? void 0 : _h.applyOnline) !== null && _j !== void 0 ? _j : (0, translator_1.t)("listings.apply.applyOnline"))))),
+        props.applicationsOpen && props.paperMethod && !!((_k = props.paperApplications) === null || _k === void 0 ? void 0 : _k.length) && (react_1.default.createElement(react_1.default.Fragment, null,
+            props.onlineApplicationURL && react_1.default.createElement(OrDivider_1.OrDivider, { bgColor: "white" }),
+            react_1.default.createElement("div", { className: "text-serif-lg" }, (_m = (_l = props.strings) === null || _l === void 0 ? void 0 : _l.getAPaperApplication) !== null && _m !== void 0 ? _m : (0, translator_1.t)("listings.apply.getAPaperApplication")),
+            react_1.default.createElement(Button_1.Button, { styleType: !props.preview && props.onlineApplicationURL ? AppearanceTypes_1.AppearanceStyleType.primary : undefined, className: "w-full mb-2", onClick: toggleDownload, disabled: props.preview }, (_p = (_o = props.strings) === null || _o === void 0 ? void 0 : _o.downloadApplication) !== null && _p !== void 0 ? _p : (0, translator_1.t)("listings.apply.downloadApplication")))),
+        showDownload &&
+            ((_q = props.paperApplications) === null || _q === void 0 ? void 0 : _q.map(function (paperApplication, index) {
+                var _a, _b;
+                return (react_1.default.createElement("p", { key: index, className: "text-center mt-2 mb-4 text-sm" },
+                    react_1.default.createElement("a", { href: paperApplication.fileURL, title: (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.downloadApplication) !== null && _b !== void 0 ? _b : (0, translator_1.t)("listings.apply.downloadApplication"), target: "_blank" }, paperApplication.languageString)));
+            })),
+        props.applicationPickUpAddress && (react_1.default.createElement(react_1.default.Fragment, null,
+            props.applicationsOpen && (props.onlineApplicationURL || props.paperMethod) && (react_1.default.createElement(OrDivider_1.OrDivider, { bgColor: "white" })),
+            react_1.default.createElement(Heading_1.Heading, { priority: 3, styleType: "capsWeighted" }, (_s = (_r = props.strings) === null || _r === void 0 ? void 0 : _r.pickUpApplication) !== null && _s !== void 0 ? _s : (0, translator_1.t)("listings.apply.pickUpAnApplication")),
+            react_1.default.createElement(ContactAddress_1.ContactAddress, { address: props.applicationPickUpAddress, mapString: (_u = (_t = props.strings) === null || _t === void 0 ? void 0 : _t.getDirections) !== null && _u !== void 0 ? _u : (0, translator_1.t)("t.getDirections") }),
+            props.applicationPickUpAddressOfficeHours && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(Heading_1.Heading, { priority: 3, styleType: "capsWeighted" }, (_w = (_v = props.strings) === null || _v === void 0 ? void 0 : _v.officeHoursHeading) !== null && _w !== void 0 ? _w : (0, translator_1.t)("leasingAgent.officeHours")),
+                react_1.default.createElement("p", { className: "text-gray-800 text-tiny markdown" },
+                    react_1.default.createElement(markdown_to_jsx_1.default, { children: props.applicationPickUpAddressOfficeHours, options: { disableParsingRawHTML: true } }))))))));
+};
+exports.default = GetApplication;
+exports.GetApplication = GetApplication;
+//# sourceMappingURL=GetApplication.js.map

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

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

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    component: (props: import("./GetApplication").ApplicationsProps) => JSX.Element | null;
+};
+export default _default;
+export declare const AllFields: () => JSX.Element;
+export declare const WithoutPaperAppFiles: () => JSX.Element;
+export declare const Preview: () => JSX.Element;
+export declare const OpenInFuture: () => JSX.Element;
+export declare const Pickup: () => JSX.Element;
+export declare const OnlineAndNoPickUp: () => JSX.Element;
+export declare const PaperAndPickup: () => JSX.Element;
+export declare const PaperAndNoPickup: () => JSX.Element;

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

@@ -0,0 +1,116 @@
+"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.PaperAndNoPickup = exports.PaperAndPickup = exports.OnlineAndNoPickUp = exports.Pickup = exports.OpenInFuture = exports.Preview = exports.WithoutPaperAppFiles = exports.AllFields = void 0;
+var React = __importStar(require("react"));
+var GetApplication_1 = require("./GetApplication");
+exports.default = {
+    title: "Listing Sidebar/Get Application",
+    component: GetApplication_1.GetApplication,
+};
+var AllFields = function () {
+    return (React.createElement(GetApplication_1.GetApplication, { onlineApplicationURL: "online-app-url", applicationsOpen: true, applicationsOpenDate: "November 20th, 2021", paperApplications: [
+            { fileURL: "file-url-en", languageString: "English" },
+            { fileURL: "file-url-es", languageString: "Spanish" },
+        ], paperMethod: true, postmarkedApplicationsReceivedByDate: "November 30th, 2021", applicationPickUpAddressOfficeHours: "M-F 9am-5pm", applicationPickUpAddress: {
+            city: "City",
+            state: "State",
+            street2: "Street 2",
+            street: "Pick Up Address Street",
+            zipCode: "90210",
+        }, preview: false }));
+};
+exports.AllFields = AllFields;
+var WithoutPaperAppFiles = function () {
+    return (React.createElement(GetApplication_1.GetApplication, { applicationsOpen: true, applicationsOpenDate: "November 20th, 2021", paperApplications: [], paperMethod: true, postmarkedApplicationsReceivedByDate: "November 30th, 2021", applicationPickUpAddressOfficeHours: "M-F 9am-5pm", applicationPickUpAddress: {
+            city: "City",
+            state: "State",
+            street2: "Street 2",
+            street: "Pick Up Address Street",
+            zipCode: "90210",
+        }, preview: false }));
+};
+exports.WithoutPaperAppFiles = WithoutPaperAppFiles;
+var Preview = function () {
+    return (React.createElement(GetApplication_1.GetApplication, { onlineApplicationURL: "online-app-url", applicationsOpen: true, applicationsOpenDate: "November 20th, 2021", paperApplications: [
+            { fileURL: "file-url-en", languageString: "English" },
+            { fileURL: "file-url-es", languageString: "Spanish" },
+        ], paperMethod: true, postmarkedApplicationsReceivedByDate: "November 30th, 2021", applicationPickUpAddressOfficeHours: "M-F 9am-5pm", applicationPickUpAddress: {
+            city: "City",
+            state: "State",
+            street2: "Street 2",
+            street: "Pick Up Address Street",
+            zipCode: "90210",
+        }, preview: true }));
+};
+exports.Preview = Preview;
+var OpenInFuture = function () {
+    return (React.createElement(GetApplication_1.GetApplication, { onlineApplicationURL: "online-app-url", applicationsOpen: false, applicationsOpenDate: "November 20th, 2021", paperApplications: [
+            { fileURL: "file-url-en", languageString: "English" },
+            { fileURL: "file-url-es", languageString: "Spanish" },
+        ], paperMethod: true, postmarkedApplicationsReceivedByDate: "November 30th, 2021", applicationPickUpAddressOfficeHours: "M-F 9am-5pm", applicationPickUpAddress: {
+            city: "City",
+            state: "State",
+            street2: "Street 2",
+            street: "Pick Up Address Street",
+            zipCode: "90210",
+        }, preview: false }));
+};
+exports.OpenInFuture = OpenInFuture;
+var Pickup = function () {
+    return (React.createElement(GetApplication_1.GetApplication, { applicationsOpen: true, applicationsOpenDate: "November 20th, 2021", paperApplications: [], paperMethod: false, postmarkedApplicationsReceivedByDate: "November 30th, 2021", applicationPickUpAddressOfficeHours: "M-F 9am-5pm", applicationPickUpAddress: {
+            city: "City",
+            state: "State",
+            street2: "Street 2",
+            street: "Pick Up Address Street",
+            zipCode: "90210",
+        }, preview: false }));
+};
+exports.Pickup = Pickup;
+var OnlineAndNoPickUp = function () {
+    return (React.createElement(GetApplication_1.GetApplication, { onlineApplicationURL: "online-app-url", applicationsOpen: true, applicationsOpenDate: "November 20th, 2021", paperApplications: [], paperMethod: false, postmarkedApplicationsReceivedByDate: "November 30th, 2021", preview: false }));
+};
+exports.OnlineAndNoPickUp = OnlineAndNoPickUp;
+var PaperAndPickup = function () {
+    return (React.createElement(GetApplication_1.GetApplication, { applicationsOpen: true, applicationsOpenDate: "November 20th, 2021", paperApplications: [
+            { fileURL: "file-url-en", languageString: "English" },
+            { fileURL: "file-url-es", languageString: "Spanish" },
+        ], paperMethod: true, postmarkedApplicationsReceivedByDate: "November 30th, 2021", applicationPickUpAddressOfficeHours: "M-F 9am-5pm", applicationPickUpAddress: {
+            city: "City",
+            state: "State",
+            street2: "Street 2",
+            street: "Pick Up Address Street",
+            zipCode: "90210",
+        }, preview: false }));
+};
+exports.PaperAndPickup = PaperAndPickup;
+var PaperAndNoPickup = function () {
+    return (React.createElement(GetApplication_1.GetApplication, { applicationsOpen: true, applicationsOpenDate: "November 20th, 2021", paperApplications: [
+            { fileURL: "file-url-en", languageString: "English" },
+            { fileURL: "file-url-es", languageString: "Spanish" },
+        ], paperMethod: true, postmarkedApplicationsReceivedByDate: "November 30th, 2021", preview: false }));
+};
+exports.PaperAndNoPickup = PaperAndNoPickup;
+//# sourceMappingURL=GetApplication.stories.js.map

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

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

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

@@ -0,0 +1,8 @@
+interface ListingUpdatedProps {
+    listingUpdated: Date;
+    strings?: {
+        listingUpdated?: string;
+    };
+}
+declare const ListingUpdated: (props: ListingUpdatedProps) => JSX.Element;
+export { ListingUpdated as default, ListingUpdated };

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

@@ -0,0 +1,41 @@
+"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.ListingUpdated = exports.default = void 0;
+var React = __importStar(require("react"));
+var translator_1 = require("../../../helpers/translator");
+var dayjs_1 = __importDefault(require("dayjs"));
+var ListingUpdated = function (props) {
+    var _a, _b;
+    var listingUpdated = props.listingUpdated;
+    return (React.createElement("section", { className: "aside-block" },
+        React.createElement("p", { className: "text-tiny text-gray-800" }, (_b = (_a = props === null || props === void 0 ? void 0 : props.strings) === null || _a === void 0 ? void 0 : _a.listingUpdated) !== null && _b !== void 0 ? _b : "".concat((0, translator_1.t)("listings.listingUpdated"), ": ").concat((0, dayjs_1.default)(listingUpdated).format("MMMM DD, YYYY")))));
+};
+exports.default = ListingUpdated;
+exports.ListingUpdated = ListingUpdated;
+//# sourceMappingURL=ListingUpdated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListingUpdated.js","sourceRoot":"","sources":["../../../../../src/page_components/listing/listing_sidebar/ListingUpdated.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,0DAA+C;AAC/C,gDAAyB;AASzB,IAAM,cAAc,GAAG,UAAC,KAA0B;;IAChD,IAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAA;IAC3C,OAAO,CACL,iCAAS,SAAS,EAAC,aAAa;QAC9B,2BAAG,SAAS,EAAC,yBAAyB,IACnC,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,cAAc,mCAC7B,UAAG,IAAA,cAAC,EAAC,yBAAyB,CAAC,eAAK,IAAA,eAAK,EAAC,cAAc,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAE,CACnF,CACI,CACX,CAAA;AACH,CAAC,CAAA;AAE0B,iCAAO;AAAE,wCAAc"}

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

@@ -0,0 +1,5 @@
+declare const NumberedHeader: (props: {
+    num: number;
+    text: string;
+}) => JSX.Element;
+export { NumberedHeader as default, NumberedHeader };

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

@@ -0,0 +1,33 @@
+"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.NumberedHeader = exports.default = void 0;
+var React = __importStar(require("react"));
+var NumberedHeader = function (props) { return (React.createElement("div", { className: "text-serif-lg" },
+    React.createElement("span", { className: "text-primary pr-1" }, props.num),
+    props.text)); };
+exports.default = NumberedHeader;
+exports.NumberedHeader = NumberedHeader;
+//# sourceMappingURL=NumberedHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberedHeader.js","sourceRoot":"","sources":["../../../../../src/page_components/listing/listing_sidebar/NumberedHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAE9B,IAAM,cAAc,GAAG,UAAC,KAAoC,IAAK,OAAA,CAC/D,6BAAK,SAAS,EAAC,eAAe;IAC5B,8BAAM,SAAS,EAAC,mBAAmB,IAAE,KAAK,CAAC,GAAG,CAAQ;IACrD,KAAK,CAAC,IAAI,CACP,CACP,EALgE,CAKhE,CAAA;AAE0B,iCAAO;AAAE,wCAAc"}

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

@@ -0,0 +1,7 @@
+declare const OrDivider: (props: {
+    bgColor: string;
+    strings?: {
+        orString?: string;
+    };
+}) => JSX.Element;
+export { OrDivider as default, OrDivider };

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

@@ -0,0 +1,36 @@
+"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.OrDivider = exports.default = void 0;
+var React = __importStar(require("react"));
+var translator_1 = require("../../../helpers/translator");
+var OrDivider = function (props) {
+    var _a, _b;
+    return (React.createElement("div", { className: "aside-block__divider" },
+        React.createElement("span", { className: "bg-".concat(props.bgColor, " aside-block__conjunction") }, (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.orString) !== null && _b !== void 0 ? _b : (0, translator_1.t)("t.or"))));
+};
+exports.default = OrDivider;
+exports.OrDivider = OrDivider;
+//# sourceMappingURL=OrDivider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrDivider.js","sourceRoot":"","sources":["../../../../../src/page_components/listing/listing_sidebar/OrDivider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,0DAA+C;AAE/C,IAAM,SAAS,GAAG,UAAC,KAA2D;;IAAK,OAAA,CACjF,6BAAK,SAAS,EAAC,sBAAsB;QACnC,8BAAM,SAAS,EAAE,aAAM,KAAK,CAAC,OAAO,8BAA2B,IAC5D,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,QAAQ,mCAAI,IAAA,cAAC,EAAC,MAAM,CAAC,CAChC,CACH,CACP,CAAA;CAAA,CAAA;AAEqB,4BAAO;AAAE,8BAAS"}

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

@@ -0,0 +1,16 @@
+import * as React from "react";
+export interface QuantityRow {
+    amount: number | null;
+    text: string;
+    emphasized?: boolean;
+}
+export interface QuantityRowSectionProps {
+    /** Any amount of number/text combinations, rendered in a list */
+    quantityRows: QuantityRow[];
+    strings: {
+        sectionTitle: string;
+        description?: string | React.ReactNode;
+    };
+}
+declare const QuantityRowSection: ({ quantityRows, strings }: QuantityRowSectionProps) => JSX.Element;
+export { QuantityRowSection as default, QuantityRowSection };

package/dist/src/page_components/listing/listing_sidebar/QuantityRowSection.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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuantityRowSection = exports.default = void 0;
+var React = __importStar(require("react"));
+var Heading_1 = require("../../../text/Heading");
+var QuantityRowSection = function (_a) {
+    var quantityRows = _a.quantityRows, strings = _a.strings;
+    var getRow = function (row) {
+        if (row.amount === null)
+            return null;
+        return (React.createElement("li", { key: row.text, className: "uppercase text-gray-800 ".concat(row.emphasized ? "font-bold" : "font-normal", " font-alt-sans leading-7") },
+            React.createElement("span", { className: "text-right w-12 inline-block pr-2.5 text-base" }, row.amount),
+            React.createElement("span", { className: "text-sm" }, row.text)));
+    };
+    return (React.createElement("section", { className: "aside-block is-tinted" },
+        React.createElement(Heading_1.Heading, { priority: 4, styleType: "capsWeighted" }, strings.sectionTitle),
+        React.createElement("div", null,
+            strings.description && (React.createElement("div", { className: "text-tiny text-gray-800 pb-3" }, typeof strings.description === "string" ? (React.createElement("p", null, strings.description)) : (strings.description))),
+            quantityRows.length && React.createElement("ul", null, quantityRows.map(function (row) { return getRow(row); })))));
+};
+exports.default = QuantityRowSection;
+exports.QuantityRowSection = QuantityRowSection;
+//# sourceMappingURL=QuantityRowSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuantityRowSection.js","sourceRoot":"","sources":["../../../../../src/page_components/listing/listing_sidebar/QuantityRowSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,iDAA+C;AAiB/C,IAAM,kBAAkB,GAAG,UAAC,EAAkD;QAAhD,YAAY,kBAAA,EAAE,OAAO,aAAA;IACjD,IAAM,MAAM,GAAG,UAAC,GAAgB;QAC9B,IAAI,GAAG,CAAC,MAAM,KAAK,IAAI;YAAE,OAAO,IAAI,CAAA;QACpC,OAAO,CACL,4BACE,GAAG,EAAE,GAAG,CAAC,IAAI,EACb,SAAS,EAAE,kCACT,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,6BACpB;YAE1B,8BAAM,SAAS,EAAC,+CAA+C,IAAE,GAAG,CAAC,MAAM,CAAQ;YACnF,8BAAM,SAAS,EAAE,SAAS,IAAG,GAAG,CAAC,IAAI,CAAQ,CAC1C,CACN,CAAA;IACH,CAAC,CAAA;IAED,OAAO,CACL,iCAAS,SAAS,EAAC,uBAAuB;QACxC,oBAAC,iBAAO,IAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,cAAc,IAC5C,OAAO,CAAC,YAAY,CACb;QACV;YACG,OAAO,CAAC,WAAW,IAAI,CACtB,6BAAK,SAAS,EAAC,8BAA8B,IAC1C,OAAO,OAAO,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,CACzC,+BAAI,OAAO,CAAC,WAAW,CAAK,CAC7B,CAAC,CAAC,CAAC,CACF,OAAO,CAAC,WAAW,CACpB,CACG,CACP;YACA,YAAY,CAAC,MAAM,IAAI,gCAAK,YAAY,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,MAAM,CAAC,GAAG,CAAC,EAAX,CAAW,CAAC,CAAM,CACrE,CACE,CACX,CAAA;AACH,CAAC,CAAA;AAE8B,qCAAO;AAAE,gDAAkB"}

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

@@ -0,0 +1,11 @@
+declare const _default: {
+    title: string;
+    component: ({ quantityRows, strings }: import("./QuantityRowSection").QuantityRowSectionProps) => JSX.Element;
+};
+export default _default;
+export declare const OpenAndAllValuesSupplied: () => JSX.Element;
+export declare const EmphasizedValue: () => JSX.Element;
+export declare const OpenWithSomeZeroes: () => JSX.Element;
+export declare const OpenWithOnlyMaxAndOpen: () => JSX.Element;
+export declare const OpenWithOnlyMax: () => JSX.Element;
+export declare const CustomDescription: () => JSX.Element;

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

@@ -0,0 +1,96 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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.CustomDescription = exports.OpenWithOnlyMax = exports.OpenWithOnlyMaxAndOpen = exports.OpenWithSomeZeroes = exports.EmphasizedValue = exports.OpenAndAllValuesSupplied = void 0;
+var React = __importStar(require("react"));
+var QuantityRowSection_1 = require("./QuantityRowSection");
+exports.default = {
+    title: "Listing Sidebar/Quantity Row Section",
+    component: QuantityRowSection_1.QuantityRowSection,
+};
+var strings = {
+    sectionTitle: "Available Units and Waitlist",
+    description: "Once ranked applicants fill all available units, the remaining ranked applicants will be placed on a waitlist for those same units.",
+};
+var OpenAndAllValuesSupplied = function () {
+    return (React.createElement(QuantityRowSection_1.QuantityRowSection, { quantityRows: [
+            { amount: 100, text: "Final Size" },
+            { amount: 40, text: "Current Size" },
+            { amount: 60, text: "Open Spots" },
+        ], strings: strings }));
+};
+exports.OpenAndAllValuesSupplied = OpenAndAllValuesSupplied;
+var EmphasizedValue = function () {
+    return (React.createElement(QuantityRowSection_1.QuantityRowSection, { quantityRows: [
+            { amount: 100, text: "Final Size" },
+            { amount: 40, text: "Current Size" },
+            { amount: 60, text: "Open Spots", emphasized: true },
+        ], strings: strings }));
+};
+exports.EmphasizedValue = EmphasizedValue;
+var OpenWithSomeZeroes = function () {
+    return (React.createElement(QuantityRowSection_1.QuantityRowSection, { quantityRows: [
+            { amount: 10, text: "Final Size" },
+            { amount: 0, text: "Current Size" },
+            { amount: 2, text: "Open Spots" },
+        ], strings: strings }));
+};
+exports.OpenWithSomeZeroes = OpenWithSomeZeroes;
+var OpenWithOnlyMaxAndOpen = function () {
+    return (React.createElement(QuantityRowSection_1.QuantityRowSection, { quantityRows: [
+            { amount: 10, text: "Final Size" },
+            { amount: 10, text: "Open Spots" },
+        ], strings: strings }));
+};
+exports.OpenWithOnlyMaxAndOpen = OpenWithOnlyMaxAndOpen;
+var OpenWithOnlyMax = function () {
+    return (React.createElement(QuantityRowSection_1.QuantityRowSection, { quantityRows: [{ amount: 100, text: "Final Size" }], strings: strings }));
+};
+exports.OpenWithOnlyMax = OpenWithOnlyMax;
+var CustomDescription = function () {
+    var customDescription = function () {
+        return (React.createElement("div", null,
+            React.createElement("p", { className: "italic pb-2" }, "Custom styled content."),
+            React.createElement("p", { className: "underline" }, "More custom styled content.")));
+    };
+    return (React.createElement(QuantityRowSection_1.QuantityRowSection, { quantityRows: [
+            { amount: 100, text: "Final Size" },
+            { amount: 40, text: "Current Size" },
+            { amount: 60, text: "Open Spots" },
+        ], strings: __assign(__assign({}, strings), { description: customDescription() }) }));
+};
+exports.CustomDescription = CustomDescription;
+//# sourceMappingURL=QuantityRowSection.stories.js.map

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

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

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

@@ -0,0 +1,10 @@
+interface ReferralApplicationProps {
+    description: string;
+    phoneNumber: string;
+    strings: {
+        call?: string;
+        title: string;
+    };
+}
+declare const ReferralApplication: (props: ReferralApplicationProps) => JSX.Element;
+export { ReferralApplication as default, ReferralApplication };

package/dist/src/page_components/listing/listing_sidebar/ReferralApplication.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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReferralApplication = exports.default = void 0;
+var React = __importStar(require("react"));
+var Heading_1 = require("../../../text/Heading");
+var translator_1 = require("../../../helpers/translator");
+var Icon_1 = require("../../../icons/Icon");
+var ReferralApplication = function (props) {
+    var _a;
+    var linkedPhoneNumber = "tel:".concat(props.phoneNumber.replace(/[-()]/g, ""));
+    return (React.createElement("section", { className: "aside-block" },
+        React.createElement(Heading_1.Heading, { priority: 2, styleType: "underlineWeighted" }, props.strings.title),
+        React.createElement("p", null,
+            React.createElement("a", { href: linkedPhoneNumber },
+                React.createElement(Icon_1.Icon, { symbol: "phone", size: "medium", fill: Icon_1.IconFillColors.primary }),
+                " ", (_a = props.strings.call) !== null && _a !== void 0 ? _a : (0, translator_1.t)("t.call"),
+                " ",
+                props.phoneNumber)),
+        React.createElement("p", { className: "text-tiny mt-4 text-gray-800" }, props.description)));
+};
+exports.default = ReferralApplication;
+exports.ReferralApplication = ReferralApplication;
+//# sourceMappingURL=ReferralApplication.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReferralApplication.js","sourceRoot":"","sources":["../../../../../src/page_components/listing/listing_sidebar/ReferralApplication.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,iDAA+C;AAC/C,0DAA+C;AAC/C,4CAA0D;AAW1D,IAAM,mBAAmB,GAAG,UAAC,KAA+B;;IAC1D,IAAM,iBAAiB,GAAG,cAAO,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAE,CAAA;IAE1E,OAAO,CACL,iCAAS,SAAS,EAAC,aAAa;QAC9B,oBAAC,iBAAO,IAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,mBAAmB,IACjD,KAAK,CAAC,OAAO,CAAC,KAAK,CACZ;QACV;YACE,2BAAG,IAAI,EAAE,iBAAiB;gBACxB,oBAAC,WAAI,IAAC,MAAM,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,qBAAc,CAAC,OAAO,GAAI;gBAAC,GAAG,EACtE,MAAA,KAAK,CAAC,OAAO,CAAC,IAAI,mCAAI,IAAA,cAAC,EAAC,QAAQ,CAAC;;gBAAG,KAAK,CAAC,WAAW,CACpD,CACF;QACJ,2BAAG,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAC,WAAW,CAAK,CAC3D,CACX,CAAA;AACH,CAAC,CAAA;AAE+B,sCAAO;AAAE,kDAAmB"}