@appcorp/app-corp-vista 0.0.1 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/molecules/vista-avatar-v1.js +11 -11
  2. package/molecules/vista-button-v1.d.ts +3 -0
  3. package/molecules/vista-button-v1.js +43 -0
  4. package/molecules/vista-drawer-v1.js +7 -8
  5. package/package.json +6 -15
  6. package/type/vista-avatar-type.d.ts +3 -3
  7. package/type/vista-avatar-type.js +9 -9
  8. package/type/vista-button-type.d.ts +34 -0
  9. package/type/vista-button-type.js +28 -0
  10. package/type/vista-drawer-type.d.ts +13 -2
  11. package/type/vista-stacked-avatar-type.d.ts +2 -2
  12. package/emails/app-appointment.d.ts +0 -18
  13. package/emails/app-appointment.js +0 -100
  14. package/emails/app-contact.d.ts +0 -19
  15. package/emails/app-contact.js +0 -99
  16. package/emails/app-newsletter.d.ts +0 -2
  17. package/emails/app-newsletter.js +0 -28
package/molecules/vista-avatar-v1.js CHANGED
@@ -9,18 +9,18 @@ var react_1 = __importDefault(require("react"));
9
9
  var image_1 = __importDefault(require("next/image"));
10
10
  var vista_avatar_type_1 = require("../type/vista-avatar-type");
11
11
  exports.sizeMap = (_a = {},
12
- _a[vista_avatar_type_1.VISTA_AVATAR_SIZES.XS] = 'size-6',
13
- _a[vista_avatar_type_1.VISTA_AVATAR_SIZES.SM] = 'size-8',
14
- _a[vista_avatar_type_1.VISTA_AVATAR_SIZES.MD] = 'size-10',
15
- _a[vista_avatar_type_1.VISTA_AVATAR_SIZES.LG] = 'size-12',
16
- _a[vista_avatar_type_1.VISTA_AVATAR_SIZES.XL] = 'size-14',
12
+ _a[vista_avatar_type_1.VISTA_AVATAR_SIZE.XS] = 'size-6',
13
+ _a[vista_avatar_type_1.VISTA_AVATAR_SIZE.SM] = 'size-8',
14
+ _a[vista_avatar_type_1.VISTA_AVATAR_SIZE.MD] = 'size-10',
15
+ _a[vista_avatar_type_1.VISTA_AVATAR_SIZE.LG] = 'size-12',
16
+ _a[vista_avatar_type_1.VISTA_AVATAR_SIZE.XL] = 'size-14',
17
17
  _a);
18
18
  exports.initialFontSizeMap = (_b = {},
19
- _b[vista_avatar_type_1.VISTA_AVATAR_SIZES.XS] = 'text-xs',
20
- _b[vista_avatar_type_1.VISTA_AVATAR_SIZES.SM] = 'text-sm',
21
- _b[vista_avatar_type_1.VISTA_AVATAR_SIZES.MD] = 'text-md',
22
- _b[vista_avatar_type_1.VISTA_AVATAR_SIZES.LG] = 'text-lg',
23
- _b[vista_avatar_type_1.VISTA_AVATAR_SIZES.XL] = 'text-xl',
19
+ _b[vista_avatar_type_1.VISTA_AVATAR_SIZE.XS] = 'text-xs',
20
+ _b[vista_avatar_type_1.VISTA_AVATAR_SIZE.SM] = 'text-sm',
21
+ _b[vista_avatar_type_1.VISTA_AVATAR_SIZE.MD] = 'text-md',
22
+ _b[vista_avatar_type_1.VISTA_AVATAR_SIZE.LG] = 'text-lg',
23
+ _b[vista_avatar_type_1.VISTA_AVATAR_SIZE.XL] = 'text-xl',
24
24
  _b);
