allaw-ui 0.0.35 → 0.0.36

package/dist/components/molecules/appointmentSlot/AppointmentSlot.js

@@ -1,109 +0,0 @@
-import React, { useState, useCallback } from "react";
-import "./AppointmentSlot.css";
-import AppointementStatusTag from "../../atoms/tags/AppointementStatusTag";
-import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
-import ActionCircleButton from "../../atoms/buttons/ActionCircleButton";
-import IconButton from "../../atoms/buttons/IconButton";
-var AppointmentSlot = function (_a) {
-    var status = _a.status, startTime = _a.startTime, endTime = _a.endTime, date = _a.date, clientName = _a.clientName, appointmentContent = _a.appointmentContent, tags = _a.tags, noteCount = _a.noteCount, documentCount = _a.documentCount, actions = _a.actions;
-    var _b = useState(false), isActive = _b[0], setIsActive = _b[1];
-    // Handlers
-    var handleApprove = useCallback(function () {
-        var _a;
-        console.log("Approved!");
-        (_a = actions === null || actions === void 0 ? void 0 : actions.onApprove) === null || _a === void 0 ? void 0 : _a.call(actions);
-    }, [actions]);
-    var handleReject = useCallback(function () {
-        var _a;
-        console.log("Refused!");
-        (_a = actions === null || actions === void 0 ? void 0 : actions.onReject) === null || _a === void 0 ? void 0 : _a.call(actions);
-    }, [actions]);
-    var handleMouseDown = function (e) {
-        if (!isClickableElement(e.target)) {
-            setIsActive(true);
-        }
-    };
-    var handleMouseUp = function () {
-        setIsActive(false);
-    };
-    var handleClick = function (e) {
-        if (!isClickableElement(e.target)) {
-            console.log("card clicked");
-        }
-    };
-    // Helper function
-    var isClickableElement = function (element) {
-        return (element.closest(".action-button-container, .document-actions, button") !==
-            null);
-    };
-    // Render functions
-    var renderHeader = function () { return (React.createElement("div", { className: "appointment-header" },
-        React.createElement("span", { className: "appointment-time" }, "".concat(startTime, " - ").concat(endTime)),
-        status !== "summary" && (React.createElement(AppointementStatusTag, { status: status })))); };
-    var renderFooter = function () {
-        if (status === "available") {
-            return renderAvailableFooter();
-        }
-        if (status === "summary") {
-            return null;
-        }
-        if (status !== "unavailable") {
-            return renderDefaultFooter();
-        }
-        return null;
-    };
-    var renderAvailableFooter = function () { return (React.createElement("div", { className: "appointment-footer" },
-        React.createElement("div", { className: "action-button-container", onClick: actions === null || actions === void 0 ? void 0 : actions.onMakeUnavailable },
-            React.createElement("div", { className: "icon-close-container" },
-                React.createElement("i", { className: "allaw-icon-close" })),
-            React.createElement("span", { className: "make-unavailable-text" }, "Rendre indisponible")))); };
-    var renderDefaultFooter = function () { return (React.createElement("div", { className: "appointment-footer" },
-        React.createElement("div", { className: "footer-left" },
-            clientName && React.createElement("div", { className: "client-name" }, clientName),
-            appointmentContent && (React.createElement("div", { className: "appointment-content" }, appointmentContent)),
-            renderTags()),
-        renderActionButtons())); };
-    var renderTags = function () {
-        return tags && (React.createElement("div", { className: "tags-container" }, tags.map(function (tag, index) { return (React.createElement(OtherStatusTag, { key: index, label: tag })); })));
-    };
-    var renderActionButtons = function () {
-        switch (status) {
-            case "pending":
-                return (React.createElement("div", { className: "action-button-container" },
-                    React.createElement(ActionCircleButton, { status: "dual", onApprove: handleApprove, onReject: handleReject })));
-            case "confirmed":
-                return (React.createElement("div", { className: "document-actions" },
-                    React.createElement(IconButton, { style: "smallFilled", iconName: "allaw-icon-document", onClick: actions === null || actions === void 0 ? void 0 : actions.onViewDocument }),
-                    documentCount && (React.createElement("span", { className: "document-count" }, documentCount))));
-            case "passed":
-                return (React.createElement("div", { className: "document-actions" },
-                    React.createElement(IconButton, { style: "smallFilled", iconName: "allaw-icon-edit-2", onClick: actions === null || actions === void 0 ? void 0 : actions.onEdit }),
-                    noteCount && React.createElement("span", { className: "note-count" }, noteCount),
-                    React.createElement(IconButton, { style: "smallFilled", iconName: "allaw-icon-document", onClick: actions === null || actions === void 0 ? void 0 : actions.onViewDocument }),
-                    documentCount && (React.createElement("span", { className: "document-count" }, documentCount))));
-            default:
-                return null;
-        }
-    };
-    if (status === "summary") {
-        return (React.createElement("div", { className: "appointment-slot-summary" },
-            React.createElement("div", { className: "appointment-header" },
-                React.createElement("div", { className: "date-time-container" },
-                    React.createElement("span", { className: "summary-date" }, date),
-                    React.createElement("span", { className: "summary-time" }, "".concat(startTime, " - ").concat(endTime))),
-                React.createElement(IconButton, { style: "largeFilled", iconName: "allaw-icon-edit-2", onClick: actions === null || actions === void 0 ? void 0 : actions.onEdit })),
-            React.createElement("div", { className: "appointment-footer" },
-                React.createElement("div", { className: "appointment-content-container" },
-                    React.createElement("div", { className: "client-name" }, clientName),
-                    React.createElement("div", { className: "appointment-content" }, appointmentContent),
-                    renderTags()),
-                React.createElement("div", { className: "document-actions-container" },
-                    React.createElement("div", { className: "document-actions" },
-                        React.createElement(IconButton, { style: "smallFilled", iconName: "allaw-icon-document", onClick: actions === null || actions === void 0 ? void 0 : actions.onViewDocument }),
-                        documentCount && (React.createElement("span", { className: "document-count" }, documentCount)))))));
-    }
-    return (React.createElement("div", { className: "appointment-slot ".concat(status, " ").concat(isActive ? "active" : ""), onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, onClick: handleClick },
-        renderHeader(),
-        renderFooter()));
-};
-export default AppointmentSlot;

