@universal-tennis/ui-shared 0.1.65 → 0.1.68

package/dist/stories/atoms/Typography/Typography.stories.js

@@ -1,191 +1,191 @@
-import React from 'react';
-import Typography from './Typography';
-export default {
-    title: 'Atoms/Typography',
-    component: Typography,
-};
-function Template(args) {
-    return React.createElement(Typography, Object.assign({}, args));
-}
-export const Default = Template.bind({});
-Default.args = {
-    children: 'Text',
-};
-export const Display = Template.bind({});
-Display.args = {
-    category: "display",
-    children: 'Text',
-};
-export const DisplayXXXLarge = Template.bind({});
-DisplayXXXLarge.args = {
-    children: 'Text',
-    category: "display",
-    size: 'XXX-large'
-};
-export const DisplayXXLarge = Template.bind({});
-DisplayXXLarge.args = {
-    children: 'Text',
-    category: "display",
-    size: 'XX-large'
-};
-export const DisplayXLarge = Template.bind({});
-DisplayXLarge.args = {
-    children: 'Text',
-    category: "display",
-    size: 'X-large'
-};
-export const DisplayLarge = Template.bind({});
-DisplayLarge.args = {
-    children: 'Text',
-    category: "display",
-    size: 'large'
-};
-export const DisplayLargelight = Template.bind({});
-DisplayLargelight.args = {
-    children: 'Text',
-    category: "display",
-    size: 'large-light'
-};
-export const DisplayMediumBook = Template.bind({});
-DisplayMediumBook.args = {
-    children: 'Text',
-    category: "display",
-    size: 'medium-book'
-};
-export const Primary = Template.bind({});
-Primary.args = {
-    category: "primary",
-    children: 'Text',
-};
-export const PrimaryLargeBold = Template.bind({});
-PrimaryLargeBold.args = {
-    children: 'Text',
-    category: "primary",
-    size: 'large-bold'
-};
-export const PrimaryLargeBook = Template.bind({});
-PrimaryLargeBook.args = {
-    children: 'Text',
-    category: "primary",
-    size: 'large-book'
-};
-export const PrimaryLargeLight = Template.bind({});
-PrimaryLargeLight.args = {
-    children: 'Text',
-    category: "primary",
-    size: 'large-light'
-};
-export const PrimaryMediumSemiBold = Template.bind({});
-PrimaryMediumSemiBold.args = {
-    children: 'Text',
-    category: "primary",
-    size: 'medium-semibold'
-};
-export const PrimaryMediumMedium = Template.bind({});
-PrimaryMediumMedium.args = {
-    children: 'Text',
-    category: "primary",
-    size: 'medium-medium'
-};
-export const PrimaryMediumBook = Template.bind({});
-PrimaryMediumBook.args = {
-    children: 'Text',
-    category: "primary",
-    size: 'medium-book'
-};
-export const PrimarySmallBook = Template.bind({});
-PrimarySmallBook.args = {
-    children: 'Text',
-    category: "primary",
-    size: 'small-book'
-};
-export const PrimaryXSmallBook = Template.bind({});
-PrimaryXSmallBook.args = {
-    children: 'Text',
-    category: "primary",
-    size: 'x-small-book'
-};
-export const Secondary = Template.bind({});
-Secondary.args = {
-    category: "secondary",
-    children: 'Text',
-};
-export const SecondaryLargeMedium = Template.bind({});
-SecondaryLargeMedium.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'large-medium'
-};
-export const SecondaryLargeBook = Template.bind({});
-SecondaryLargeBook.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'large-book'
-};
-export const SecondaryMediumMedium = Template.bind({});
-SecondaryMediumMedium.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'medium-medium'
-};
-export const SecondaryMediumBook = Template.bind({});
-SecondaryMediumBook.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'medium-book'
-};
-export const SecondarySmallMediumCap = Template.bind({});
-SecondarySmallMediumCap.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'small-medium-cap'
-};
-export const SecondarySmallMedium = Template.bind({});
-SecondarySmallMedium.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'small-medium'
-};
-export const SecondarySmallBook = Template.bind({});
-SecondarySmallBook.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'small-book'
-};
-export const SecondaryXSmallMediumCap = Template.bind({});
-SecondaryXSmallMediumCap.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'x-small-medium-cap'
-};
-export const SecondaryXSmallMedium = Template.bind({});
-SecondaryXSmallMedium.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'x-small-medium'
-};
-export const SecondaryXSmallBookCap = Template.bind({});
-SecondaryXSmallBookCap.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'x-small-book-cap'
-};
-export const SecondaryXSmallBook = Template.bind({});
-SecondaryXSmallBook.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'x-small-book'
-};
-export const SecondaryXXSmallMediumCap = Template.bind({});
-SecondaryXXSmallMediumCap.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'xx-small-medium-cap'
-};
-export const SecondaryXXSmallBook = Template.bind({});
-SecondaryXXSmallBook.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'xx-small-book'
-};
+import React from 'react';
+import Typography from './Typography';
+export default {
+    title: 'Atoms/Typography',
+    component: Typography,
+};
+function Template(args) {
+    return React.createElement(Typography, Object.assign({}, args));
+}
+export const Default = Template.bind({});
+Default.args = {
+    children: 'Text',
+};
+export const Display = Template.bind({});
+Display.args = {
+    category: "display",
+    children: 'Text',
+};
+export const DisplayXXXLarge = Template.bind({});
+DisplayXXXLarge.args = {
+    children: 'Text',
+    category: "display",
+    size: 'XXX-large'
+};
+export const DisplayXXLarge = Template.bind({});
+DisplayXXLarge.args = {
+    children: 'Text',
+    category: "display",
+    size: 'XX-large'
+};
+export const DisplayXLarge = Template.bind({});
+DisplayXLarge.args = {
+    children: 'Text',
+    category: "display",
+    size: 'X-large'
+};
+export const DisplayLarge = Template.bind({});
+DisplayLarge.args = {
+    children: 'Text',
+    category: "display",
+    size: 'large'
+};
+export const DisplayLargelight = Template.bind({});
+DisplayLargelight.args = {
+    children: 'Text',
+    category: "display",
+    size: 'large-light'
+};
+export const DisplayMediumBook = Template.bind({});
+DisplayMediumBook.args = {
+    children: 'Text',
+    category: "display",
+    size: 'medium-book'
+};
+export const Primary = Template.bind({});
+Primary.args = {
+    category: "primary",
+    children: 'Text',
+};
+export const PrimaryLargeBold = Template.bind({});
+PrimaryLargeBold.args = {
+    children: 'Text',
+    category: "primary",
+    size: 'large-bold'
+};
+export const PrimaryLargeBook = Template.bind({});
+PrimaryLargeBook.args = {
+    children: 'Text',
+    category: "primary",
+    size: 'large-book'
+};
+export const PrimaryLargeLight = Template.bind({});
+PrimaryLargeLight.args = {
+    children: 'Text',
+    category: "primary",
+    size: 'large-light'
+};
+export const PrimaryMediumSemiBold = Template.bind({});
+PrimaryMediumSemiBold.args = {
+    children: 'Text',
+    category: "primary",
+    size: 'medium-semibold'
+};
+export const PrimaryMediumMedium = Template.bind({});
+PrimaryMediumMedium.args = {
+    children: 'Text',
+    category: "primary",
+    size: 'medium-medium'
+};
+export const PrimaryMediumBook = Template.bind({});
+PrimaryMediumBook.args = {
+    children: 'Text',
+    category: "primary",
+    size: 'medium-book'
+};
+export const PrimarySmallBook = Template.bind({});
+PrimarySmallBook.args = {
+    children: 'Text',
+    category: "primary",
+    size: 'small-book'
+};
+export const PrimaryXSmallBook = Template.bind({});
+PrimaryXSmallBook.args = {
+    children: 'Text',
+    category: "primary",
+    size: 'x-small-book'
+};
+export const Secondary = Template.bind({});
+Secondary.args = {
+    category: "secondary",
+    children: 'Text',
+};
+export const SecondaryLargeMedium = Template.bind({});
+SecondaryLargeMedium.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'large-medium'
+};
+export const SecondaryLargeBook = Template.bind({});
+SecondaryLargeBook.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'large-book'
+};
+export const SecondaryMediumMedium = Template.bind({});
+SecondaryMediumMedium.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'medium-medium'
+};
+export const SecondaryMediumBook = Template.bind({});
+SecondaryMediumBook.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'medium-book'
+};
+export const SecondarySmallMediumCap = Template.bind({});
+SecondarySmallMediumCap.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'small-medium-cap'
+};
+export const SecondarySmallMedium = Template.bind({});
+SecondarySmallMedium.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'small-medium'
+};
+export const SecondarySmallBook = Template.bind({});
+SecondarySmallBook.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'small-book'
+};
+export const SecondaryXSmallMediumCap = Template.bind({});
+SecondaryXSmallMediumCap.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'x-small-medium-cap'
+};
+export const SecondaryXSmallMedium = Template.bind({});
+SecondaryXSmallMedium.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'x-small-medium'
+};
+export const SecondaryXSmallBookCap = Template.bind({});
+SecondaryXSmallBookCap.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'x-small-book-cap'
+};
+export const SecondaryXSmallBook = Template.bind({});
+SecondaryXSmallBook.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'x-small-book'
+};
+export const SecondaryXXSmallMediumCap = Template.bind({});
+SecondaryXXSmallMediumCap.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'xx-small-medium-cap'
+};
+export const SecondaryXXSmallBook = Template.bind({});
+SecondaryXXSmallBook.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'xx-small-book'
+};
 //# sourceMappingURL=Typography.stories.js.map

