@homefile/components-v2 1.0.0

package/dist/components/sharedHomePanel/ShareHomeConnections.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShareHomeConnections = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var ShareHomeConnections = function (_a) {
+    var menu = _a.menu, onEdit = _a.onEdit, _b = _a.recipients, recipients = _b === void 0 ? [] : _b;
+    var recipientsLength = recipients.length;
+    var hasRecipients = recipientsLength > 0;
+    var text = hasRecipients
+        ? "".concat((0, i18next_1.t)('shareHome.subtitle'), " ").concat(recipientsLength, " ").concat((0, i18next_1.t)('shareHome.connected'))
+        : (0, i18next_1.t)('shareHome.notShared');
+    return ((0, jsx_runtime_1.jsxs)(react_1.Stack, { p: "base", spacing: "base", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { variant: "home", children: text }), (0, jsx_runtime_1.jsx)(react_1.Box, { children: recipients === null || recipients === void 0 ? void 0 : recipients.map(function (recipient, index) {
+                    var showDivider = index < recipientsLength - 1;
+                    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(components_1.RecipientCard, { index: index, menu: menu, recipient: recipient, onEdit: onEdit, header: (0, jsx_runtime_1.jsx)(components_1.RecipientHeaderShared, {}) }), showDivider && (0, jsx_runtime_1.jsx)(react_1.Divider, { color: "lightBlue.1" })] }, recipient.user._id));
+                }) })] }));
+};
+exports.ShareHomeConnections = ShareHomeConnections;

package/dist/components/sharedHomePanel/ShareHomeContactCard.d.ts

@@ -0,0 +1,2 @@
+import { ShareHomeContactCardI } from '@/interfaces';
+export declare const ShareHomeContactCard: ({ contact, index, onAddEmail, onClick, }: ShareHomeContactCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sharedHomePanel/ShareHomeContactCard.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShareHomeContactCard = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var utils_1 = require("@/utils");
+var colors_1 = require("@/theme/colors");
+var ShareHomeContactCard = function (_a) {
+    var contact = _a.contact, index = _a.index, onAddEmail = _a.onAddEmail, onClick = _a.onClick;
+    var firstName = contact.firstName, lastName = contact.lastName, email = contact.email;
+    var name = "".concat(firstName, " ").concat(lastName).trim();
+    var handleClick = email ? onClick : onAddEmail;
+    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { justify: "space-between", as: "button", w: "100%", py: "base", align: "center", transition: "all 0.2s", onClick: function () { return handleClick(contact); }, _hover: {
+            backgroundColor: 'lightGreen.3',
+            px: 'base',
+        }, children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", gap: "2", children: [(0, jsx_runtime_1.jsx)(react_1.Avatar, { size: "sm", name: name, bg: (0, utils_1.randomColor)(index), fontWeight: "bold", color: "neutral.white", id: "profile" }), (0, jsx_runtime_1.jsx)(react_1.Text, { noOfLines: 1, textOverflow: "ellipsis", textAlign: "left", children: name })] }), (0, jsx_runtime_1.jsx)(components_1.Plus, { stroke: colors_1.colors.blue['3'] })] }));
+};
+exports.ShareHomeContactCard = ShareHomeContactCard;

package/dist/components/sharedHomePanel/ShareHomeContactList.d.ts

@@ -0,0 +1,2 @@
+import { ShareHomeContactListI } from '@/interfaces';
+export declare const ShareHomeContactList: ({ contacts, onChange, onClick, onDone, onSave, selectedContact, }: ShareHomeContactListI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sharedHomePanel/ShareHomeContactList.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShareHomeContactList = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var hooks_1 = require("@/hooks");
+var colors_1 = require("@/theme/colors");
+var ShareHomeContactList = function (_a) {
+    var contacts = _a.contacts, onChange = _a.onChange, onClick = _a.onClick, onDone = _a.onDone, onSave = _a.onSave, selectedContact = _a.selectedContact;
+    var _b = (0, hooks_1.useShareHomeContactList)({ contacts: contacts, onClick: onClick }), categories = _b.categories, filteredContacts = _b.filteredContacts, handleAddEmail = _b.handleAddEmail, handleBack = _b.handleBack, handleFilterByCategory = _b.handleFilterByCategory, handleSearch = _b.handleSearch, isAddListSlide = _b.isAddListSlide, search = _b.search;
+    var text = "".concat((0, i18next_1.t)('showingCounter.showing'), " ").concat(contacts === null || contacts === void 0 ? void 0 : contacts.length, " ").concat((0, i18next_1.t)('buttons.contacts'));
+    var button1 = isAddListSlide
+        ? listButton1(onDone)
+        : addEmailButton1(function () { return onSave(selectedContact); }, selectedContact.email === '');
+    var button2 = isAddListSlide ? null : addEmailButton2(onDone);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_1.Container, { position: "absolute", top: "60px", left: "0", overflow: "hidden", zIndex: "6", w: ['full', '300px'], children: [(0, jsx_runtime_1.jsx)(react_1.Box, { p: "base", children: (0, jsx_runtime_1.jsx)(react_1.Text, { children: (0, i18next_1.t)('shareHome.contactList') }) }), (0, jsx_runtime_1.jsxs)(react_1.Flex, { transition: "all 400ms", transform: "translateX(".concat(isAddListSlide ? '0' : '-100%', ")"), children: [(0, jsx_runtime_1.jsx)(react_1.Box, { minW: ['full', '300px'], children: (0, jsx_runtime_1.jsx)(components_1.ShareHomeAddedContacts, { contacts: filteredContacts, onClick: onClick, showingText: text, search: search, onAddEmail: handleAddEmail, onChange: handleSearch, onSelect: handleFilterByCategory, items: categories }) }), (0, jsx_runtime_1.jsx)(react_1.Box, { minW: ['full', '300px'], children: (0, jsx_runtime_1.jsx)(components_1.ShareHomeAddEmail, { contact: selectedContact, onBack: handleBack, onChange: onChange }) })] }), (0, jsx_runtime_1.jsx)(react_1.Box, { boxShadow: "0 0 10px ".concat(colors_1.colors.gray['1']), py: "base", children: (0, jsx_runtime_1.jsx)(components_1.FooterButtons, { button1: button1, button2: button2 }) })] }), (0, jsx_runtime_1.jsx)(components_1.Overlay, { bg: "#00000040", showOverlay: true, position: "fixed", zIndex: "4" })] }));
+};
+exports.ShareHomeContactList = ShareHomeContactList;
+var listButton1 = function (onClick) { return ({
+    buttonStyle: 'secondaryFooter',
+    label: (0, i18next_1.t)('buttons.done'),
+    onClick: onClick,
+}); };
+var addEmailButton1 = function (onClick, isDisabled) { return ({
+    buttonStyle: 'primaryFooter',
+    label: (0, i18next_1.t)('buttons.save'),
+    isDisabled: isDisabled,
+    onClick: onClick,
+}); };
+var addEmailButton2 = function (onClick) { return ({
+    buttonStyle: 'secondaryFooter',
+    label: (0, i18next_1.t)('buttons.cancel'),
+    onClick: onClick,
+}); };