package/dist/components/molecules/appointmentSlot/index.d.ts

@@ -1,2 +0,0 @@
-export { default as AppointmentSlot } from "./AppointmentSlot";
-export type { AppointmentSlotProps } from "./AppointmentSlot";

package/dist/components/molecules/appointmentSlot/index.js

@@ -1 +0,0 @@
-export { default as AppointmentSlot } from "./AppointmentSlot";

package/dist/components/molecules/breadcrumb/Breadcrumb.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import "./Breadcrumb.css";
-export interface BreadcrumbItem {
-    key: number;
-    label: string;
-    link: string;
-}
-export interface BreadcrumbProps {
-    items: BreadcrumbItem[];
-}
-declare const Breadcrumb: React.FC<BreadcrumbProps>;
-export default Breadcrumb;

package/dist/components/molecules/breadcrumb/Breadcrumb.js

@@ -1,12 +0,0 @@
-import React from "react";
-import "./Breadcrumb.css";
-import TinyInfo from "../../atoms/typography/TinyInfo";
-var Breadcrumb = function (_a) {
-    var items = _a.items;
-    return (React.createElement("nav", { className: "breadcrumb" }, items.map(function (item, index) { return (React.createElement(React.Fragment, { key: item.key },
-        index > 0 && (React.createElement("span", { className: "breadcrumb-separator" },
-            React.createElement("i", { className: "allaw-icon-chevron-right" }))),
-        React.createElement("a", { href: item.link, className: "breadcrumb-link" },
-            React.createElement(TinyInfo, { variant: "medium14", color: index === items.length - 1 ? "dark-grey" : "mid-grey", text: item.label })))); })));
-};
-export default Breadcrumb;

package/dist/components/molecules/breadcrumb/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Breadcrumb } from "./Breadcrumb";
-export type { BreadcrumbProps } from "./Breadcrumb";

package/dist/components/molecules/breadcrumb/index.js

@@ -1 +0,0 @@
-export { default as Breadcrumb } from "./Breadcrumb";