package/dist/stories/atoms/Typography/index.d.ts

@@ -0,0 +1 @@
+export { default as Typography } from './Typography';

package/dist/stories/atoms/Typography/index.js

@@ -0,0 +1,2 @@
+export { default as Typography } from './Typography';
+//# sourceMappingURL=index.js.map

package/dist/stories/atoms/Typography/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Typography/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/stories/molecules/Cards/Cards.stories.d.ts

@@ -1,7 +1,6 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Contact: any;
-export declare const Team: any;
-export declare const Draw: any;
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Contact: any;
+export declare const Team: any;

package/dist/stories/molecules/Cards/Cards.stories.js

@@ -1,65 +1,27 @@
-import React from 'react';
-import ContactCard from './ContactCard';
-import TeamCard from './TeamCard';
-import DrawCard from './DrawCard';
-// Default
-export default {
-    title: 'Molecules/Cards',
-};
-// Templates
-function ContactCardTemplate(args) {
-    return React.createElement(ContactCard, Object.assign({}, args));
-}
-function TeamCardTemplate(args) {
-    return React.createElement(TeamCard, Object.assign({}, args));
-}
-function DrawCardTemplate(args) {
-    return (React.createElement("div", { style: { width: '372px' } },
-        React.createElement(DrawCard, Object.assign({}, args))));
-}
-// Stories
-export const Contact = ContactCardTemplate.bind({});
-Contact.args = {
-    name: "Jessica Carson",
-    phone: "+1 222-234-4567",
-    email: "test@sample.com"
-};
-export const Team = TeamCardTemplate.bind({});
-Team.args = {
-    title: 'team 1',
-    description: 'Captained by Lenny McDowell, Josh Palmer, and Michael Ballast. Requires a passcode for registration.'
-};
-export const Draw = DrawCardTemplate.bind({});
-Draw.args = {
-    options: [
-        {
-            id: 1,
-            label: 'Team 1',
-        },
-        {
-            id: 2,
-            label: 'Team 2',
-        }
-    ],
-    selectedOptions: {
-        optionOne: 1,
-        optionTwo: 2,
-    },
-    dateLabel: 'Dec 20 at 9:00am',
-    locationLabel: 'Taube Tennis Center',
-    emptyLabel: 'Select a team',
-    isManaging: false,
-    isSelectActive: true,
-    position1Team: {
-        points: 2,
-        name: 'Team Blue'
-    },
-    position2Team: {
-        points: 4,
-        name: 'Team Red'
-    },
-    isPosition1Winner: false,
-    isPosition2Winner: true,
-    onViewClick: () => { }
-};
+import React from 'react';
+import ContactCard from './ContactCard';
+import TeamCard from './TeamCard';
+// Default
+export default {
+    title: 'Molecules/Cards',
+};
+// Templates
+function ContactCardTemplate(args) {
+    return React.createElement(ContactCard, Object.assign({}, args));
+}
+function TeamCardTemplate(args) {
+    return React.createElement(TeamCard, Object.assign({}, args));
+}
+// Stories
+export const Contact = ContactCardTemplate.bind({});
+Contact.args = {
+    name: "Jessica Carson",
+    phone: "+1 222-234-4567",
+    email: "test@sample.com"
+};
+export const Team = TeamCardTemplate.bind({});
+Team.args = {
+    title: 'team 1',
+    description: 'Captained by Lenny McDowell, Josh Palmer, and Michael Ballast. Requires a passcode for registration.'
+};
 //# sourceMappingURL=Cards.stories.js.map