package/dist/components/sharedHomePanel/ShareHomeFilters.d.ts

@@ -0,0 +1,2 @@
+import { ShareHomeFiltersI } from '@/interfaces';
+export declare const ShareHomeFilters: ({ initialValue, items, search, onChange, onSelect, }: ShareHomeFiltersI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sharedHomePanel/ShareHomeFilters.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShareHomeFilters = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_2 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var ShareHomeFilters = function (_a) {
+    var initialValue = _a.initialValue, items = _a.items, search = _a.search, onChange = _a.onChange, onSelect = _a.onSelect;
+    var _b = (0, react_1.useState)(false), open = _b[0], setOpen = _b[1];
+    var handleClick = function () { return setOpen(!open); };
+    return ((0, jsx_runtime_1.jsxs)(react_2.Stack, { spacing: "base", children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { gap: "base", children: [(0, jsx_runtime_1.jsx)(components_1.SearchInput, { maxW: "220px", value: search, onChange: onChange }), (0, jsx_runtime_1.jsx)(react_2.IconButton, { "aria-label": "Filter contacts", variant: "iconOutlined", icon: open ? (0, jsx_runtime_1.jsx)(components_1.Close, {}) : (0, jsx_runtime_1.jsx)(components_1.Funnel, {}), onClick: handleClick, maxH: "input.md" })] }), open && ((0, jsx_runtime_1.jsx)(components_1.SelectInput, { width: "100%", handleClick: onSelect, initialValue: initialValue, items: items }))] }));
+};
+exports.ShareHomeFilters = ShareHomeFilters;

package/dist/components/sharedHomePanel/ShareHomeForm.d.ts

@@ -0,0 +1,2 @@
+import { ShareHomeFormI } from '@/interfaces';
+export declare const ShareHomeForm: ({ contacts, loading, onAdd, onEmailSave, }: ShareHomeFormI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sharedHomePanel/ShareHomeForm.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShareHomeForm = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var hooks_1 = require("@/hooks");
+var ShareHomeContactList_1 = require("./ShareHomeContactList");
+var ShareHomeForm = function (_a) {
+    var contacts = _a.contacts, loading = _a.loading, onAdd = _a.onAdd, onEmailSave = _a.onEmailSave;
+    var _b = (0, hooks_1.useShareHomeForm)(onAdd), accountTypes = _b.accountTypes, contact = _b.contact, handleChange = _b.handleChange, handleInputSelect = _b.handleInputSelect, handleOpen = _b.handleOpen, handleSelectContact = _b.handleSelectContact, handleSubmit = _b.handleSubmit, hasError = _b.hasError, open = _b.open, types = _b.types;
+    return ((0, jsx_runtime_1.jsx)(react_1.Box, { p: "base", w: "100%", children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { w: "100%", gap: "base", children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, { position: "relative", flex: 1, children: [(0, jsx_runtime_1.jsx)(components_1.ShareWithButton, { marginRight: "-1px", onClick: handleOpen }), (0, jsx_runtime_1.jsx)(components_1.TextInput, { autoCapitalize: "none", autoCorrect: "off", errorMessage: (0, i18next_1.t)('forms.errorEmail'), handleChange: handleChange, hasError: hasError, id: "email", placeholder: (0, i18next_1.t)('shareHome.placeholder'), value: contact.email, noOfLines: 1 }), open && ((0, jsx_runtime_1.jsx)(ShareHomeContactList_1.ShareHomeContactList, { contacts: contacts, onClick: handleSelectContact, onDone: handleOpen, onChange: handleChange, onSave: function (contact) {
+                                onEmailSave(contact);
+                                handleOpen();
+                            }, selectedContact: contact }))] }), (0, jsx_runtime_1.jsx)(components_1.SelectInputWithBadge, { handleClick: handleInputSelect, initialValue: accountTypes[0], items: types, width: "70px", height: "md" }), (0, jsx_runtime_1.jsx)(react_1.Button, { variant: "tertiary", onClick: handleSubmit, disabled: !contact.email, isLoading: loading, h: "48px", children: (0, i18next_1.t)('shareHome.btInvite') })] }) }));
+};
+exports.ShareHomeForm = ShareHomeForm;