package/dist/components/molecules/caseCard/CaseCard.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import "./CaseCard.css";
-export interface CaseCardProps {
-    clientName: string;
-    title: string;
-    nextAppointment?: {
-        date: string;
-        time?: string;
-    };
-    categories: string[];
-    variant: "desktop" | "mobile" | "archived";
-}
-declare const CaseCard: React.FC<CaseCardProps>;
-export default CaseCard;

package/dist/components/molecules/caseCard/CaseCard.js

@@ -1,20 +0,0 @@
-import React from "react";
-import "./CaseCard.css";
-import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
-var CaseCard = function (_a) {
-    var clientName = _a.clientName, title = _a.title, nextAppointment = _a.nextAppointment, categories = _a.categories, variant = _a.variant;
-    return (React.createElement("div", { className: "case-card-wrapper case-card-".concat(variant) },
-        React.createElement("div", { className: "case-card-content" },
-            React.createElement("div", { className: "case-card-header" },
-                React.createElement("span", { className: "case-card-client-name" }, clientName),
-                React.createElement("h2", { className: variant === "desktop"
-                        ? "case-card-title"
-                        : "case-card-title-extended" }, title)),
-            React.createElement("div", { className: "case-card-categories" }, categories.map(function (category, index) { return (React.createElement(OtherStatusTag, { key: index, label: category, type: "readonly" })); }))),
-        nextAppointment && variant !== "archived" && (React.createElement("div", { className: "case-card-next-appointment" },
-            React.createElement("span", { className: "case-card-next-appointment-label" }, "Prochain RDV"),
-            variant === "desktop" ? (React.createElement(React.Fragment, null,
-                React.createElement("span", { className: "case-card-next-appointment-date" }, nextAppointment.date),
-                React.createElement("span", { className: "case-card-next-appointment-time" }, nextAppointment.time))) : (React.createElement("span", { className: "case-card-next-appointment-date-only" }, nextAppointment.date))))));
-};
-export default CaseCard;

package/dist/components/molecules/caseCard/index.d.ts

@@ -1,2 +0,0 @@
-export { default as CaseCard } from "./CaseCard";
-export type { CaseCardProps } from "./CaseCard";

package/dist/components/molecules/caseCard/index.js

@@ -1 +0,0 @@
-export { default as CaseCard } from "./CaseCard";

package/dist/components/molecules/checkboxForm/CheckboxForm.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { ParagraphProps } from "../../atoms/typography/Paragraph";
-import "./CheckboxForm.css";
-export interface CheckboxFormProps {
-    checked?: boolean;
-    onChange?: (checked: boolean) => void;
-    labelColor?: ParagraphProps["color"] | "grey-venom" | "venom-grey-dark";
-    isWhite?: boolean;
-    label?: React.ReactNode;
-    isRequired?: boolean;
-    linkText?: string;
-    linkUrl?: string;
-}
-declare const CheckboxForm: React.FC<CheckboxFormProps>;
-export default CheckboxForm;

package/dist/components/molecules/checkboxForm/CheckboxForm.js

@@ -1,28 +0,0 @@
-import React from "react";
-import Checkbox from "../../atoms/checkboxes/Checkbox";
-import Paragraph from "../../atoms/typography/Paragraph";
-import "./CheckboxForm.css";
-var CheckboxForm = function (_a) {
-    var _b = _a.checked, checked = _b === void 0 ? false : _b, onChange = _a.onChange, _c = _a.labelColor, labelColor = _c === void 0 ? "noir" : _c, _d = _a.isWhite, isWhite = _d === void 0 ? false : _d, label = _a.label, _e = _a.isRequired, isRequired = _e === void 0 ? false : _e, linkText = _a.linkText, linkUrl = _a.linkUrl;
-    var checkboxId = "checkbox-".concat(Math.random().toString(36).substr(2, 9));
-    var handleLabelClick = function (e) {
-        e.stopPropagation();
-        if (onChange) {
-            onChange(!checked);
-        }
-    };
-    // Convertir les couleurs supplémentaires en couleurs acceptées par Paragraph
-    var paragraphColor = labelColor === "grey-venom" || labelColor === "venom-grey-dark"
-        ? "noir"
-        : labelColor;
-    return (React.createElement("div", { className: "checkbox-form ".concat(isWhite ? "checkbox-form-white" : "checkbox-form-black", " checkbox-form-").concat(labelColor) },
-        React.createElement(Checkbox, { id: checkboxId, checked: checked, onChange: onChange, isWhite: isWhite }),
-        label && (React.createElement("div", { className: "checkbox-form-label-container", onClick: handleLabelClick },
-            React.createElement(Paragraph, { variant: "semiBold", color: paragraphColor, text: React.createElement(React.Fragment, null,
-                    React.createElement("span", null, label),
-                    linkText && linkUrl && (React.createElement("a", { href: linkUrl, target: "_blank", rel: "noopener noreferrer", className: "checkbox-form-link", onClick: function (e) { return e.stopPropagation(); } }, linkText))) }),
-            isRequired && (React.createElement("span", { className: "checkbox-form-required" },
-                "\u00A0",
-                "*"))))));
-};
-export default CheckboxForm;