25
25
  exports.roundedMap = (_c = {},
26
26
  _c[vista_avatar_type_1.VISTA_AVATAR_ROUNDED.FULL] = 'rounded-full',
@@ -38,7 +38,7 @@ exports.positionMap = (_e = {},
38
38
  _e[vista_avatar_type_1.VISTA_STATUS_POSITION.TOP_LEFT] = 'top-1 left-1',
39
39
  _e);
40
40
  var VistaAvatarV1 = function (_a) {
41
- var alt = _a.alt, className = _a.className, initial = _a.initial, _b = _a.rounded, rounded = _b === void 0 ? vista_avatar_type_1.VISTA_AVATAR_ROUNDED.FULL : _b, _c = _a.size, size = _c === void 0 ? vista_avatar_type_1.VISTA_AVATAR_SIZES.MD : _c, src = _a.src, status = _a.status, statusPosition = _a.statusPosition;
41
+ var alt = _a.alt, className = _a.className, initial = _a.initial, _b = _a.rounded, rounded = _b === void 0 ? vista_avatar_type_1.VISTA_AVATAR_ROUNDED.FULL : _b, _c = _a.size, size = _c === void 0 ? vista_avatar_type_1.VISTA_AVATAR_SIZE.MD : _c, src = _a.src, status = _a.status, statusPosition = _a.statusPosition;
42
42
  return (react_1.default.createElement("div", { className: "relative inline-block ".concat(exports.roundedMap[rounded], " ").concat(exports.sizeMap[size]) },
43
43
  src && (react_1.default.createElement(image_1.default, { alt: alt, className: "inline-block ".concat(exports.roundedMap[rounded], " ").concat(exports.sizeMap[size], " ").concat(className), fill: true, height: 0, loading: 'lazy', sizes: '10vw', src: src, width: 0 })),
44
44
  !src && !initial && (react_1.default.createElement("svg", { fill: "currentColor", viewBox: "0 0 24 24", className: "size-full text-gray-300 ".concat(exports.roundedMap[rounded]) },
package/molecules/vista-button-v1.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { FC } from 'react';
2
+ import { VistaButtonV1Props } from '../type/vista-button-type';
3
+ export declare const VistaButtonV1: FC<VistaButtonV1Props>;
package/molecules/vista-button-v1.js ADDED
@@ -0,0 +1,43 @@
1
+ 'use client';
2
+ "use strict";
3
+ var __importDefault = (this && this.__importDefault) || function (mod) {
4
+ return (mod && mod.__esModule) ? mod : { "default": mod };
5
+ };
6
+ var _a, _b, _c;
7
+ Object.defineProperty(exports, "__esModule", { value: true });
8
+ exports.VistaButtonV1 = void 0;
9
+ var react_1 = __importDefault(require("react"));
10
+ var vista_button_type_1 = require("../type/vista-button-type");
11
+ var vistaButtonSizeMap = (_a = {},
12
+ _a[vista_button_type_1.VISTA_BUTTON_SIZE.XS] = 'px-2 py-1 text-xs',
13
+ _a[vista_button_type_1.VISTA_BUTTON_SIZE.SM] = 'px-2 py-1 text-sm',
14
+ _a[vista_button_type_1.VISTA_BUTTON_SIZE.MD] = 'px-2.5 py-1.5 text-sm',
15
+ _a[vista_button_type_1.VISTA_BUTTON_SIZE.LG] = 'px-3 py-2 text-sm',
16
+ _a[vista_button_type_1.VISTA_BUTTON_SIZE.XL] = 'px-3.5 py-2.5 text-sm',
17
+ _a);
18
+ var vistaButtonVariantMap = (_b = {},
19
+ _b[vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY] = 'bg-indigo-600 text-white hover:bg-indigo-500 focus-visible:outline-indigo-600',
20
+ _b[vista_button_type_1.VISTA_BUTTON_VARIANT.SECONDARY] = 'bg-white text-gray-900 hover:bg-gray-50 ring-1 ring-inset ring-gray-300',
21
+ _b[vista_button_type_1.VISTA_BUTTON_VARIANT.ICON] = 'bg-indigo-600 text-white hover:bg-indigo-500 focus-visible:outline-indigo-600 px-2 py-2 !rounded-full',
22
+ _b);
23
+ var vistaButtonRoundedMap = (_c = {},
24
+ _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.NONE] = 'rounded-none',
25
+ _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.SM] = 'rounded-sm',
26
+ _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.MD] = 'rounded-md',
27
+ _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.LG] = 'rounded-lg',
28
+ _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.XL] = 'rounded-xl',
29
+ _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.XXL] = 'rounded-2xl',
30
+ _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.XXXL] = 'rounded-3xl',
31
+ _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.FULL] = 'rounded-full',
32
+ _c);
33
+ var VistaButtonV1 = function (_a) {
34
+ var _b = _a.disabled, disabled = _b === void 0 ? false : _b, handleOnClick = _a.handleOnClick, icon = _a.icon, label = _a.label, prefixIcon = _a.prefixIcon, _c = _a.rounded, rounded = _c === void 0 ? vista_button_type_1.VISTA_BUTTON_ROUNDED.MD : _c, _d = _a.size, size = _d === void 0 ? vista_button_type_1.VISTA_BUTTON_SIZE.SM : _d, suffixIcon = _a.suffixIcon, _e = _a.variant, variant = _e === void 0 ? vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY : _e;
35
+ return (react_1.default.createElement("button", { className: "flex flex-row justify-center items-center font-semibold shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:bg-gray-200 disabled:text-gray-400 ".concat(vistaButtonVariantMap[variant], " ").concat(vistaButtonRoundedMap[rounded], " ").concat(vistaButtonSizeMap[size]), onClick: handleOnClick, disabled: disabled, type: "button" },
36
+ react_1.default.createElement("div", { className: 'flex flex-row justify-center items-center gap-2' },
37
+ react_1.default.createElement(react_1.default.Fragment, null, variant !== vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && prefixIcon && prefixIcon),
38
+ react_1.default.createElement(react_1.default.Fragment, null,
39
+ variant !== vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && label,
40
+ variant === vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && icon),
41
+ react_1.default.createElement(react_1.default.Fragment, null, variant !== vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && suffixIcon && suffixIcon))));
42
+ };
43
+ exports.VistaButtonV1 = VistaButtonV1;
package/molecules/vista-drawer-v1.js CHANGED
@@ -7,8 +7,10 @@ exports.VistaDrawerV1 = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
8
  var react_2 = require("@headlessui/react");