package/dist/components/sharedHomePanel/ShareWithButton.d.ts

@@ -0,0 +1,2 @@
+import { FlexProps } from '@chakra-ui/react';
+export declare const ShareWithButton: ({ ...props }: FlexProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sharedHomePanel/ShareWithButton.js

@@ -0,0 +1,35 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShareWithButton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var images_1 = require("@/assets/images");
+var ShareWithButton = function (_a) {
+    var props = __rest(_a, []);
+    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, __assign({}, props, { as: "button", align: "center", gap: "1", bg: "neutral.white", border: "1px solid", borderColor: "lightBlue.6", borderRadius: "sm", h: "input.md", pl: "2", pr: "1", "aria-label": (0, i18next_1.t)('buttons.contacts'), minW: "fit-content", transition: "border-color 0.2s", _hover: { borderColor: 'blue.1' }, children: [(0, jsx_runtime_1.jsx)(react_1.Image, { src: images_1.Contacts2, h: "auto", w: "32px" }), (0, jsx_runtime_1.jsx)(components_1.ChevronDown, { size: 22 })] })));
+};
+exports.ShareWithButton = ShareWithButton;

package/dist/components/sharedHomePanel/SharedHomeContent.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const SharedHomeContent: ({ children, }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sharedHomePanel/SharedHomeContent.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SharedHomeContent = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@chakra-ui/react");
+var SharedHomeContent = function (_a) {
+    var children = _a.children;
+    return (0, jsx_runtime_1.jsx)(react_1.DrawerContent, { bg: "lightBlue.2", children: children });
+};
+exports.SharedHomeContent = SharedHomeContent;

package/dist/components/sharedHomePanel/SharedHomeHeader.d.ts

@@ -0,0 +1,2 @@
+import { SharedHomeHeaderI } from '@/interfaces';
+export declare const SharedHomeHeader: ({ children, onClose }: SharedHomeHeaderI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sharedHomePanel/SharedHomeHeader.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SharedHomeHeader = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var i18next_1 = require("i18next");
+var react_2 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var images_1 = require("@/assets/images");
+var SharedHomeHeader = function (_a) {
+    var children = _a.children, onClose = _a.onClose;
+    var _b = (0, react_1.useState)(false), showChildren = _b[0], setShowChildren = _b[1];
+    var handleHelpClick = function () { return setShowChildren(!showChildren); };
+    return ((0, jsx_runtime_1.jsxs)(react_2.DrawerHeader, { p: "0", children: [(0, jsx_runtime_1.jsx)(components_1.PanelHeader, { handleCloseButton: onClose, icon: images_1.PersonMail, title: (0, i18next_1.t)('shareHome.title'), children: (0, jsx_runtime_1.jsx)(react_2.Box, { mr: "base", position: "relative", children: (0, jsx_runtime_1.jsx)(components_1.HelpButton, { onClick: handleHelpClick, children: showChildren && ((0, jsx_runtime_1.jsx)(components_1.RolesHelpModal, { top: "40px", right: "0", onClose: handleHelpClick })) }) }) }), children] }));
+};
+exports.SharedHomeHeader = SharedHomeHeader;

package/dist/components/sharedHomePanel/index.d.ts

@@ -0,0 +1,9 @@
+export * from './SharedHomeContent';
+export * from './ShareHomeFilters';
+export * from './SharedHomeHeader';
+export * from './ShareHomeAddedContacts';
+export * from './ShareHomeAddEmail';
+export * from './ShareHomeConnections';
+export * from './ShareHomeContactCard';
+export * from './ShareHomeForm';
+export * from './ShareWithButton';

package/dist/components/sharedHomePanel/index.js

@@ -0,0 +1,25 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SharedHomeContent"), exports);
+__exportStar(require("./ShareHomeFilters"), exports);
+__exportStar(require("./SharedHomeHeader"), exports);
+__exportStar(require("./ShareHomeAddedContacts"), exports);
+__exportStar(require("./ShareHomeAddEmail"), exports);
+__exportStar(require("./ShareHomeConnections"), exports);
+__exportStar(require("./ShareHomeContactCard"), exports);
+__exportStar(require("./ShareHomeForm"), exports);
+__exportStar(require("./ShareWithButton"), exports);

package/dist/components/span/Span.d.ts

@@ -0,0 +1 @@
+export declare const Span: import("@chakra-ui/react").ChakraComponent<"span", {}>;

package/dist/components/span/Span.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Span = void 0;
+var react_1 = require("@chakra-ui/react");
+exports.Span = (0, react_1.chakra)('span', {
+    baseStyle: {
+        fontWeight: 'bold',
+    },
+});

package/dist/components/span/index.d.ts

@@ -0,0 +1 @@
+export * from './Span';

package/dist/components/span/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Span"), exports);

package/dist/components/subscription/ActiveSubscription.d.ts

@@ -0,0 +1,2 @@
+import { ActiveSubscriptionI } from '@/interfaces';
+export declare const ActiveSubscription: ({ availableStorage, homes, nextCharge, onDeleteClick, storageLabel, subscriptionPrice, totalStorage, totalUsed, }: ActiveSubscriptionI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/ActiveSubscription.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActiveSubscription = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var utils_1 = require("@/utils");
+var ActiveSubscription = function (_a) {
+    var availableStorage = _a.availableStorage, _b = _a.homes, homes = _b === void 0 ? [] : _b, nextCharge = _a.nextCharge, onDeleteClick = _a.onDeleteClick, storageLabel = _a.storageLabel, subscriptionPrice = _a.subscriptionPrice, totalStorage = _a.totalStorage, totalUsed = _a.totalUsed;
+    var dateFormatted = (0, utils_1.shortFormatDate)({ date: nextCharge });
+    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { p: "base", bg: "lightGreen.1", children: [(0, jsx_runtime_1.jsxs)(react_1.Stack, { gap: "2", marginBottom: "8", children: [(0, jsx_runtime_1.jsxs)(react_1.Stack, { children: [(0, jsx_runtime_1.jsx)(react_1.Text, { variant: "home", textTransform: "uppercase", children: (0, i18next_1.t)('subscription.active') }), (0, jsx_runtime_1.jsxs)(react_1.Text, { fontSize: "lg", children: [(0, i18next_1.t)('subscription.title2'), (0, jsx_runtime_1.jsx)(components_1.Span, { children: " ".concat(totalStorage, "GB ") }), (0, i18next_1.t)('subscription.storage')] })] }), (0, jsx_runtime_1.jsxs)(react_1.Box, { border: "1px solid", borderColor: "lightGray.1", bg: "lightBlue.1", children: [(0, jsx_runtime_1.jsx)(components_1.StorageCard, { availableStorage: availableStorage, storageLabel: storageLabel, state: "paid", totalStorage: totalStorage, totalUsed: totalUsed }), Boolean(homes[0]) && ((0, jsx_runtime_1.jsx)(components_1.HomesDropdown, { homes: homes, state: "paid", totalStorage: totalStorage, onDeleteClick: onDeleteClick }))] })] }), (0, jsx_runtime_1.jsxs)(react_1.Stack, { gap: "2", children: [(0, jsx_runtime_1.jsx)(components_1.SubscriptionRow, { labelAlign: "left", label: (0, i18next_1.t)('subscription.table.subscription'), value: (0, utils_1.formatCurrency)({ value: subscriptionPrice }) }), (0, jsx_runtime_1.jsx)(react_1.Text, { my: "base", textAlign: "right", fontFamily: "secondary", children: "".concat((0, i18next_1.t)('subscription.nextCharge'), " ").concat(dateFormatted) })] })] }));
+};
+exports.ActiveSubscription = ActiveSubscription;

package/dist/components/subscription/AlertBanner.d.ts

@@ -0,0 +1,2 @@
+import { AlertBannerI } from '@/interfaces';
+export declare const AlertBanner: ({ buttonLabel, buttonAction }: AlertBannerI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/AlertBanner.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertBanner = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var images_1 = require("@/assets/images");
+var utils_1 = require("@/utils");
+var AlertBanner = function (_a) {
+    var buttonLabel = _a.buttonLabel, buttonAction = _a.buttonAction;
+    var altWarning = (0, utils_1.getIconAltText)(images_1.Warning);
+    var showCallToAction = Boolean(buttonLabel);
+    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { bg: "error.2", minH: "3.5rem", py: "base", px: "4", justify: "space-between", align: "center", children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, { gap: "base", align: "center", children: [(0, jsx_runtime_1.jsx)(react_1.Image, { src: images_1.Warning, alt: altWarning, boxSize: "30px", objectFit: "scale-down" }), (0, jsx_runtime_1.jsx)(react_1.Text, { fontFamily: "secondary", fontWeight: "bold", color: "neutral.white", lineHeight: "1.2", children: (0, i18next_1.t)('subscription.runOut') })] }), showCallToAction && ((0, jsx_runtime_1.jsx)(react_1.Button, { variant: "banner", onClick: buttonAction, children: buttonLabel }))] }));
+};
+exports.AlertBanner = AlertBanner;