package/dist/components/molecules/checkboxForm/index.d.ts

@@ -1,2 +0,0 @@
-export { default as CheckboxForm } from "./CheckboxForm";
-export type { CheckboxFormProps } from "./CheckboxForm";

package/dist/components/molecules/checkboxForm/index.js

@@ -1 +0,0 @@
-export { default as CheckboxForm } from "./CheckboxForm";

package/dist/components/molecules/contactCard/ContactCard.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-import "./ContactCard.css";
-export interface ContactCardProps {
-    size: "small" | "medium" | "large" | "editable";
-    name: string;
-    birthDate: string;
-    avatarUrl: string;
-    status: string;
-    address: string;
-    phone: string;
-    email: string;
-    isEditable: boolean;
-    onEdit: () => void;
-    gender: "male" | "female";
-}
-declare const ContactCard: React.FC<ContactCardProps>;
-export default ContactCard;

package/dist/components/molecules/contactCard/ContactCard.js

@@ -1,80 +0,0 @@
-import React from "react";
-import "./ContactCard.css";
-import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
-import IconButton from "../../atoms/buttons/IconButton";
-import Image from "next/image";
-var NoPhoto = "/assets/NoPhoto.png";
-var ContactCard = function (_a) {
-    var size = _a.size, name = _a.name, birthDate = _a.birthDate, avatarUrl = _a.avatarUrl, status = _a.status, address = _a.address, phone = _a.phone, email = _a.email, onEdit = _a.onEdit, gender = _a.gender;
-    var renderContent = function () {
-        switch (size) {
-            case "small":
-                return (React.createElement("div", { className: "contact-card-content" },
-                    React.createElement("div", { className: "profile-picture-container" },
-                        React.createElement(Image, { src: avatarUrl || NoPhoto, alt: name, width: 64, height: 64, className: "avatar" })),
-                    React.createElement("div", { className: "contact-info" },
-                        React.createElement("h3", { className: "contact-name" }, name),
-                        React.createElement("p", { className: "contact-details" },
-                            React.createElement("span", null, gender === "male" ? "M" : "F"),
-                            React.createElement("span", { className: "gender-separator" }),
-                            React.createElement("span", null, birthDate)))));
-            case "medium":
-                return (React.createElement("div", { className: "contact-card-content" },
-                    React.createElement("div", { className: "profile-picture-container" },
-                        React.createElement(Image, { src: avatarUrl || NoPhoto, alt: name, width: 72, height: 72, className: "avatar" })),
-                    React.createElement("div", { className: "contact-info" },
-                        React.createElement("h3", { className: "contact-name" }, name),
-                        React.createElement("p", { className: "contact-details" },
-                            React.createElement("span", null, gender === "male" ? "M" : "F"),
-                            React.createElement("span", { className: "gender-separator" }),
-                            React.createElement("span", null, birthDate))),
-                    React.createElement("div", { className: "status-container" },
-                        React.createElement(OtherStatusTag, { label: status, type: "readonly" }))));
-            case "large":
-                return (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: "profile-picture-container" },
-                        React.createElement(Image, { src: avatarUrl || NoPhoto, alt: name, width: 94, height: 94, className: "avatar" })),
-                    React.createElement("div", { className: "content-container" },
-                        React.createElement("div", null,
-                            React.createElement("h3", { className: "contact-name" }, name),
-                            React.createElement("p", { className: "contact-details" },
-                                React.createElement("span", null, gender === "male" ? "M" : "F"),
-                                React.createElement("span", { className: "gender-separator" }),
-                                React.createElement("span", null, birthDate))),
-                        React.createElement("div", { className: "contact-additional-info" },
-                            React.createElement("div", { className: "contact-address-container" },
-                                React.createElement("p", { className: "info-label" }, "ADRESSE"),
-                                React.createElement("p", { className: "info-value" }, address)),
-                            React.createElement("div", { className: "contact-telephone-email-container" },
-                                React.createElement("p", { className: "info-label" }, "CONTACT"),
-                                React.createElement("p", { className: "info-value" },
-                                    React.createElement("span", { className: "contact-phone" }, phone)),
-                                React.createElement("p", { className: "info-value" },
-                                    React.createElement("span", { className: "contact-phone" }, email))))),
-                    React.createElement("div", { className: "status-container" },
-                        React.createElement(OtherStatusTag, { label: status, type: "readonly" }))));
-            case "editable":
-                return (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: "content-container" },
-                        React.createElement("div", { className: "name-tag-container" },
-                            React.createElement("h3", { className: "contact-name" }, name),
-                            React.createElement(OtherStatusTag, { label: status, type: "readonly" })),
-                        React.createElement("div", { className: "info-container" },
-                            React.createElement("div", { className: "info-item" },
-                                React.createElement("i", { className: "allaw-icon-user info-icon" }),
-                                React.createElement("span", { className: "info-text" },
-                                    gender === "male" ? "Client" : "Cliente",
-                                    " de l'\u00E9tude")),
-                            React.createElement("div", { className: "telephone-email-items" },
-                                React.createElement("div", { className: "info-item" },
-                                    React.createElement("i", { className: "allaw-icon-phone info-icon" }),
-                                    React.createElement("span", { className: "info-text contact" }, phone)),
-                                React.createElement("div", { className: "info-item" },
-                                    React.createElement("i", { className: "allaw-icon-mail info-icon" }),
-                                    React.createElement("span", { className: "info-text contact" }, email))))),
-                    React.createElement(IconButton, { style: "largeFilled", iconName: "allaw-icon-edit-2", onClick: onEdit })));
-        }
-    };
-    return React.createElement("div", { className: "contact-card ".concat(size) }, renderContent());
-};
-export default ContactCard;