9
9
  var outline_1 = require("@heroicons/react/24/outline");
10
+ var vista_button_v1_1 = require("./vista-button-v1");
11
+ var vista_button_type_1 = require("../type/vista-button-type");
10
12
  var VistaDrawerV1 = function (_a) {
11
- var cancelTitle = _a.cancelTitle, children = _a.children, description = _a.description, handleCancelOnClick = _a.handleCancelOnClick, handleSaveOnClick = _a.handleSaveOnClick, handleSetIsOpen = _a.handleSetIsOpen, isOpen = _a.isOpen, saveTitle = _a.saveTitle, title = _a.title;
13
+ var _b = _a.cancelDisabled, cancelDisabled = _b === void 0 ? false : _b, cancelLabel = _a.cancelLabel, cancelPrefixIcon = _a.cancelPrefixIcon, _c = _a.cancelRounded, cancelRounded = _c === void 0 ? vista_button_type_1.VISTA_BUTTON_ROUNDED.MD : _c, _d = _a.cancelSize, cancelSize = _d === void 0 ? vista_button_type_1.VISTA_BUTTON_SIZE.MD : _d, cancelSuffixIcon = _a.cancelSuffixIcon, children = _a.children, description = _a.description, handleCancelOnClick = _a.handleCancelOnClick, handleSaveOnClick = _a.handleSaveOnClick, handleSetIsOpen = _a.handleSetIsOpen, isOpen = _a.isOpen, _e = _a.saveDisabled, saveDisabled = _e === void 0 ? false : _e, saveLabel = _a.saveLabel, savePrefixIcon = _a.savePrefixIcon, _f = _a.saveRounded, saveRounded = _f === void 0 ? vista_button_type_1.VISTA_BUTTON_ROUNDED.MD : _f, _g = _a.saveSize, saveSize = _g === void 0 ? vista_button_type_1.VISTA_BUTTON_SIZE.MD : _g, saveSuffixIcon = _a.saveSuffixIcon, title = _a.title;
12
14
  return (react_1.default.createElement(react_2.Dialog, { open: isOpen, onClose: handleSetIsOpen, className: "relative z-10" },
13
15
  react_1.default.createElement(react_2.DialogBackdrop, { transition: true, className: "fixed inset-0 bg-gray-500/75 transition-opacity duration-500 ease-in-out data-[closed]:opacity-0" }),
14
16
  react_1.default.createElement("div", { className: "fixed inset-0" }),
@@ -23,15 +25,12 @@ var VistaDrawerV1 = function (_a) {
23
25
  react_1.default.createElement("div", { className: "flex items-start justify-between" },
24
26
  react_1.default.createElement(react_2.DialogTitle, { className: "text-base font-semibold text-white" }, title),
25
27
  react_1.default.createElement("div", { className: "ml-3 flex h-7 items-center" },
26
- react_1.default.createElement("button", { type: "button", onClick: function () { return handleSetIsOpen(false); }, className: "relative rounded-md bg-indigo-700 text-indigo-200 hover:text-white focus:outline-none focus:ring-2 focus:ring-white" },
27
- react_1.default.createElement("span", { className: "absolute -inset-2.5" }),
28
- react_1.default.createElement("span", { className: "sr-only" }, "Close panel"),
29
- react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6" })))),
28
+ react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: function () { return handleSetIsOpen(false); }, icon: react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6" }), variant: vista_button_type_1.VISTA_BUTTON_VARIANT.ICON }))),
30
29
  description && (react_1.default.createElement("div", { className: "mt-1" },
31
30
  react_1.default.createElement("p", { className: "text-sm text-indigo-300" }, description)))))),
32
31
  react_1.default.createElement("div", { className: "relative flex-1 px-4 py-6 sm:px-6 overflow-y-scroll" }, children),
33
- react_1.default.createElement("div", { className: "flex shrink-0 justify-end px-4 py-4" },
34
- react_1.default.createElement("button", { className: "rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:ring-gray-400", onClick: function () { return handleCancelOnClick(false); }, type: "button" }, cancelTitle),
35
- handleSaveOnClick && saveTitle && (react_1.default.createElement("button", { className: "ml-4 inline-flex justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500", onClick: handleSaveOnClick, type: "submit" }, saveTitle))))))))));
32
+ react_1.default.createElement("div", { className: "flex shrink-0 justify-end px-4 py-4 gap-4" },
33
+ react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: cancelDisabled, handleOnClick: function () { return handleCancelOnClick(false); }, label: cancelLabel, prefixIcon: cancelPrefixIcon, rounded: cancelRounded, size: cancelSize, suffixIcon: cancelSuffixIcon, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.SECONDARY }),
34
+ handleSaveOnClick && saveLabel && (react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: saveDisabled, handleOnClick: handleSaveOnClick, label: saveLabel, prefixIcon: savePrefixIcon, rounded: saveRounded, size: saveSize, suffixIcon: saveSuffixIcon, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY }))))))))));
36
35
  };