package/dist/components/subscription/DeleteBanner.d.ts

@@ -0,0 +1,2 @@
+import { DeleteBannerI } from '@/interfaces';
+export declare const DeleteBanner: ({ buttonLabel, buttonAction, beDeleted, }: DeleteBannerI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/DeleteBanner.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DeleteBanner = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var images_1 = require("@/assets/images");
+var DeleteBanner = function (_a) {
+    var _b = _a.buttonLabel, buttonLabel = _b === void 0 ? (0, i18next_1.t)('subscription.view') : _b, buttonAction = _a.buttonAction, beDeleted = _a.beDeleted;
+    var showCallToAction = Boolean(buttonLabel);
+    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { bg: "violet.1", minH: "3.5rem", py: "base", px: "4", justify: "space-between", align: "center", gap: "base", children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, { gap: "base", align: "center", children: [(0, jsx_runtime_1.jsx)(react_1.Image, { src: images_1.AlertDelete, alt: "subscription" }), (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "sm", color: "neutral.white", lineHeight: "1.2", children: showCallToAction ? ("".concat(beDeleted, " ").concat((0, i18next_1.t)('subscription.beDeleted'))) : ("".concat(beDeleted)) })] }), showCallToAction && ((0, jsx_runtime_1.jsx)(react_1.Button, { variant: "banner", onClick: buttonAction, children: buttonLabel }))] }));
+};
+exports.DeleteBanner = DeleteBanner;