package/dist/stories/molecules/Cards/Cards.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cards.stories.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/Cards.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,UAAU;AACV,eAAe;IACb,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAEF,YAAY;AACZ,SAAS,mBAAmB,CAAC,IAAsB;IACjD,OAAO,oBAAC,WAAW,oBAAK,IAAI,EAAI,CAAC;AACnC,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAmB;IAC3C,OAAO,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CAAC;AAChC,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAmB;IAC3C,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;QAC1B,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CACpB,CACT,CAAC;AACJ,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,iBAAiB;IACxB,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,IAAI,CAAC,IAAI,GAAG;IACV,KAAK,EAAE,QAAQ;IACf,WAAW,EAAE,sGAAsG;CACpH,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,IAAI,CAAC,IAAI,GAAG;IACV,OAAO,EAAE;QACP;YACE,EAAE,EAAE,CAAC;YACL,KAAK,EAAE,QAAQ;SAChB;QACD;YACE,EAAE,EAAE,CAAC;YACL,KAAK,EAAE,QAAQ;SAChB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,CAAC;KACb;IACD,SAAS,EAAE,kBAAkB;IAC7B,aAAa,EAAE,qBAAqB;IACpC,UAAU,EAAE,eAAe;IAC3B,UAAU,EAAE,KAAK;IACjB,cAAc,EAAE,IAAI;IACpB,aAAa,EAAE;QACb,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,WAAW;KAClB;IACD,aAAa,EAAE;QACb,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,UAAU;KACjB;IACD,iBAAiB,EAAE,KAAK;IACxB,iBAAiB,EAAE,IAAI;IACvB,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;CACtB,CAAC"}
+{"version":3,"file":"Cards.stories.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/Cards.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAelC,UAAU;AACV,eAAe;IACb,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAEF,YAAY;AACZ,SAAS,mBAAmB,CAAC,IAAsB;IACjD,OAAO,oBAAC,WAAW,oBAAK,IAAI,EAAI,CAAC;AACnC,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAmB;IAC3C,OAAO,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CAAC;AAChC,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,iBAAiB;IACxB,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,IAAI,CAAC,IAAI,GAAG;IACV,KAAK,EAAE,QAAQ;IACf,WAAW,EAAE,sGAAsG;CACpH,CAAC"}