package/dist/components/molecules/contactCard/index.d.ts

@@ -1,2 +0,0 @@
-export { default as ContactCard } from "./ContactCard";
-export type { ContactCardProps } from "./ContactCard";

package/dist/components/molecules/contactCard/index.js

@@ -1 +0,0 @@
-export { default as ContactCard } from "./ContactCard";

package/dist/components/molecules/documentCard/DocumentCard.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import "./DocumentCard.css";
-export interface DocumentCardProps {
-    type: "document" | "note" | "invoice" | "waiting";
-    title: string;
-    date: Date;
-    status: "sent" | "received";
-    documents?: {
-        [key: string]: boolean;
-    };
-    documentCount?: string;
-}
-declare const DocumentCard: React.FC<DocumentCardProps>;
-export default DocumentCard;

package/dist/components/molecules/documentCard/DocumentCard.js

@@ -1,59 +0,0 @@
-import React from "react";
-import "./DocumentCard.css";
-import IconButton from "../../atoms/buttons/IconButton";
-import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
-var DocumentCard = function (_a) {
-    var type = _a.type, title = _a.title, date = _a.date, status = _a.status, _b = _a.documents, documents = _b === void 0 ? {} : _b, _c = _a.documentCount, documentCount = _c === void 0 ? "" : _c;
-    var getIconName = function () {
-        switch (type) {
-            case "document":
-                return "allaw-icon-edit-2";
-            case "note":
-                return "allaw-icon-document";
-            case "invoice":
-                return "allaw-icon-file";
-            case "waiting":
-                return "allaw-icon-clock";
-            default:
-                return "allaw-icon-document";
-        }
-    };
-    var getDisplayType = function (type) {
-        if (type === "invoice") {
-            return "FACTURE";
-        }
-        return type.toUpperCase();
-    };
-    var formatDate = function (date) {
-        return date.toLocaleDateString("fr-FR", {
-            day: "2-digit",
-            month: "2-digit",
-            year: "2-digit",
-        });
-    };
-    if (type === "waiting") {
-        var documentList = Object.keys(documents);
-        return (React.createElement("div", { className: "document-card waiting" },
-            React.createElement("div", { className: "document-card-left" },
-                React.createElement(OtherStatusTag, { type: "information", label: "Documents demand\u00E9s pour ce rendez-vous" }),
-                React.createElement("h3", { className: "document-card-title" }, title),
-                React.createElement("div", { className: "document-list" },
-                    React.createElement("ul", null, documentList.map(function (doc, index) { return (React.createElement("li", { key: index, className: "document-label" },
-                        React.createElement("span", { className: "document-bullet" }),
-                        " ",
-                        doc)); })))),
-            React.createElement("div", { className: "document-card-right" },
-                React.createElement(IconButton, { style: "smallFilled", iconName: "allaw-icon-document" }),
-                React.createElement("span", { className: "document-count" }, documentCount))));
-    }
-    return (React.createElement("div", { className: "document-card" },
-        React.createElement("div", { className: "document-card-left" },
-            React.createElement(IconButton, { style: "largeFilled", iconName: getIconName() }),
-            React.createElement("div", { className: "document-card-info" },
-                React.createElement("span", { className: "document-card-type" }, getDisplayType(type)),
-                React.createElement("h3", { className: "document-card-title" }, title),
-                React.createElement("span", { className: "document-card-date" }, formatDate(date)))),
-        React.createElement("div", { className: "document-card-right" },
-            React.createElement(OtherStatusTag, { type: "information", label: status === "sent" ? "ENVOYÉ" : "REÇU" }))));
-};
-export default DocumentCard;