package/dist/components/subscription/HomeStorage.d.ts

@@ -0,0 +1,2 @@
+import { HomeStorageI } from '@/interfaces';
+export declare const HomeStorage: ({ id, name, onDeleteClick, showDashedLine, state, totalStorage, totalUsed, }: HomeStorageI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/HomeStorage.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HomeStorage = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var HomeStorage = function (_a) {
+    var id = _a.id, name = _a.name, onDeleteClick = _a.onDeleteClick, _b = _a.showDashedLine, showDashedLine = _b === void 0 ? false : _b, _c = _a.state, state = _c === void 0 ? 'trial' : _c, _d = _a.totalStorage, totalStorage = _d === void 0 ? 1 : _d, _e = _a.totalUsed, totalUsed = _e === void 0 ? 0 : _e;
+    var progressValue = (totalUsed / totalStorage) * 100;
+    var isRunningOut = progressValue >= 80;
+    var progressColor = {
+        trial: 'storageTrialDark',
+        paid: 'storagePaidDark',
+        'running-out': isRunningOut ? 'storageRunningOutDark' : 'storagePaidDark',
+    };
+    var handleDelete = function () {
+        return onDeleteClick && onDeleteClick({ name: name, id: id, totalUsed: totalUsed });
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { children: [(0, jsx_runtime_1.jsx)(react_1.Button, { "aria-label": "delete home", variant: "iconOutlined", border: "none", boxShadow: "none", borderTop: showDashedLine ? '1px solid' : '', borderTopColor: "lightBlue.1", onClick: handleDelete, css: {
+                    '& > svg': {
+                        strokeWidth: '1.5',
+                    },
+                }, children: (0, jsx_runtime_1.jsx)(components_1.TrashIcon, { size: 26 }) }), (0, jsx_runtime_1.jsxs)(react_1.Flex, { justify: "space-between", align: "center", p: "base", bg: isRunningOut ? 'error.1' : 'lightGray.1', borderTop: showDashedLine ? '1px solid' : '', borderTopColor: "lightBlue.1", width: "100%", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "xs", textTransform: "uppercase", noOfLines: 1, overflow: "clip", width: "45%", children: name }), (0, jsx_runtime_1.jsxs)(react_1.Flex, { gap: "base", align: "center", flex: "auto", children: [(0, jsx_runtime_1.jsx)(react_1.Progress, { variant: progressColor[state], value: progressValue, height: "12px", flex: "auto" }), (0, jsx_runtime_1.jsxs)(react_1.Text, { fontSize: "xs", children: [totalUsed, " GB"] })] })] })] }));
+};
+exports.HomeStorage = HomeStorage;

package/dist/components/subscription/HomesDropdown.d.ts

@@ -0,0 +1,2 @@
+import { HomesDropdownI } from '@/interfaces';
+export declare const HomesDropdown: ({ homes, onDeleteClick, state, totalStorage, }: HomesDropdownI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/HomesDropdown.js

@@ -0,0 +1,30 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HomesDropdown = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var HomesDropdown = function (_a) {
+    var homes = _a.homes, onDeleteClick = _a.onDeleteClick, state = _a.state, totalStorage = _a.totalStorage;
+    return ((0, jsx_runtime_1.jsx)(react_1.Accordion, { allowMultiple: true, children: (0, jsx_runtime_1.jsx)(react_1.AccordionItem, { border: "none", children: function (_a) {
+                var isExpanded = _a.isExpanded;
+                return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isExpanded && ((0, jsx_runtime_1.jsx)(react_1.AccordionButton, { children: (0, jsx_runtime_1.jsx)(react_1.Flex, { w: "100%", justify: "center", children: (0, jsx_runtime_1.jsx)(components_1.ChevronDown, { size: 28 }) }) })), (0, jsx_runtime_1.jsx)(react_1.AccordionPanel, { children: (0, jsx_runtime_1.jsxs)(react_1.Stack, { gap: "2", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "sm", children: (0, i18next_1.t)('subscription.activeHomes') }), (0, jsx_runtime_1.jsx)(react_1.Box, { bg: "neutral.white", children: homes === null || homes === void 0 ? void 0 : homes.map(function (home, idx) {
+                                            var showLine = idx !== 0;
+                                            var totalStoragePerHome = totalStorage / homes.length;
+                                            return ((0, jsx_runtime_1.jsx)(components_1.HomeStorage, __assign({}, home, { state: state, onDeleteClick: onDeleteClick, showDashedLine: showLine, totalStorage: totalStoragePerHome }), home === null || home === void 0 ? void 0 : home.id));
+                                        }) })] }) }), isExpanded && ((0, jsx_runtime_1.jsx)(react_1.AccordionButton, { children: (0, jsx_runtime_1.jsx)(react_1.Flex, { w: "100%", justify: "center", children: (0, jsx_runtime_1.jsx)(components_1.ChevronUp, { size: 28 }) }) }))] }));
+            } }) }));
+};
+exports.HomesDropdown = HomesDropdown;