package/dist/stories/molecules/Cards/ContactCard.d.ts

@@ -1,3 +1,9 @@
-/// <reference types="react" />
-import { ContactCardProps } from './sharedTypes';
-export default function ContactCard({ name, phone, email, onMessageClick, ...props }: ContactCardProps): JSX.Element;
+/// <reference types="react" />
+type ContactCardProps = {
+    name: string;
+    phone: string;
+    email: string;
+    handleOnMessageClick?: VoidFunction;
+};
+export default function ContactCard({ name, phone, email, handleOnMessageClick, ...props }: ContactCardProps): JSX.Element;
+export {};

package/dist/stories/molecules/Cards/ContactCard.js

@@ -1,39 +1,39 @@
-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;
-};
-import React from 'react';
-import parsePhoneNumber from 'libphonenumber-js';
-import LocalPhoneOutlinedIcon from '@mui/icons-material/LocalPhoneOutlined';
-import EmailOutlinedIcon from '@mui/icons-material/EmailOutlined';
-import Link from '@mui/material/Link';
-import Button from '../../atoms/Button/Button';
-import Typography from '../../atoms/Typography/Typography';
-import ChatIcon from '../../assets/icon-chat-blue.svg';
-import { StyledCard } from './shared';
-export default function ContactCard(_a) {
-    var { name, phone, email, onMessageClick } = _a, props = __rest(_a, ["name", "phone", "email", "onMessageClick"]);
-    const firstName = name.split(" ")[0];
-    const parsedNumber = parsePhoneNumber(phone || '');
-    const phoneNumber = parsedNumber === null || parsedNumber === void 0 ? void 0 : parsedNumber.formatInternational();
-    return (React.createElement(StyledCard, Object.assign({}, props),
-        React.createElement(Typography, { style: { marginBottom: '8px' }, category: "secondary", size: "medium-medium" }, name),
-        phoneNumber && (React.createElement(Link, { sx: { display: 'flex' }, mt: 1, fontSize: 14, href: `tel:${phone}` },
-            React.createElement(LocalPhoneOutlinedIcon, { fontSize: "small", sx: { mr: 1 } }),
-            React.createElement(Typography, { category: "secondary", size: "x-small-book" }, phoneNumber))),
-        email && (React.createElement(Link, { sx: { display: 'flex' }, mt: 1, fontSize: 14, href: `mailto:${email}` },
-            React.createElement(EmailOutlinedIcon, { fontSize: "small", sx: { mr: 1 } }),
-            React.createElement(Typography, { category: "secondary", size: "x-small-book" }, email))),
-        React.createElement(Button, { onClick: onMessageClick, category: "link", style: { marginTop: '8px' } },
-            React.createElement(React.Fragment, null,
-                React.createElement("img", { src: ChatIcon, alt: "message", style: { width: '20px' } }),
-                React.createElement(Typography, { style: { paddingLeft: '8px' }, category: "secondary", size: "x-small-book" }, `Message ${firstName}`)))));
-}
+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;
+};
+import React from 'react';
+import parsePhoneNumber from 'libphonenumber-js';
+import LocalPhoneOutlinedIcon from '@mui/icons-material/LocalPhoneOutlined';
+import EmailOutlinedIcon from '@mui/icons-material/EmailOutlined';
+import Link from '@mui/material/Link';
+import Button from '../../atoms/Button/Button';
+import Typography from '../../atoms/Typography/Typography';
+import ChatIcon from '../../assets/icon-chat-blue.svg';
+import { StyledCard } from './shared';
+export default function ContactCard(_a) {
+    var { name, phone, email, handleOnMessageClick } = _a, props = __rest(_a, ["name", "phone", "email", "handleOnMessageClick"]);
+    const firstName = name.split(" ")[0];
+    const parsedNumber = parsePhoneNumber(phone || '');
+    const phoneNumber = parsedNumber === null || parsedNumber === void 0 ? void 0 : parsedNumber.formatInternational();
+    return (React.createElement(StyledCard, Object.assign({}, props),
+        React.createElement(Typography, { style: { marginBottom: '8px' }, category: "secondary", size: "medium-medium" }, name),
+        phoneNumber && (React.createElement(Link, { sx: { display: 'flex' }, mt: 1, fontSize: 14, href: `tel:${phone}` },
+            React.createElement(LocalPhoneOutlinedIcon, { fontSize: "small", sx: { mr: 1 } }),
+            React.createElement(Typography, { category: "secondary", size: "x-small-book" }, phoneNumber))),
+        email && (React.createElement(Link, { sx: { display: 'flex' }, mt: 1, fontSize: 14, href: `mailto:${email}` },
+            React.createElement(EmailOutlinedIcon, { fontSize: "small", sx: { mr: 1 } }),
+            React.createElement(Typography, { category: "secondary", size: "x-small-book" }, email))),
+        React.createElement(Button, { onClick: handleOnMessageClick, category: "link", style: { marginTop: '8px' } },
+            React.createElement(React.Fragment, null,
+                React.createElement("img", { src: ChatIcon, alt: "message", style: { width: '20px' } }),
+                React.createElement(Typography, { style: { paddingLeft: '8px' }, category: "secondary", size: "x-small-book" }, `Message ${firstName}`)))));
+}
 //# sourceMappingURL=ContactCard.js.map