37
36
  exports.VistaDrawerV1 = VistaDrawerV1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/app-corp-vista",
3
- "version": "0.0.1",
3
+ "version": "0.0.3",
4
4
  "scripts": {
5
5
  "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
6
6
  "build:next": "next build",
@@ -36,8 +36,7 @@
36
36
  "@mdx-js/loader": "^3.1.0",
37
37
  "@mdx-js/react": "^3.1.0",
38
38
  "@mdxeditor/editor": "^3.20.0",
39
- "@next/third-parties": "^15.1.2",
40
- "@react-email/components": "^0.0.31",
39
+ "@next/third-parties": "^15.1.3",
41
40
  "@react-jvectormap/core": "^1.0.4",
42
41
  "@react-jvectormap/world": "^1.1.2",
43
42
  "@react-pakistan/react-icon-collection": "^3.5.0",
@@ -53,34 +52,26 @@
53
52
  "@storybook/test": "8.4.7",
54
53
  "@storybook/types": "8.4.7",
55
54
  "@tailwindcss/forms": "^0.5.9",
56
- "@tremor/react": "^3.18.6",
57
55
  "@types/node": "^22",
58
56
  "@types/react": "^19",
59
57
  "@types/react-day-picker": "^5.3.0",
60
58
  "@types/react-dom": "^19",
61
- "apexcharts": "^4.3.0",
62
59
  "autoprefixer": "^10.4.20",
63
60
  "clsx": "^2.1.1",
64
- "concurrently": "^9.1.0",
61
+ "concurrently": "^9.1.1",
65
62
  "eslint": "^9",
66
- "eslint-config-next": "15.1.2",
63
+ "eslint-config-next": "15.1.3",
67
64
  "eslint-plugin-storybook": "^0.11.1",
68
65
  "fast-glob": "^3.3.2",
69
66
  "framer-motion": "^11.15.0",
70
67
  "husky": "^9.1.7",
71
- "next": "^15.1.2",
68
+ "next": "^15.1.3",
72
69
  "next-intl": "^3.26.3",
73
70
  "postcss": "^8",
74
71
  "react": "^19.0.0",
75
- "react-apexcharts": "^1.7.0",
76
- "react-before-after-slider-component": "^1.1.8",
77
- "react-day-picker": "^8.10.1",
78
72
  "react-dom": "^19.0.0",
79
- "react-email": "^3.0.4",
80
- "react-hook-form": "^7.54.2",
81
- "react-select": "^5.9.0",
82
73
  "storybook": "8.4.7",
83
- "swr": "^2.2.5",
74
+ "swr": "^2.3.0",
84
75
  "tailwindcss": "^3.4.17",
85
76
  "tailwindcss-animate": "^1.0.7",
86
77
  "typescript": "^5"
package/type/vista-avatar-type.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare enum VISTA_AVATAR_SIZES {
1
+ export declare enum VISTA_AVATAR_SIZE {
2
2
  XS = "XS",
3
3
  SM = "SM",
4
4
  MD = "MD",
@@ -25,7 +25,7 @@ export interface VistaAvatarV1Props {
25
25
  className?: string;
26
26
  initial?: string;
27
27
  rounded?: VISTA_AVATAR_ROUNDED;
28
- size?: VISTA_AVATAR_SIZES;
28
+ size?: VISTA_AVATAR_SIZE;
29
29
  src?: string;
30
30
  status?: VISTA_AVATAR_STATUS;
31
31
  statusPosition?: VISTA_STATUS_POSITION;
@@ -36,7 +36,7 @@ export interface VistaAvatarV2Props {
36
36
  initial?: string;
37
37
  name: string;
38
38
  rounded: VISTA_AVATAR_ROUNDED;
39
- size: VISTA_AVATAR_SIZES;
39
+ size: VISTA_AVATAR_SIZE;
40
40
  src?: string;
41
41
  status?: VISTA_AVATAR_STATUS;
42
42
  statusPosition?: VISTA_STATUS_POSITION;
package/type/vista-avatar-type.js CHANGED
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.VISTA_STATUS_POSITION = exports.VISTA_AVATAR_STATUS = exports.VISTA_AVATAR_ROUNDED = exports.VISTA_AVATAR_SIZES = void 0;
4
- var VISTA_AVATAR_SIZES;
5
- (function (VISTA_AVATAR_SIZES) {
6
- VISTA_AVATAR_SIZES["XS"] = "XS";
7
- VISTA_AVATAR_SIZES["SM"] = "SM";
8
- VISTA_AVATAR_SIZES["MD"] = "MD";
9
- VISTA_AVATAR_SIZES["LG"] = "LG";
10
- VISTA_AVATAR_SIZES["XL"] = "XL";
11
- })(VISTA_AVATAR_SIZES || (exports.VISTA_AVATAR_SIZES = VISTA_AVATAR_SIZES = {}));
3
+ exports.VISTA_STATUS_POSITION = exports.VISTA_AVATAR_STATUS = exports.VISTA_AVATAR_ROUNDED = exports.VISTA_AVATAR_SIZE = void 0;
4
+ var VISTA_AVATAR_SIZE;
5
+ (function (VISTA_AVATAR_SIZE) {
6
+ VISTA_AVATAR_SIZE["XS"] = "XS";
7
+ VISTA_AVATAR_SIZE["SM"] = "SM";
8
+ VISTA_AVATAR_SIZE["MD"] = "MD";
9
+ VISTA_AVATAR_SIZE["LG"] = "LG";
10
+ VISTA_AVATAR_SIZE["XL"] = "XL";
11
+ })(VISTA_AVATAR_SIZE || (exports.VISTA_AVATAR_SIZE = VISTA_AVATAR_SIZE = {}));
12
12
  var VISTA_AVATAR_ROUNDED;
13
13
  (function (VISTA_AVATAR_ROUNDED) {
14
14
  VISTA_AVATAR_ROUNDED["FULL"] = "rounded-full";
package/type/vista-button-type.d.ts ADDED
@@ -0,0 +1,34 @@
1
+ import { ReactNode, MouseEvent } from "react";
2
+ export declare enum VISTA_BUTTON_SIZE {
3
+ XS = "XS",
4
+ SM = "SM",
5
+ MD = "MD",
6
+ LG = "LG",
7
+ XL = "XL"
8
+ }
9
+ export declare enum VISTA_BUTTON_VARIANT {
10
+ PRIMARY = "PRIMARY",
11
+ SECONDARY = "SECONDARY",
12
+ ICON = "ICON"
13
+ }
14
+ export declare enum VISTA_BUTTON_ROUNDED {
15
+ SM = "SM",
16
+ MD = "MD",
17
+ LG = "LG",
18
+ XL = "XL",
19
+ XXL = "XXL",
20
+ XXXL = "XXXL",
21
+ FULL = "FULL",
22
+ NONE = "NONE"
23
+ }
24
+ export interface VistaButtonV1Props {
25
+ disabled?: boolean;
26
+ handleOnClick: (e: MouseEvent<HTMLButtonElement>) => void;
27
+ icon?: ReactNode;
28
+ label?: string;
29
+ prefixIcon?: ReactNode;
30
+ rounded?: VISTA_BUTTON_ROUNDED;
31
+ size?: VISTA_BUTTON_SIZE;
32
+ suffixIcon?: ReactNode;
33
+ variant?: VISTA_BUTTON_VARIANT;
34
+ }
package/type/vista-button-type.js ADDED
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.VISTA_BUTTON_ROUNDED = exports.VISTA_BUTTON_VARIANT = exports.VISTA_BUTTON_SIZE = void 0;
4
+ var VISTA_BUTTON_SIZE;
5
+ (function (VISTA_BUTTON_SIZE) {
6
+ VISTA_BUTTON_SIZE["XS"] = "XS";
7
+ VISTA_BUTTON_SIZE["SM"] = "SM";
8
+ VISTA_BUTTON_SIZE["MD"] = "MD";
9
+ VISTA_BUTTON_SIZE["LG"] = "LG";
10
+ VISTA_BUTTON_SIZE["XL"] = "XL";
11
+ })(VISTA_BUTTON_SIZE || (exports.VISTA_BUTTON_SIZE = VISTA_BUTTON_SIZE = {}));
12
+ var VISTA_BUTTON_VARIANT;
13
+ (function (VISTA_BUTTON_VARIANT) {
14
+ VISTA_BUTTON_VARIANT["PRIMARY"] = "PRIMARY";
15
+ VISTA_BUTTON_VARIANT["SECONDARY"] = "SECONDARY";
16
+ VISTA_BUTTON_VARIANT["ICON"] = "ICON";
17
+ })(VISTA_BUTTON_VARIANT || (exports.VISTA_BUTTON_VARIANT = VISTA_BUTTON_VARIANT = {}));
18
+ var VISTA_BUTTON_ROUNDED;
19
+ (function (VISTA_BUTTON_ROUNDED) {
20
+ VISTA_BUTTON_ROUNDED["SM"] = "SM";
21
+ VISTA_BUTTON_ROUNDED["MD"] = "MD";
22
+ VISTA_BUTTON_ROUNDED["LG"] = "LG";
23
+ VISTA_BUTTON_ROUNDED["XL"] = "XL";
24
+ VISTA_BUTTON_ROUNDED["XXL"] = "XXL";
25
+ VISTA_BUTTON_ROUNDED["XXXL"] = "XXXL";
26
+ VISTA_BUTTON_ROUNDED["FULL"] = "FULL";
27
+ VISTA_BUTTON_ROUNDED["NONE"] = "NONE";
28
+ })(VISTA_BUTTON_ROUNDED || (exports.VISTA_BUTTON_ROUNDED = VISTA_BUTTON_ROUNDED = {}));
package/type/vista-drawer-type.d.ts CHANGED
@@ -1,12 +1,23 @@
1
1
  import { ReactNode } from "react";
2
+ import { VISTA_BUTTON_ROUNDED, VISTA_BUTTON_SIZE } from "./vista-button-type";
2
3
  export interface VistaDrawerV1Props {
3
- cancelTitle: string;
4
+ cancelDisabled?: boolean;
5
+ cancelLabel: string;
6
+ cancelPrefixIcon?: ReactNode;
7
+ cancelRounded: VISTA_BUTTON_ROUNDED;
8
+ cancelSize: VISTA_BUTTON_SIZE;
9
+ cancelSuffixIcon?: ReactNode;
4
10
  children: ReactNode;
5
11
  description?: string;
6
12
  handleCancelOnClick: (b: boolean) => void;
7
13
  handleSaveOnClick?: () => void;
8
14
  handleSetIsOpen: (b: boolean) => void;
9
15
  isOpen: boolean;
10
- saveTitle?: string;
16
+ saveDisabled?: boolean;
17
+ saveLabel?: string;
18
+ savePrefixIcon?: ReactNode;
19
+ saveRounded: VISTA_BUTTON_ROUNDED;
20
+ saveSize: VISTA_BUTTON_SIZE;
21
+ saveSuffixIcon?: ReactNode;
11
22
  title: string;
12
23
  }
package/type/vista-stacked-avatar-type.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { VISTA_AVATAR_SIZES } from "./vista-avatar-type";
1
+ import { VISTA_AVATAR_SIZE } from "./vista-avatar-type";
2
2
  export interface VistaStackedAvatarItem {
3
3
  alt: string;
4
4
  enabled: boolean;
@@ -8,5 +8,5 @@ export interface VistaStackedAvatarItem {
8
8
  }
9
9
  export interface VistaStackedAvatarV1Props {
10
10
  avatars: VistaStackedAvatarItem[];
11
- size: VISTA_AVATAR_SIZES;
11
+ size: VISTA_AVATAR_SIZE;
12
12
  }
package/emails/app-appointment.d.ts DELETED
@@ -1,18 +0,0 @@
1
- import * as React from 'react';
2
- interface AppointmentEmailProps {
3
- address?: string;
4
- appLogo?: string;
5
- appName?: string;
6
- dashboardUrl?: string;
7
- date?: string;
8
- firstName?: string;
9
- ipAddress?: string;
10
- lastName?: string;
11
- message?: string;
12
- phone?: string;
13
- }
14
- export declare const AppointmentEmail: {
15
- ({ address, appLogo, appName, dashboardUrl, date, firstName, ipAddress, lastName, message, phone, }: AppointmentEmailProps): React.JSX.Element;
16
- PreviewProps: AppointmentEmailProps;
17
- };
18
- export default AppointmentEmail;
package/emails/app-appointment.js DELETED
@@ -1,100 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.AppointmentEmail = void 0;
37
- var components_1 = require("@react-email/components");
38
- var React = __importStar(require("react"));
39
- var AppointmentEmail = function (_a) {
40
- var address = _a.address, appLogo = _a.appLogo, appName = _a.appName, dashboardUrl = _a.dashboardUrl, date = _a.date, firstName = _a.firstName, ipAddress = _a.ipAddress, lastName = _a.lastName, message = _a.message, phone = _a.phone;
41
- var previewText = "".concat(firstName, " has sent reserved an appointment on ").concat(appName);
42
- return (React.createElement(components_1.Html, null,
43
- React.createElement(components_1.Head, null,
44
- React.createElement(components_1.Font, { fontFamily: 'Raleway', fallbackFontFamily: 'Verdana', webFont: {
45
- url: 'https://wgipzowaktxphuhhqjzj.supabase.co/storage/v1/object/public/appcorpblob/fonts/raleway.ttf',
46
- format: 'woff2',
47
- }, fontWeight: 400, fontStyle: 'normal' })),
48
- React.createElement(components_1.Preview, null, previewText),
49
- React.createElement(components_1.Tailwind, null,
50
- React.createElement(components_1.Body, { className: 'bg-[#F6F9FC]' },
51
- React.createElement(components_1.Container, { className: 'bg-[#FFFFFF] py-4' },
52
- React.createElement(components_1.Section, { className: 'py-0 px-12' },
53
- React.createElement(components_1.Img, { className: 'object-contain', src: appLogo, width: '156', height: '50', alt: appName }),
54
- React.createElement(components_1.Hr, { className: 'border border-[#E6EBF1] my-5 mx-0' }),
55
- React.createElement(components_1.Text, { className: 'text-[#6C5F5B] text-left' }, "You have received a new appointment reservation on ".concat(appName, " website.")),
56
- React.createElement(components_1.Text, { className: 'text-[#6C5F5B] text-left' }, "You can view the details in dashboard."),
57
- React.createElement(components_1.Button, { className: 'bg-[#ED7D31] rounded text-white text-base font-bold text-center p-4 w-full box-border', href: dashboardUrl }, "View your Dashboard"),
58
- React.createElement(components_1.Hr, { className: 'border border-[#E6EBF1] my-5 mx-0' }),
59
- React.createElement(components_1.Row, null,
60
- React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
61
- "Name: ",
62
- firstName,
63
- " ",
64
- lastName)),
65
- React.createElement(components_1.Row, null,
66
- React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
67
- "Phone: ",
68
- phone)),
69
- React.createElement(components_1.Row, null,
70
- React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
71
- "Date: ",
72
- date)),
73
- React.createElement(components_1.Row, null,
74
- React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
75
- "Message: ",
76
- message)),
77
- React.createElement(components_1.Row, null,
78
- React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
79
- "IP: ",
80
- ipAddress)),
81
- React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' }, "\u2014 The ".concat(appName, " team")),
82
- React.createElement(components_1.Hr, null),
83
- React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' }, address)))))));
84
- };
85
- exports.AppointmentEmail = AppointmentEmail;
86
- exports.AppointmentEmail.PreviewProps = {
87
- address: 'App Corp, Plaza # G-83, Second Floor, DHA Phase 1, Lahore.',
88
- appLogo: 'https://wgipzowaktxphuhhqjzj.supabase.co/storage/v1/object/public/appcorpblob/app-corp-logo.webp',
89
- appName: 'App Corp',
90
- dashboardUrl: 'https://www.appcorp.org/en/app/dashboard',
91
- date: '12 Aug 2024',
92
- firstName: 'John',
93
- ipAddress: '192.168.0.1',
94
- lastName: 'Doe',
95
- message: 'dummy message',
96
- optional1: 'Optional 1',
97
- optional2: 'Optional 2',
98
- phone: '+92 32X XXXXXXX',
99
- };
100
- exports.default = exports.AppointmentEmail;
package/emails/app-contact.d.ts DELETED
@@ -1,19 +0,0 @@
1
- import * as React from 'react';
2
- interface ContactEmailProps {
3
- address?: string;
4
- appLogo?: string;
5
- appName?: string;
6
- dashboardUrl?: string;
7
- email?: string;
8
- firstName?: string;
9
- ipAddress?: string;
10
- lastName?: string;
11
- message?: string;
12
- optional1?: string;
13
- optional2?: string;
14
- }
15
- export declare const ContactEmail: {
16
- ({ address, appLogo, appName, dashboardUrl, email, firstName, ipAddress, lastName, message, optional1, optional2, }: ContactEmailProps): React.JSX.Element;
17
- PreviewProps: ContactEmailProps;
18
- };
19
- export default ContactEmail;
package/emails/app-contact.js DELETED
@@ -1,99 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.ContactEmail = void 0;
37
- var components_1 = require("@react-email/components");
38
- var React = __importStar(require("react"));
39
- var ContactEmail = function (_a) {
40
- var address = _a.address, appLogo = _a.appLogo, appName = _a.appName, dashboardUrl = _a.dashboardUrl, email = _a.email, firstName = _a.firstName, ipAddress = _a.ipAddress, lastName = _a.lastName, message = _a.message, optional1 = _a.optional1, optional2 = _a.optional2;
41
- var previewText = "".concat(firstName, " has sent a contact message on ").concat(appName);
42
- return (React.createElement(components_1.Html, null,
43
- React.createElement(components_1.Head, null,
44
- React.createElement(components_1.Font, { fontFamily: 'Raleway', fallbackFontFamily: 'Verdana', webFont: {
45
- url: 'https://wgipzowaktxphuhhqjzj.supabase.co/storage/v1/object/public/appcorpblob/fonts/raleway.ttf',
46
- format: 'woff2',
47
- }, fontWeight: 400, fontStyle: 'normal' })),
48
- React.createElement(components_1.Preview, null, previewText),
49
- React.createElement(components_1.Tailwind, null,
50
- React.createElement(components_1.Body, { className: 'bg-[#F6F9FC]' },
51
- React.createElement(components_1.Container, { className: 'bg-[#FFFFFF] py-4' },
52
- React.createElement(components_1.Section, { className: 'py-0 px-12' },
53
- React.createElement(components_1.Img, { className: 'object-contain', src: appLogo, width: '156', height: '50', alt: appName }),
54
- React.createElement(components_1.Hr, { className: 'border border-[#E6EBF1] my-5 mx-0' }),
55
- React.createElement(components_1.Text, { className: 'text-[#6C5F5B] text-left' }, "You have received a new message on ".concat(appName, " website.")),
56
- React.createElement(components_1.Text, { className: 'text-[#6C5F5B] text-left' }, "You can view the message in dashboard."),
57
- React.createElement(components_1.Button, { className: 'bg-[#ED7D31] rounded text-white text-base font-bold text-center p-4 w-full box-border', href: dashboardUrl }, "View your Dashboard"),
58
- React.createElement(components_1.Hr, { className: 'border border-[#E6EBF1] my-5 mx-0' }),
59
- React.createElement(components_1.Row, null,
60
- React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
61
- "Name: ",
62
- firstName,
63
- " ",
64
- lastName)),
65
- React.createElement(components_1.Row, null,
66
- React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
67
- "Email: ",
68
- email)),
69
- React.createElement(components_1.Row, null,
70
- React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
71
- "Message: ",
72
- message)),
73
- React.createElement(components_1.Row, null,
74
- React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
75
- "IP: ",
76
- ipAddress)),
77
- optional1 && (React.createElement(components_1.Row, null,
78
- React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' }, optional1))),
79
- optional2 && (React.createElement(components_1.Row, null,
80
- React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' }, optional2))),
81
- React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' }, "\u2014 The ".concat(appName, " team")),
82
- React.createElement(components_1.Hr, null),
83
- React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' }, address)))))));
84
- };
85
- exports.ContactEmail = ContactEmail;
86
- exports.ContactEmail.PreviewProps = {
87
- address: 'App Corp, Plaza # G-83, Second Floor, DHA Phase 1, Lahore.',
88
- appLogo: 'https://wgipzowaktxphuhhqjzj.supabase.co/storage/v1/object/public/appcorpblob/app-corp-logo.webp',
89
- appName: 'App Corp',
90
- dashboardUrl: 'https://www.appcorp.org/en/app/dashboard',
91
- email: 'john.doe@gmail.com',
92
- firstName: 'John',
93
- ipAddress: '192.168.0.1',
94
- lastName: 'Doe',
95
- message: 'dummy message',
96
- optional1: 'Optional 1',
97
- optional2: 'Optional 2',
98
- };
99
- exports.default = exports.ContactEmail;
package/emails/app-newsletter.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const Email: () => JSX.Element;
2
- export default Email;
package/emails/app-newsletter.js DELETED
@@ -1,28 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- var react_1 = __importDefault(require("react"));
7
- var components_1 = require("@react-email/components");
8
- var Email = function () {
9
- return (react_1.default.createElement(components_1.Html, { lang: 'en', dir: 'ltr' },
10
- react_1.default.createElement(components_1.Head, null,
11
- react_1.default.createElement(components_1.Font, { fontFamily: 'Raleway', fallbackFontFamily: 'Verdana', webFont: {
12
- url: 'https://wgipzowaktxphuhhqjzj.supabase.co/storage/v1/object/public/appcorpblob/fonts/raleway.ttf',
13
- format: 'truetype',
14
- }, fontWeight: 400, fontStyle: 'normal' })),
15
- react_1.default.createElement(components_1.Tailwind, null,
16
- react_1.default.createElement(components_1.Body, { className: 'bg-[#98dd8c]' },
17
- react_1.default.createElement(components_1.Container, { className: 'bg-[#c9f8c1] max-w-[80%]' },
18
- react_1.default.createElement(components_1.Img, { alt: 'app-corp-logo', className: 'mx-auto', height: 'auto', src: 'https://wgipzowaktxphuhhqjzj.supabase.co/storage/v1/object/public/appcorpblob/app-corp-logo.webp', width: '200' }),
19
- react_1.default.createElement(components_1.Section, { className: 'flex flex-row justify-center' },
20
- react_1.default.createElement("div", { className: 'max-w-[80%] mx-auto' },
21
- react_1.default.createElement(components_1.Text, { className: 'text-3xl text-center' }, "Building Your Marketing Success"))),
22
- react_1.default.createElement(components_1.Section, null,
23
- react_1.default.createElement("div", { className: 'max-w-[60%] mx-auto' },
24
- react_1.default.createElement(components_1.Text, { className: 'text-lg text-center' }, "Co-ordinate campaigns and product launches, with improved overall communication.")))),
25
- react_1.default.createElement(components_1.Container, { className: 'bg-white max-w-[80%]' },
26
- react_1.default.createElement(components_1.Text, { className: 'text-3xl text-center' }, "What do you get?"))))));
27
- };
28
- exports.default = Email;