package/dist/components/subscription/MonthlyCharge.d.ts

@@ -0,0 +1,2 @@
+import { MonthlyChargeI } from '@/interfaces';
+export declare const MonthlyCharge: ({ additionalPrice, additionalStorage, monthlyCharge, monthDate, nextCharge, taxPercentage, taxValue, subtotal, }: MonthlyChargeI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/MonthlyCharge.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MonthlyCharge = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var utils_1 = require("@/utils");
+var MonthlyCharge = function (_a) {
+    var additionalPrice = _a.additionalPrice, _b = _a.additionalStorage, additionalStorage = _b === void 0 ? 2 : _b, monthlyCharge = _a.monthlyCharge, monthDate = _a.monthDate, nextCharge = _a.nextCharge, taxPercentage = _a.taxPercentage, taxValue = _a.taxValue, subtotal = _a.subtotal;
+    var monthDateFormatted = (0, utils_1.formatMonthYear)({
+        date: monthDate,
+    });
+    var chargeLabel = "".concat(monthDateFormatted, " ").concat((0, i18next_1.t)('subscription.charge'));
+    var additionalStorageLabel = "".concat((0, i18next_1.t)('subscription.additional'), " ").concat(additionalStorage, "GB ").concat((0, i18next_1.t)('subscription.storage'));
+    return ((0, jsx_runtime_1.jsxs)(react_1.Stack, { bg: "lightBlue.1", p: "base", spacing: "5", children: [(0, jsx_runtime_1.jsxs)(react_1.Stack, { spacing: "2", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { fontWeight: "semibold", textTransform: "uppercase", children: (0, i18next_1.t)('subscription.monthly') }), (0, jsx_runtime_1.jsx)(react_1.Text, { fontFamily: "secondary", children: (0, i18next_1.t)('subscription.additionalServices') })] }), (0, jsx_runtime_1.jsx)(components_1.SubscriptionTable, { nextCharge: nextCharge, subscriptionLabel: additionalStorageLabel, subscriptionPrice: additionalPrice, subtotal: subtotal, taxPercentage: taxPercentage, taxValue: taxValue, totalLabel: chargeLabel, totalCharged: monthlyCharge })] }));
+};
+exports.MonthlyCharge = MonthlyCharge;

package/dist/components/subscription/PartnerActiveSubscription.d.ts

@@ -0,0 +1,2 @@
+import { PartnerActiveSubscriptionI } from '@/interfaces';
+export declare const PartnerActiveSubscription: ({ partner, renew, subscriptionPrice, totalStorage, totalUsed, }: PartnerActiveSubscriptionI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/PartnerActiveSubscription.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PartnerActiveSubscription = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var utils_1 = require("@/utils");
+var PartnerActiveSubscription = function (_a) {
+    var partner = _a.partner, renew = _a.renew, subscriptionPrice = _a.subscriptionPrice, totalStorage = _a.totalStorage, totalUsed = _a.totalUsed;
+    var dateFormatted = (0, utils_1.shortFormatDate)({ date: renew });
+    var currencyFormatted = (0, utils_1.formatCurrency)({ value: subscriptionPrice });
+    return ((0, jsx_runtime_1.jsx)(react_1.Box, { px: "base", py: "4", bg: "lightGreen.1", children: (0, jsx_runtime_1.jsxs)(react_1.Stack, { spacing: "4", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { variant: "home", textTransform: "uppercase", children: (0, i18next_1.t)('subscription.active') }), (0, jsx_runtime_1.jsxs)(react_1.Text, { fontSize: "lg", children: ["".concat(partner, " ").concat((0, i18next_1.t)('subscription.partnerTitle')), (0, jsx_runtime_1.jsx)(components_1.Span, { children: " ".concat(totalStorage, "GB ") }), "".concat((0, i18next_1.t)('subscription.storage'), ".")] }), (0, jsx_runtime_1.jsx)(react_1.Box, { boxShadow: "md", children: (0, jsx_runtime_1.jsx)(components_1.StorageCard, { storageLabel: (0, i18next_1.t)('subscription.totalStorage'), totalStorage: totalStorage, totalUsed: totalUsed }) }), (0, jsx_runtime_1.jsxs)(react_1.Box, { children: [(0, jsx_runtime_1.jsx)(react_1.Text, { fontFamily: "secondary", textAlign: "center", children: "".concat((0, i18next_1.t)('subscription.renew'), " ").concat(dateFormatted, ",") }), (0, jsx_runtime_1.jsx)(react_1.Text, { fontFamily: "secondary", textAlign: "center", children: "".concat((0, i18next_1.t)('subscription.annualFee'), " ").concat(currencyFormatted, ".") })] })] }) }));
+};
+exports.PartnerActiveSubscription = PartnerActiveSubscription;

package/dist/components/subscription/StorageCard.d.ts