package/dist/stories/molecules/Cards/ContactCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContactCard.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/ContactCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,MAAM,mBAAmB,CAAC;AACjD,OAAO,sBAAsB,MAAM,wCAAwC,CAAC;AAC5E,OAAO,iBAAiB,MAAM,mCAAmC,CAAC;AAClE,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAC3D,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAEjB;QAFiB,EAClC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,OACjB,EADsB,KAAK,cADV,4CAEnC,CAD6C;IAE5C,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACrC,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IACnD,MAAM,WAAW,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,mBAAmB,EAAE,CAAC;IAExD,OAAO,CACH,oBAAC,UAAU,oBAAK,KAAK;QACjB,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,eAAe,IAAE,IAAI,CAAc;QACxG,WAAW,IAAI,CAChB,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,KAAK,EAAE;YACpE,oBAAC,sBAAsB,IAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,GAAI;YAC1D,oBAAC,UAAU,IAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,IAAE,WAAW,CAAc,CAC5E,CACN;QACA,KAAK,IAAI,CACV,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,KAAK,EAAE;YACvE,oBAAC,iBAAiB,IAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,GAAI;YACrD,oBAAC,UAAU,IAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,IAAE,KAAK,CAAc,CACtE,CACN;QACD,oBAAC,MAAM,IAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YACxE;gBACI,6BAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI;gBAC9D,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,IAC9E,WAAW,SAAS,EAAE,CACd,CACd,CACE,CACA,CAChB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ContactCard.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/ContactCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,MAAM,mBAAmB,CAAC;AACjD,OAAO,sBAAsB,MAAM,wCAAwC,CAAC;AAC5E,OAAO,iBAAiB,MAAM,mCAAmC,CAAC;AAClE,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAC3D,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAStC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAEjB;QAFiB,EAClC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,oBAAoB,OACvB,EAD4B,KAAK,cADhB,kDAEnC,CADmD;IAElD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACrC,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IACnD,MAAM,WAAW,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,mBAAmB,EAAE,CAAC;IAExD,OAAO,CACH,oBAAC,UAAU,oBACL,KAAK;QAET,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAC,YAAY,EAAE,KAAK,EAAC,EAAE,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,eAAe,IAAE,IAAI,CAAc;QACtG,WAAW,IAAI,CAChB,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,KAAK,EAAE;YACpE,oBAAC,sBAAsB,IAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,GAAI;YAC1D,oBAAC,UAAU,IAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,IAAE,WAAW,CAAc,CAC1E,CACN;QACA,KAAK,IAAI,CACV,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,KAAK,EAAE;YACrE,oBAAC,iBAAiB,IAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,GAAI;YACrD,oBAAC,UAAU,IAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,IAAE,KAAK,CAAc,CACtE,CACN;QACD,oBAAC,MAAM,IAAC,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAC,MAAM,EAAC,KAAK,EAAE,EAAC,SAAS,EAAE,KAAK,EAAC;YAC9E;gBACE,6BAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,SAAS,EAAC,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,GAAI;gBAC5D,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAC,WAAW,EAAE,KAAK,EAAC,EAAE,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,IAC5E,WAAW,SAAS,EAAE,CACd,CACZ,CACI,CACE,CAChB,CAAC;AACJ,CAAC"}

package/dist/stories/molecules/Cards/TeamCard.d.ts

@@ -1,3 +1,7 @@
-/// <reference types="react" />
-import { TeamCardProps } from './sharedTypes';
-export default function TeamCard({ title, description, ...props }: TeamCardProps): JSX.Element;
+/// <reference types="react" />
+type TeamCardProps = {
+    title: string;
+    description: string;
+};
+export default function TeamCard({ title, description, ...props }: TeamCardProps): JSX.Element;
+export {};