package/dist/components/molecules/documentCard/index.d.ts

@@ -1,2 +0,0 @@
-export { default as DocumentCard } from "./DocumentCard";
-export type { DocumentCardProps } from "./DocumentCard";

package/dist/components/molecules/documentCard/index.js

@@ -1 +0,0 @@
-export { default as DocumentCard } from "./DocumentCard";

package/dist/components/molecules/employeeCard/EmployeeCard.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import "./EmployeeCard.css";
-export interface EmployeeCardProps {
-    name: string;
-    role: string;
-    contactNumber: string;
-    email1: string;
-    email2: string;
-    profileImage: string;
-    isVerified: boolean;
-    size: "small" | "large";
-    onEdit: () => void;
-}
-declare const EmployeeCard: React.FC<EmployeeCardProps>;
-export default EmployeeCard;

package/dist/components/molecules/employeeCard/EmployeeCard.js

@@ -1,34 +0,0 @@
-import React from "react";
-import "./EmployeeCard.css";
-import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
-import IconButton from "../../atoms/buttons/IconButton";
-import Image from "next/image";
-var NoPhoto = "/assets/NoPhoto.png";
-var EmployeeCard = function (_a) {
-    var name = _a.name, role = _a.role, contactNumber = _a.contactNumber, email1 = _a.email1, email2 = _a.email2, profileImage = _a.profileImage, isVerified = _a.isVerified, size = _a.size, onEdit = _a.onEdit;
-    var renderProfileImage = function () { return (React.createElement("div", { className: "profile-image-container" },
-        React.createElement(Image, { src: profileImage || NoPhoto, alt: name, width: size === "small" ? 64 : 94, height: size === "small" ? 64 : 94, className: "profile-image" }),
-        isVerified && (React.createElement("span", { className: "verified-icon allaw-icon-verified" })))); };
-    var renderNameAndRole = function () { return (React.createElement("div", { className: "name-tag-container" },
-        React.createElement("h3", { className: "name" }, name),
-        React.createElement("div", { className: "role-container" },
-            React.createElement(OtherStatusTag, { label: role, type: "information" })))); };
-    var renderContactInfo = function () { return (React.createElement("div", { className: "contact-container" },
-        React.createElement("span", { className: "contact-label" }, "CONTACT"),
-        React.createElement("div", { className: "phone-email-container" },
-            React.createElement("span", { className: "phone-number" }, contactNumber),
-            React.createElement("span", { className: "email" }, email1),
-            React.createElement("span", { className: "email" }, email2)))); };
-    var renderSmallCard = function () { return (React.createElement("div", { className: "content" },
-        renderProfileImage(),
-        renderNameAndRole())); };
-    var renderLargeCard = function () { return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "content" },
-            renderProfileImage(),
-            React.createElement("div", { className: "content-main-container" },
-                renderNameAndRole(),
-                React.createElement("div", { className: "content-container" }, renderContactInfo()))),
-        React.createElement(IconButton, { style: "largeFilled", iconName: "allaw-icon-edit-2", onClick: onEdit }))); };
-    return (React.createElement("div", { className: "employee-card ".concat(size) }, size === "small" ? renderSmallCard() : renderLargeCard()));
-};
-export default EmployeeCard;