@@ -0,0 +1,2 @@
+import { StorageCardI } from '@/interfaces';
+export declare const StorageCard: ({ availableStorage, storageLabel, state, totalStorage, totalUsed, }: StorageCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/StorageCard.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StorageCard = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var helpers_1 = require("@/helpers");
+var StorageCard = function (_a) {
+    var availableStorage = _a.availableStorage, _b = _a.storageLabel, storageLabel = _b === void 0 ? (0, i18next_1.t)('subscription.total') : _b, _c = _a.state, state = _c === void 0 ? 'paid' : _c, totalStorage = _a.totalStorage, totalUsed = _a.totalUsed;
+    var progressValue = (totalUsed / totalStorage) * 100;
+    return ((0, jsx_runtime_1.jsxs)(react_1.Stack, { padding: "base", bg: "neutral.white", borderTop: "1px solid", borderColor: "lightBlue.1", children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "baseline", justify: "space-between", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "xs", textTransform: "uppercase", children: storageLabel }), (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "xs", children: "".concat(totalUsed, " GB ").concat((0, i18next_1.t)('subscription.of').toLowerCase(), "  ").concat(totalStorage, " GB  ").concat((0, i18next_1.t)('subscription.used').toLowerCase()) })] }), (0, jsx_runtime_1.jsxs)(react_1.Stack, { pb: availableStorage ? '' : '2', children: [(0, jsx_runtime_1.jsx)(react_1.Progress, { variant: helpers_1.progressColor[state], size: "md", value: progressValue, height: "18px" }), availableStorage && ((0, jsx_runtime_1.jsx)(react_1.Text, { textAlign: "right", fontSize: "xxs", children: "".concat(availableStorage, " GB ").concat((0, i18next_1.t)('subscription.available')) }))] })] }));
+};
+exports.StorageCard = StorageCard;

package/dist/components/subscription/Subscription.d.ts

@@ -0,0 +1,2 @@
+import { SubscriptionI } from '@/interfaces';
+export declare const Subscription: ({ availableStorage, banner, disabled, homes, menuItems, onDeleteClick, title, totalStorage, totalUsed, state, storageLabel, }: SubscriptionI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/Subscription.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Subscription = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var images_1 = require("@/assets/images");
+var HomesDropdown_1 = require("./HomesDropdown");
+var Subscription = function (_a) {
+    var availableStorage = _a.availableStorage, banner = _a.banner, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.homes, homes = _c === void 0 ? [] : _c, _d = _a.menuItems, menuItems = _d === void 0 ? [] : _d, onDeleteClick = _a.onDeleteClick, _e = _a.title, title = _e === void 0 ? (0, i18next_1.t)('subscription.title') : _e, totalStorage = _a.totalStorage, totalUsed = _a.totalUsed, _f = _a.state, state = _f === void 0 ? 'paid' : _f, storageLabel = _a.storageLabel;
+    return ((0, jsx_runtime_1.jsx)(components_1.TileTooltip, { label: "subscription", children: (0, jsx_runtime_1.jsxs)(react_1.Stack, { bg: "lightBlue.1", id: "trackStorage", children: [(0, jsx_runtime_1.jsxs)(react_1.Container, { h: "fit-content", minW: ['full', '20rem'], children: [(0, jsx_runtime_1.jsx)(components_1.ContainerHeader, { disabled: disabled, menuItems: menuItems, icon: (0, jsx_runtime_1.jsx)(components_1.MoreHorizontal, { size: 38 }), iconSize: "26px", title: title, titleIcon: images_1.LogoSmall }), banner, (0, jsx_runtime_1.jsx)(components_1.StorageCard, { availableStorage: availableStorage, state: state, storageLabel: storageLabel, totalStorage: totalStorage, totalUsed: totalUsed })] }), Boolean(homes[0]) && ((0, jsx_runtime_1.jsx)(HomesDropdown_1.HomesDropdown, { homes: homes, state: state, totalStorage: totalStorage, onDeleteClick: onDeleteClick }))] }) }));
+};
+exports.Subscription = Subscription;

package/dist/components/subscription/SubscriptionCard.d.ts

@@ -0,0 +1,2 @@
+import { SubscriptionCardI } from '@/interfaces';
+export declare const SubscriptionCard: ({ storage, totalCharged, }: SubscriptionCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/SubscriptionCard.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubscriptionCard = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var utils_1 = require("@/utils");
+var SubscriptionCard = function (_a) {
+    var storage = _a.storage, totalCharged = _a.totalCharged;
+    var total = (0, utils_1.formatCurrency)({ value: totalCharged });
+    return ((0, jsx_runtime_1.jsx)(react_1.Box, { bg: "lightBlue.2", p: "base", w: "100%", children: (0, jsx_runtime_1.jsxs)(react_1.Container, { border: "1px solid", borderColor: "blue.8", p: "base", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "lg", fontWeight: "bold", color: "blue.2", children: (0, i18next_1.t)('subscription.title') }), (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "sm", children: "".concat(storage, " ").concat((0, i18next_1.t)('subscription.space')) }), (0, jsx_runtime_1.jsxs)(react_1.Flex, { justify: "space-between", children: [(0, jsx_runtime_1.jsx)(react_1.Box, {}), (0, jsx_runtime_1.jsx)(react_1.Text, { fontWeight: "medium", children: total })] })] }) }));
+};
+exports.SubscriptionCard = SubscriptionCard;

package/dist/components/subscription/SubscriptionContent.d.ts

@@ -0,0 +1 @@
+export declare const SubscriptionContent: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/SubscriptionContent.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubscriptionContent = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var images_1 = require("@/assets/images");
+var components_1 = require("@/components");
+var SubscriptionContent = function () {
+    return ((0, jsx_runtime_1.jsxs)(react_1.DrawerContent, { bg: "lightBlue.1", p: "0", children: [(0, jsx_runtime_1.jsx)(react_1.DrawerHeader, { p: "0", children: (0, jsx_runtime_1.jsx)(components_1.PanelHeader, { handleCloseButton: function () { return null; }, icon: images_1.Subscription, title: (0, i18next_1.t)('subscription.panelTitle') }) }), (0, jsx_runtime_1.jsxs)(react_1.DrawerBody, { p: "0", children: [(0, jsx_runtime_1.jsx)(components_1.SubscriptionCard, { storage: 2, totalCharged: 36.0 }), (0, jsx_runtime_1.jsx)(react_1.Box, { p: "base", children: (0, jsx_runtime_1.jsx)(components_1.SubscriptionTable, { nextCharge: "01/12/2024", subscriptionPrice: 36, subtotal: 36.0, taxPercentage: 8.5, taxValue: 3.06, totalCharged: 36.0 }) })] })] }));
+};
+exports.SubscriptionContent = SubscriptionContent;

package/dist/components/subscription/SubscriptionRow.d.ts

@@ -0,0 +1,2 @@
+import { SubscriptionRowI } from '@/interfaces';
+export declare const SubscriptionRow: ({ label, labelWeight, labelAlign, value, }: SubscriptionRowI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/SubscriptionRow.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubscriptionRow = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@chakra-ui/react");
+var SubscriptionRow = function (_a) {
+    var label = _a.label, _b = _a.labelWeight, labelWeight = _b === void 0 ? 'regular' : _b, _c = _a.labelAlign, labelAlign = _c === void 0 ? 'right' : _c, value = _a.value;
+    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { justify: "space-between", marginTop: "-1px", children: [(0, jsx_runtime_1.jsx)(react_1.Box, { p: "base", flex: "auto", bg: "neutral.white", border: "1px solid", borderColor: "lightGray.1", children: (0, jsx_runtime_1.jsx)(react_1.Text, { fontWeight: labelWeight, textAlign: labelAlign, children: label }) }), (0, jsx_runtime_1.jsx)(react_1.Box, { p: "base", minW: "7rem", bg: "neutral.white", border: "1px solid", borderColor: "lightGray.1", marginLeft: "-1px", children: (0, jsx_runtime_1.jsx)(react_1.Text, { fontWeight: "medium", textAlign: "center", children: value }) })] }));
+};
+exports.SubscriptionRow = SubscriptionRow;

package/dist/components/subscription/SubscriptionTable.d.ts

@@ -0,0 +1,2 @@
+import { SubscriptionTableI } from '@/interfaces';
+export declare const SubscriptionTable: ({ nextCharge, subscriptionLabel, subscriptionPrice, subtotal, taxPercentage, taxValue, totalLabel, totalCharged, }: SubscriptionTableI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/subscription/SubscriptionTable.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubscriptionTable = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18next_1 = require("i18next");
+var react_1 = require("@chakra-ui/react");
+var components_1 = require("@/components");
+var utils_1 = require("@/utils");
+var SubscriptionTable = function (_a) {
+    var nextCharge = _a.nextCharge, _b = _a.subscriptionLabel, subscriptionLabel = _b === void 0 ? (0, i18next_1.t)('subscription.table.subscription') || '' : _b, subscriptionPrice = _a.subscriptionPrice, subtotal = _a.subtotal, taxPercentage = _a.taxPercentage, _c = _a.taxValue, taxValue = _c === void 0 ? 0 : _c, _d = _a.totalLabel, totalLabel = _d === void 0 ? (0, i18next_1.t)('subscription.table.total') || '' : _d, totalCharged = _a.totalCharged;
+    var hasTax = Boolean(taxPercentage);
+    var dateFormatted = (0, utils_1.shortFormatDate)({ date: nextCharge });
+    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { bg: "lightBlue.1", w: "100%", children: [(0, jsx_runtime_1.jsx)(components_1.SubscriptionRow, { labelAlign: "left", label: subscriptionLabel, value: (0, utils_1.formatCurrency)({ value: subscriptionPrice }) }), hasTax && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.SubscriptionRow, { label: (0, i18next_1.t)('subscription.table.subtotal'), value: (0, utils_1.formatCurrency)({ value: subtotal }) }), (0, jsx_runtime_1.jsx)(components_1.SubscriptionRow, { label: "".concat((0, i18next_1.t)('subscription.table.tax'), " ").concat(taxPercentage, "%"), value: (0, utils_1.formatCurrency)({ value: taxValue }) })] })), (0, jsx_runtime_1.jsx)(components_1.SubscriptionRow, { label: totalLabel, labelWeight: "bold", value: (0, utils_1.formatCurrency)({ value: totalCharged }) }), (0, jsx_runtime_1.jsx)(react_1.Text, { my: "base", textAlign: "right", fontFamily: "secondary", children: "".concat((0, i18next_1.t)('subscription.nextCharge'), " ").concat(dateFormatted) })] }));
+};
+exports.SubscriptionTable = SubscriptionTable;

package/dist/components/subscription/TrialBanner.d.ts

@@ -0,0 +1,2 @@
+import { TrialBannerI } from '@/interfaces';
+export declare const TrialBanner: ({ buttonLabel, buttonAction, totalDays, currentDay, }: TrialBannerI) => import("react/jsx-runtime").JSX.Element;