package/dist/components/molecules/employeeCard/index.d.ts

@@ -1,2 +0,0 @@
-export { default as EmployeeCard } from "./EmployeeCard";
-export type { EmployeeCardProps } from "./EmployeeCard";

package/dist/components/molecules/employeeCard/index.js

@@ -1 +0,0 @@
-export { default as EmployeeCard } from "./EmployeeCard";

package/dist/components/molecules/proCard/ProCard.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import "./ProCard.css";
-export interface ProCardProps {
-    imageUrl?: string;
-    job: string;
-    firstName: string;
-    lastName: string;
-    address: string;
-    profileUrl: string;
-    isPro?: boolean;
-}
-declare const ProCard: React.FC<ProCardProps>;
-export default ProCard;

package/dist/components/molecules/proCard/ProCard.js

@@ -1,25 +0,0 @@
-import React from "react";
-import "./ProCard.css";
-import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
-import Image from "next/image";
-var NoPhoto = "/assets/NoPhoto.png";
-var ProCard = function (_a) {
-    var imageUrl = _a.imageUrl, job = _a.job, firstName = _a.firstName, lastName = _a.lastName, address = _a.address, profileUrl = _a.profileUrl, _b = _a.isPro, isPro = _b === void 0 ? false : _b;
-    var uppercaseJob = job.toUpperCase();
-    return (React.createElement("div", { className: "pro-card" },
-        React.createElement("div", { className: "pro-card-content" },
-            React.createElement("div", { className: "pro-card-top" },
-                React.createElement("div", { className: "pro-card-image-container" },
-                    React.createElement(Image, { src: imageUrl || NoPhoto, alt: "".concat(firstName, " ").concat(lastName), width: 74, height: 74, className: "pro-card-avatar" }),
-                    isPro && (React.createElement("div", { className: "pro-card-verified-icon-container" },
-                        React.createElement("div", { className: "pro-card-verified-icon-background" }),
-                        React.createElement("i", { className: "icon allaw-icon-verified pro-card-verified-icon" })))),
-                React.createElement("div", { className: "pro-card-job-name" },
-                    React.createElement(OtherStatusTag, { label: uppercaseJob, type: "information" }),
-                    React.createElement("h3", { className: "pro-card-name" },
-                        React.createElement("a", { href: profileUrl }, "".concat(firstName, " ").concat(lastName))))),
-            React.createElement("div", { className: "pro-card-address" },
-                React.createElement("i", { className: "icon allaw-icon-map-pin" }),
-                React.createElement("span", null, address)))));
-};
-export default ProCard;

package/dist/components/molecules/proCard/index.d.ts

@@ -1,2 +0,0 @@
-export { default as ProCard } from "./ProCard";
-export type { ProCardProps } from "./ProCard";

package/dist/components/molecules/proCard/index.js

@@ -1 +0,0 @@
-export { default as ProCard } from "./ProCard";

package/dist/components/molecules/stepper/Stepper.d.ts

@@ -1,27 +0,0 @@
-import React from "react";
-import "./Stepper.css";
-import "../../../styles/global.css";
-import "../../../styles/icons.css";
-export interface StepperProps {
-    steps: number;
-    currentStep: number;
-    startIcon?: boolean[];
-    endIcon?: boolean;
-    children: React.ReactNode[];
-    secondaryButton?: {
-        show: boolean;
-        label: string;
-        icon: string;
-        onSecondaryButtonClick?: (step: number) => void;
-    }[];
-    primaryButton?: {
-        show: boolean;
-        label: string;
-        onPrimaryButtonClick?: (step: number) => void;
-    }[];
-    showProgressBar?: boolean[];
-    onClose?: () => void;
-    validateStep?: (step: number) => boolean;
-}
-declare const Stepper: React.FC<StepperProps>;
-export default Stepper;