@dev-crew-berlin/enter-js-utils 0.4.2 → 0.5.3

package/dist/models/field.js

@@ -11,14 +11,14 @@ var __assign = (this && this.__assign) || function () {
 };
 import { array, object, string, optional, enumerate, boolean, defaultTo, union, number, } from 'fefe';
 import { apiValidator } from '../lib';
-import { dictionary } from './_helpers';
+import { dictionary, maybe } from './_helpers';
 var basicFieldProps = {
     name: string({ minLength: 1 }),
-    title: optional(union(string(), dictionary(string()))),
-    info: optional(union(string(), dictionary(string()))),
+    title: maybe(union(string(), dictionary(string()))),
+    info: maybe(union(string(), dictionary(string()))),
     required: defaultTo(boolean(), false),
-    if: optional(string()),
-    class: optional(string()),
+    if: maybe(string()),
+    class: maybe(string()),
 };
 var staticField = object(__assign({ type: enumerate('static') }, basicFieldProps), { allowExcessProperties: true });
 var textField = object(__assign({ type: enumerate('text') }, basicFieldProps), { allowExcessProperties: true });

package/dist/models/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sourceRoot":"","sources":["../../src/models/field.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"field.js","sourceRoot":"","sources":["../../src/models/field.ts"],"names":[],"mappings":"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"}

package/dist/ui/button.d.ts

@@ -0,0 +1,7 @@
+import { ButtonHTMLAttributes, FunctionComponent } from 'react';
+import 'styled-jsx';
+declare type Props = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'color'> & {
+    appearance?: 'default' | 'primary' | 'danger' | 'green';
+};
+export declare const Button: FunctionComponent<Props>;
+export {};

package/dist/ui/button.js

@@ -0,0 +1,32 @@
+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;
+};
+import React from 'react';
+import 'styled-jsx';
+import { theme } from '../lib';
+export var Button = function (_a) {
+    var _b = _a.appearance, appearance = _b === void 0 ? 'default' : _b, props = __rest(_a, ["appearance"]);
+    return (React.createElement("button", __assign({}, props, { className: "button ".concat(appearance) }),
+        props.children,
+        React.createElement("style", { jsx: true }, "\n        .button {\n          font-family: ".concat(theme.fonts.secondary, ";\n          margin: 1em 0;\n          padding: 0.8em 1.5em;\n          min-width: 150px;\n          font-size: 1em;\n          font-weight: 500;\n          white-space: nowrap;\n          text-align: center;\n          text-decoration: none;\n          text-transform: uppercase;\n          letter-spacing: 0.06em;\n          line-height: 1;\n          cursor: pointer;\n          border-radius: 2px;\n          background-color: ").concat(theme.colors.enterBackground, ";\n          color: ").concat(theme.colors.enterDarkGrey, ";\n          border: 1px solid ").concat(theme.colors.enterGrey, ";\n          box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12),\n            0px 1px 2px 0px rgba(0, 0, 0, 0.24);\n        }\n\n        .danger {\n          background-color: ").concat(theme.colors.enterBackground, ";\n          color: ").concat(theme.colors.enterError, ";\n          border: 1px solid ").concat(theme.colors.enterGrey, ";\n        }\n\n        .primary {\n          background-color: ").concat(theme.colors.enterDarkGrey, ";\n          color: white;\n          border: 1px solid ").concat(theme.colors.enterDarkGrey, ";\n        }\n\n        .green {\n          background-color: ").concat(theme.colors.enterGreen, ";\n          color: white;\n          border: 1px solid ").concat(theme.colors.enterGreen, ";\n        }\n      "))));
+};
+//# sourceMappingURL=button.js.map

package/dist/ui/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAkD,MAAM,OAAO,CAAA;AACtE,OAAO,YAAY,CAAA;AACnB,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAQ9B,MAAM,CAAC,IAAM,MAAM,GAA6B,UAAC,EAGhD;IAFC,IAAA,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACnB,KAAK,cAFuC,cAGhD,CADS;IAER,OAAO,CACL,2CAAY,KAAK,IAAE,SAAS,EAAE,iBAAU,UAAU,CAAE;QACjD,KAAK,CAAC,QAAQ;QACf,+BAAO,GAAG,UAAE,sDAEO,KAAK,CAAC,KAAK,CAAC,SAAS,4bAchB,KAAK,CAAC,MAAM,CAAC,eAAe,iCACvC,KAAK,CAAC,MAAM,CAAC,aAAa,4CACf,KAAK,CAAC,MAAM,CAAC,SAAS,0LAMtB,KAAK,CAAC,MAAM,CAAC,eAAe,iCACvC,KAAK,CAAC,MAAM,CAAC,UAAU,4CACZ,KAAK,CAAC,MAAM,CAAC,SAAS,6EAItB,KAAK,CAAC,MAAM,CAAC,aAAa,qEAE1B,KAAK,CAAC,MAAM,CAAC,aAAa,2EAI1B,KAAK,CAAC,MAAM,CAAC,UAAU,qEAEvB,KAAK,CAAC,MAAM,CAAC,UAAU,yBAE9C,CAAS,CACH,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/ui/button.stories.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.FunctionComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "color"> & {
+    appearance?: "default" | "primary" | "danger" | "green" | undefined;
+}>>;
+export default _default;
+export declare const Basic: ComponentStory<React.FunctionComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "color"> & {
+    appearance?: "default" | "primary" | "danger" | "green" | undefined;
+}>>;
+export declare const Primary: ComponentStory<React.FunctionComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "color"> & {
+    appearance?: "default" | "primary" | "danger" | "green" | undefined;
+}>>;
+export declare const Danger: ComponentStory<React.FunctionComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "color"> & {
+    appearance?: "default" | "primary" | "danger" | "green" | undefined;
+}>>;
+export declare const Green: ComponentStory<React.FunctionComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "color"> & {
+    appearance?: "default" | "primary" | "danger" | "green" | undefined;
+}>>;

package/dist/ui/button.stories.js

@@ -0,0 +1,38 @@
+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);
+};
+import React from 'react';
+import { Button } from './button';
+export default {
+    title: 'Button',
+    component: Button,
+};
+var Template = function (args) { return React.createElement(Button, __assign({}, args)); };
+export var Basic = Template.bind({});
+Basic.args = {
+    children: 'default',
+};
+export var Primary = Template.bind({});
+Primary.args = {
+    children: 'primary',
+    appearance: 'primary',
+};
+export var Danger = Template.bind({});
+Danger.args = {
+    children: 'danger',
+    appearance: 'danger',
+};
+export var Green = Template.bind({});
+Green.args = {
+    children: 'green',
+    appearance: 'green',
+};
+//# sourceMappingURL=button.stories.js.map

package/dist/ui/button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../src/ui/button.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,eAAe;IACb,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,MAAM;CACc,CAAA;AAEjC,IAAM,QAAQ,GAAkC,UAAC,IAAI,IAAK,OAAA,oBAAC,MAAM,eAAK,IAAI,EAAI,EAApB,CAAoB,CAAA;AAE9E,MAAM,CAAC,IAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACtC,KAAK,CAAC,IAAI,GAAG;IACX,QAAQ,EAAE,SAAS;CACpB,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,SAAS;CACtB,CAAA;AAED,MAAM,CAAC,IAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvC,MAAM,CAAC,IAAI,GAAG;IACZ,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;CACrB,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACtC,KAAK,CAAC,IAAI,GAAG;IACX,QAAQ,EAAE,OAAO;IACjB,UAAU,EAAE,OAAO;CACpB,CAAA"}

package/dist/ui/checkin-count-indicator.d.ts

@@ -1,7 +1,6 @@
 import { FunctionComponent } from 'react';
 import 'styled-jsx';
 export declare type Checkin = {
-    id: string;
     time: Date;
 };
 declare type Props = {

package/dist/ui/checkin-count-indicator.stories.js

@@ -15,7 +15,7 @@ export default {
     title: 'Checkin-Count Indicator',
     component: CheckinCountIndicator,
 };
-var exampleCheckin = { id: 'dummy-id', time: new Date('2022-01-01') };
+var exampleCheckin = { time: new Date('2022-01-01') };
 var Template = function (args) { return (React.createElement(CheckinCountIndicator, __assign({}, args))); };
 export var SingleResponse = Template.bind({});
 SingleResponse.args = {

package/dist/ui/checkin-count-indicator.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkin-count-indicator.stories.js","sourceRoot":"","sources":["../../src/ui/checkin-count-indicator.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAW,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAE1E,eAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,qBAAqB;CACc,CAAA;AAEhD,IAAM,cAAc,GAAY,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,EAAE,CAAA;AAEhF,IAAM,QAAQ,GAAiD,UAAC,IAAI,IAAK,OAAA,CACvE,oBAAC,qBAAqB,eAAK,IAAI,EAAI,CACpC,EAFwE,CAExE,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/C,cAAc,CAAC,IAAI,GAAG;IACpB,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,mBAAmB;IAC7B,SAAS,EAAE,CAAC;CACb,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,CAAA;AAE7D,MAAM,CAAC,IAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3C,UAAU,CAAC,IAAI,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAA;AAE3D,MAAM,CAAC,IAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClD,iBAAiB,CAAC,IAAI,GAAG;IACvB,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,mBAAmB;IAC7B,SAAS,EAAE,EAAE;CACd,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnD,kBAAkB,CAAC,IAAI,GAAG;IACxB,QAAQ,EAAE,CAAC,cAAc,CAAC;IAC1B,QAAQ,EAAE,mBAAmB;IAC7B,SAAS,EAAE,CAAC;CACb,CAAA;AAED,MAAM,CAAC,IAAM,2BAA2B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5D,2BAA2B,CAAC,IAAI,GAAG;IACjC,QAAQ,EAAE,CAAC,cAAc,EAAE,cAAc,CAAC;IAC1C,QAAQ,EAAE,mBAAmB;IAC7B,SAAS,EAAE,CAAC;CACb,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACpD,mBAAmB,CAAC,IAAI,GAAG;IACzB,QAAQ,EAAE,CAAC,cAAc,CAAC;IAC1B,QAAQ,EAAE,kBAAkB;CAC7B,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvD,sBAAsB,CAAC,IAAI,GAAG;IAC5B,QAAQ,EAAE,CAAC,cAAc,CAAC;IAC1B,QAAQ,EAAE,aAAa;CACxB,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjD,gBAAgB,CAAC,IAAI,GAAG;IACtB,QAAQ,EAAE,CAAC,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,CAAC;IAC1E,QAAQ,EAAE,mBAAmB;IAC7B,SAAS,EAAE,CAAC;CACb,CAAA"}
+{"version":3,"file":"checkin-count-indicator.stories.js","sourceRoot":"","sources":["../../src/ui/checkin-count-indicator.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAW,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAE1E,eAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,qBAAqB;CACc,CAAA;AAEhD,IAAM,cAAc,GAAY,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,EAAE,CAAA;AAEhE,IAAM,QAAQ,GAAiD,UAAC,IAAI,IAAK,OAAA,CACvE,oBAAC,qBAAqB,eAAK,IAAI,EAAI,CACpC,EAFwE,CAExE,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/C,cAAc,CAAC,IAAI,GAAG;IACpB,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,mBAAmB;IAC7B,SAAS,EAAE,CAAC;CACb,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,CAAA;AAE7D,MAAM,CAAC,IAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3C,UAAU,CAAC,IAAI,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAA;AAE3D,MAAM,CAAC,IAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClD,iBAAiB,CAAC,IAAI,GAAG;IACvB,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,mBAAmB;IAC7B,SAAS,EAAE,EAAE;CACd,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnD,kBAAkB,CAAC,IAAI,GAAG;IACxB,QAAQ,EAAE,CAAC,cAAc,CAAC;IAC1B,QAAQ,EAAE,mBAAmB;IAC7B,SAAS,EAAE,CAAC;CACb,CAAA;AAED,MAAM,CAAC,IAAM,2BAA2B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5D,2BAA2B,CAAC,IAAI,GAAG;IACjC,QAAQ,EAAE,CAAC,cAAc,EAAE,cAAc,CAAC;IAC1C,QAAQ,EAAE,mBAAmB;IAC7B,SAAS,EAAE,CAAC;CACb,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACpD,mBAAmB,CAAC,IAAI,GAAG;IACzB,QAAQ,EAAE,CAAC,cAAc,CAAC;IAC1B,QAAQ,EAAE,kBAAkB;CAC7B,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvD,sBAAsB,CAAC,IAAI,GAAG;IAC5B,QAAQ,EAAE,CAAC,cAAc,CAAC;IAC1B,QAAQ,EAAE,aAAa;CACxB,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjD,gBAAgB,CAAC,IAAI,GAAG;IACtB,QAAQ,EAAE,CAAC,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,CAAC;IAC1E,QAAQ,EAAE,mBAAmB;IAC7B,SAAS,EAAE,CAAC;CACb,CAAA"}

package/dist/ui/companion-info.d.ts

@@ -0,0 +1,15 @@
+import { FunctionComponent } from 'react';
+import 'styled-jsx';
+import { Attendee } from '../models';
+declare type Props = {
+    companionStatus: {
+        isCompanion: false;
+    } | {
+        isCompanion: true;
+        mainGuestId: string;
+    };
+    formatName: (attendee: Attendee) => string;
+    findMainGuest?: (attendeeId: string) => Attendee | undefined;
+};
+export declare const CompanionInfo: FunctionComponent<Props>;
+export {};

package/dist/ui/companion-info.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import 'styled-jsx';
+import { theme } from '../lib';
+export var CompanionInfo = function (props) {
+    if (!props.companionStatus.isCompanion)
+        return null;
+    var mainGuest = props.findMainGuest
+        ? props.findMainGuest(props.companionStatus.mainGuestId)
+        : undefined;
+    var mainGuestName = mainGuest ? props.formatName(mainGuest) : undefined;
+    return (React.createElement("p", { className: 'companion-info' },
+        mainGuestName ? (React.createElement(React.Fragment, null,
+            "companion of ",
+            React.createElement("span", { className: 'companion-name' }, mainGuestName))) : (React.createElement(React.Fragment, null, "companion")),
+        React.createElement("style", { jsx: true }, "\n        .companion-info {\n          margin: -0.5em 0 0.4em;\n          color: ".concat(theme.colors.enterMediumGrey, ";\n          font-family: ").concat(theme.fonts.primary, ";\n        }\n\n        .companion-name {\n          color: ").concat(theme.colors.enterDarkGrey, ";\n        }\n      "))));
+};
+//# sourceMappingURL=companion-info.js.map

package/dist/ui/companion-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"companion-info.js","sourceRoot":"","sources":["../../src/ui/companion-info.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,YAAY,CAAA;AACnB,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAU9B,MAAM,CAAC,IAAM,aAAa,GAA6B,UAAC,KAAK;IAC3D,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,WAAW;QAAE,OAAO,IAAI,CAAA;IAEnD,IAAM,SAAS,GAAG,KAAK,CAAC,aAAa;QACnC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,CAAC,WAAW,CAAC;QACxD,CAAC,CAAC,SAAS,CAAA;IACb,IAAM,aAAa,GAAG,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEzE,OAAO,CACL,2BAAG,SAAS,EAAC,gBAAgB;QAC1B,aAAa,CAAC,CAAC,CAAC,CACf;;YACe,8BAAM,SAAS,EAAC,gBAAgB,IAAE,aAAa,CAAQ,CACnE,CACJ,CAAC,CAAC,CAAC,CACF,sDAAc,CACf;QACD,+BAAO,GAAG,UAAE,2FAGC,KAAK,CAAC,MAAM,CAAC,eAAe,uCACtB,KAAK,CAAC,KAAK,CAAC,OAAO,yEAIzB,KAAK,CAAC,MAAM,CAAC,aAAa,yBAEtC,CAAS,CACR,CACL,CAAA;AACH,CAAC,CAAA"}

package/dist/ui/companion-info.stories.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { Attendee } from '../models';
+declare const _default: ComponentMeta<React.FunctionComponent<{
+    companionStatus: {
+        isCompanion: false;
+    } | {
+        isCompanion: true;
+        mainGuestId: string;
+    };
+    formatName: (attendee: Attendee) => string;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+}>>;
+export default _default;
+export declare const WithMainGuestFound: ComponentStory<React.FunctionComponent<{
+    companionStatus: {
+        isCompanion: false;
+    } | {
+        isCompanion: true;
+        mainGuestId: string;
+    };
+    formatName: (attendee: Attendee) => string;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+}>>;
+export declare const WithoutMainGuest: ComponentStory<React.FunctionComponent<{
+    companionStatus: {
+        isCompanion: false;
+    } | {
+        isCompanion: true;
+        mainGuestId: string;
+    };
+    formatName: (attendee: Attendee) => string;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+}>>;
+export declare const NotACompanion: ComponentStory<React.FunctionComponent<{
+    companionStatus: {
+        isCompanion: false;
+    } | {
+        isCompanion: true;
+        mainGuestId: string;
+    };
+    formatName: (attendee: Attendee) => string;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+}>>;

package/dist/ui/companion-info.stories.js

@@ -0,0 +1,61 @@
+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);
+};
+import React from 'react';
+import { CompanionInfo } from './companion-info';
+import { Attendee } from '../models';
+export default {
+    title: 'Companion Info',
+    component: CompanionInfo,
+    argTypes: { formatName: { type: 'function' } },
+};
+var mainGuest = new Attendee({
+    id: 'my-attendee',
+    language: 'de',
+    auth: null,
+    tags: ['VIP', 'Import-200-02-10'],
+    time: new Date('2022-01-01'),
+    rsvp: { default: 1 },
+    checkin: {},
+    payment: null,
+    companions: { isCompanion: false },
+    userdata: {
+        name: 'Max Mustermann',
+    },
+    metadata: {},
+});
+var Template = function (args) { return (React.createElement(CompanionInfo, __assign({}, args))); };
+export var WithMainGuestFound = Template.bind({});
+WithMainGuestFound.args = {
+    companionStatus: { isCompanion: true, mainGuestId: 'my-attendee' },
+    findMainGuest: function () { return mainGuest; },
+    formatName: function (attendee) {
+        var _a, _b;
+        return (_b = (_a = attendee.userdata.name) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '';
+    },
+};
+export var WithoutMainGuest = Template.bind({});
+WithoutMainGuest.args = {
+    companionStatus: { isCompanion: true, mainGuestId: 'my-attendee' },
+    formatName: function (attendee) {
+        var _a, _b;
+        return (_b = (_a = attendee.userdata.name) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '';
+    },
+};
+export var NotACompanion = Template.bind({});
+NotACompanion.args = {
+    companionStatus: { isCompanion: false },
+    formatName: function (attendee) {
+        var _a, _b;
+        return (_b = (_a = attendee.userdata.name) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '';
+    },
+};
+//# sourceMappingURL=companion-info.stories.js.map

package/dist/ui/companion-info.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"companion-info.stories.js","sourceRoot":"","sources":["../../src/ui/companion-info.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAEpC,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE,EAAE,UAAU,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE;CACR,CAAA;AAExC,IAAM,SAAS,GAAG,IAAI,QAAQ,CAAC;IAC7B,EAAE,EAAE,aAAa;IACjB,QAAQ,EAAE,IAAI;IACd,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC;IACjC,IAAI,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC;IAC5B,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IACpB,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,IAAI;IACb,UAAU,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE;IAClC,QAAQ,EAAE;QACR,IAAI,EAAE,gBAAgB;KACvB;IACD,QAAQ,EAAE,EAAE;CACb,CAAC,CAAA;AAEF,IAAM,QAAQ,GAAyC,UAAC,IAAI,IAAK,OAAA,CAC/D,oBAAC,aAAa,eAAK,IAAI,EAAI,CAC5B,EAFgE,CAEhE,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnD,kBAAkB,CAAC,IAAI,GAAG;IACxB,eAAe,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE;IAClE,aAAa,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;IAC9B,UAAU,EAAV,UAAW,QAAkB;;QAC3B,OAAO,MAAA,MAAA,QAAQ,CAAC,QAAQ,CAAC,IAAI,0CAAE,QAAQ,EAAE,mCAAI,EAAE,CAAA;IACjD,CAAC;CACF,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjD,gBAAgB,CAAC,IAAI,GAAG;IACtB,eAAe,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE;IAClE,UAAU,EAAV,UAAW,QAAkB;;QAC3B,OAAO,MAAA,MAAA,QAAQ,CAAC,QAAQ,CAAC,IAAI,0CAAE,QAAQ,EAAE,mCAAI,EAAE,CAAA;IACjD,CAAC;CACF,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC9C,aAAa,CAAC,IAAI,GAAG;IACnB,eAAe,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE;IACvC,UAAU,EAAV,UAAW,QAAkB;;QAC3B,OAAO,MAAA,MAAA,QAAQ,CAAC,QAAQ,CAAC,IAAI,0CAAE,QAAQ,EAAE,mCAAI,EAAE,CAAA;IACjD,CAAC;CACF,CAAA"}

package/dist/ui/fonts.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import 'styled-jsx';
+export declare const Fonts: FunctionComponent;

package/dist/ui/fonts.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import 'styled-jsx';
+export var Fonts = function () {
+    return (React.createElement("style", { jsx: true, global: true }, "\n      @font-face {\n        font-family: 'PTSans';\n        font-display: swap;\n        src: url('/fonts/pt-sans-v12-latin-regular.woff2');\n        font-weight: 300;\n        font-style: normal;\n      }\n      @font-face {\n        font-family: 'PTSans';\n        font-display: swap;\n        src: url('/fonts/pt-sans-v12-latin-italic.woff2');\n        font-weight: 300;\n        font-style: italic;\n      }\n      @font-face {\n        font-family: 'PTSans';\n        font-display: swap;\n        src: url('/fonts/pt-sans-v12-latin-700.woff2');\n        font-weight: 700;\n        font-style: normal;\n      }\n      @font-face {\n        font-family: 'PTSans';\n        font-display: swap;\n        src: url('/fonts/pt-sans-v12-latin-700italic.woff2');\n        font-weight: 700;\n        font-style: italic;\n      }\n      @font-face {\n        font-family: 'Iosevka';\n        src: url('/fonts/iosevka-regular.woff2');\n        font-weight: 300;\n        font-style: bold;\n      }\n      @font-face {\n        font-family: 'Iosevka';\n        src: url('/fonts/iosevka-medium.woff2');\n        font-weight: 500;\n        font-style: bold;\n      }\n      @font-face {\n        font-family: 'Iosevka';\n        src: url('/fonts/iosevka-semibold.woff2');\n        font-weight: 600;\n        font-style: bold;\n      }\n      @font-face {\n        font-family: 'Iosevka';\n        src: url('/fonts/iosevka-bold.woff2');\n        font-weight: 700;\n        font-style: bold;\n      }\n      @font-face {\n        font-family: 'Iosevka';\n        src: url('/fonts/iosevka-heavy.woff2');\n        font-weight: 900;\n        font-style: bold;\n      }\n    "));
+};
+//# sourceMappingURL=fonts.js.map

package/dist/ui/fonts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../src/ui/fonts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,YAAY,CAAA;AAEnB,MAAM,CAAC,IAAM,KAAK,GAAsB;IACtC,OAAO,CACL,+BAAO,GAAG,QAAC,MAAM,UAAE,+nDA2DlB,CAAS,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/ui/guest-card.d.ts

@@ -0,0 +1,16 @@
+import { FunctionComponent } from 'react';
+import 'styled-jsx';
+import { Attendee } from '../models';
+declare type Props = {
+    attendee: Attendee;
+    checkinTag: string;
+    plain?: boolean;
+    labelColor?: string;
+    infoText?: string;
+    formatName: (attendee: Attendee) => string;
+    filterTags?: (tag: string) => boolean;
+    findMainGuest?: (attendeeId: string) => Attendee | undefined;
+    onClick?: (attendeeId: string) => void;
+};
+export declare const GuestCard: FunctionComponent<Props>;
+export {};

package/dist/ui/guest-card.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import 'styled-jsx';
+import { classNames as cx, theme } from '../lib';
+import { CheckinCountIndicator } from './checkin-count-indicator';
+import { CompanionInfo } from './companion-info';
+import { Tag } from './tag';
+export var GuestCard = function (props) {
+    var _a;
+    var filterTags = (_a = props.filterTags) !== null && _a !== void 0 ? _a : (function () { return true; });
+    var tags = (props.attendee.tags || []).filter(filterTags);
+    var onClick = props.onClick
+        ? function () {
+            if (!props.onClick)
+                return;
+            props.onClick(props.attendee.id);
+        }
+        : undefined;
+    return (React.createElement("div", { className: cx({
+            'guest-card': true,
+            plain: props.plain,
+            labeled: props.labelColor !== undefined,
+        }), onClick: onClick },
+        React.createElement("div", null,
+            React.createElement("h2", { className: 'name' }, props.formatName(props.attendee)),
+            React.createElement(CompanionInfo, { companionStatus: props.attendee.companions, findMainGuest: props.findMainGuest, formatName: props.formatName }),
+            React.createElement(CheckinCountIndicator, { checkins: props.attendee
+                    .getCheckinsForTag(props.checkinTag)
+                    .getAllCheckins(), response: props.attendee.getResponseForTag(props.checkinTag), rsvpCount: props.attendee.getRsvpCountForTag(props.checkinTag) })),
+        React.createElement("div", { className: 'tag-list' },
+            tags.map(function (tag) { return (React.createElement(Tag, { key: tag }, tag)); }),
+            props.infoText && React.createElement("div", { className: 'info' },
+                " ",
+                props.infoText)),
+        React.createElement("style", { jsx: true }, "\n        .guest-card {\n          position: relative;\n          display: flex;\n          justify-content: space-between;\n          align-items: start;\n          border-radius: 2px;\n          border: 1px solid ".concat(theme.colors.enterGrey, ";\n          background-color: ").concat(theme.colors.enterBackground, ";\n          font-family: ").concat(theme.fonts.primary, ";\n          padding: 1.1em 1em 0.9em;\n          margin: 1.5em 0;\n          user-select: none;\n        }\n\n        .plain {\n          border: none;\n          background-color: transparent;\n        }\n\n        .labeled::before {\n          content: '';\n          position: absolute;\n          top: -1px;\n          right: -1px;\n          width: 3px;\n          height: 100%;\n          background-color: ").concat(props.labelColor, ";\n          border: 1px solid ").concat(props.labelColor, ";\n          border-radius: 0 2px 2px 0;\n        }\n\n        .name {\n          font-size: 1.15em;\n          margin: -0.1em 0 0.3em;\n        }\n\n        .tag-list {\n          max-width: 40%;\n          text-align: right;\n        }\n\n        .info {\n          display: block;\n          width: 100%;\n          text-align: right;\n        }\n      "))));
+};
+//# sourceMappingURL=guest-card.js.map

package/dist/ui/guest-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"guest-card.js","sourceRoot":"","sources":["../../src/ui/guest-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,YAAY,CAAA;AACnB,OAAO,EAAE,UAAU,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAEhD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAa3B,MAAM,CAAC,IAAM,SAAS,GAA6B,UAAC,KAAK;;IACvD,IAAM,UAAU,GAAG,MAAA,KAAK,CAAC,UAAU,mCAAI,CAAC,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAC,CAAA;IACnD,IAAM,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;IAE3D,IAAM,OAAO,GAAG,KAAK,CAAC,OAAO;QAC3B,CAAC,CAAC;YACE,IAAI,CAAC,KAAK,CAAC,OAAO;gBAAE,OAAM;YAC1B,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;QAClC,CAAC;QACH,CAAC,CAAC,SAAS,CAAA;IAEb,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC;YACZ,YAAY,EAAE,IAAI;YAClB,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,OAAO,EAAE,KAAK,CAAC,UAAU,KAAK,SAAS;SACxC,CAAC,EACF,OAAO,EAAE,OAAO;QAEhB;YACE,4BAAI,SAAS,EAAC,MAAM,IAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAM;YAC5D,oBAAC,aAAa,IACZ,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,UAAU,EAC1C,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,UAAU,EAAE,KAAK,CAAC,UAAU,GAC5B;YACF,oBAAC,qBAAqB,IACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ;qBACrB,iBAAiB,CAAC,KAAK,CAAC,UAAU,CAAC;qBACnC,cAAc,EAAE,EACnB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,CAAC,UAAU,CAAC,EAC5D,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,kBAAkB,CAAC,KAAK,CAAC,UAAU,CAAC,GAC9D,CACE;QACN,6BAAK,SAAS,EAAC,UAAU;YACtB,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CACjB,oBAAC,GAAG,IAAC,GAAG,EAAE,GAAG,IAAG,GAAG,CAAO,CAC3B,EAFkB,CAElB,CAAC;YACD,KAAK,CAAC,QAAQ,IAAI,6BAAK,SAAS,EAAC,MAAM;;gBAAG,KAAK,CAAC,QAAQ,CAAO,CAC5D;QAEN,+BAAO,GAAG,UAAE,iOAOY,KAAK,CAAC,MAAM,CAAC,SAAS,4CACtB,KAAK,CAAC,MAAM,CAAC,eAAe,uCACjC,KAAK,CAAC,KAAK,CAAC,OAAO,2aAkBd,KAAK,CAAC,UAAU,4CAChB,KAAK,CAAC,UAAU,yWAmBvC,CAAS,CACN,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/ui/guest-card.stories.d.ts

@@ -0,0 +1,92 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { Attendee } from '../models';
+declare const _default: ComponentMeta<React.FunctionComponent<{
+    attendee: Attendee;
+    checkinTag: string;
+    plain?: boolean | undefined;
+    labelColor?: string | undefined;
+    infoText?: string | undefined;
+    formatName: (attendee: Attendee) => string;
+    filterTags?: ((tag: string) => boolean) | undefined;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+    onClick?: ((attendeeId: string) => void) | undefined;
+}>>;
+export default _default;
+export declare const WithBackground: ComponentStory<React.FunctionComponent<{
+    attendee: Attendee;
+    checkinTag: string;
+    plain?: boolean | undefined;
+    labelColor?: string | undefined;
+    infoText?: string | undefined;
+    formatName: (attendee: Attendee) => string;
+    filterTags?: ((tag: string) => boolean) | undefined;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+    onClick?: ((attendeeId: string) => void) | undefined;
+}>>;
+export declare const Plain: ComponentStory<React.FunctionComponent<{
+    attendee: Attendee;
+    checkinTag: string;
+    plain?: boolean | undefined;
+    labelColor?: string | undefined;
+    infoText?: string | undefined;
+    formatName: (attendee: Attendee) => string;
+    filterTags?: ((tag: string) => boolean) | undefined;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+    onClick?: ((attendeeId: string) => void) | undefined;
+}>>;
+export declare const FilteredTags: ComponentStory<React.FunctionComponent<{
+    attendee: Attendee;
+    checkinTag: string;
+    plain?: boolean | undefined;
+    labelColor?: string | undefined;
+    infoText?: string | undefined;
+    formatName: (attendee: Attendee) => string;
+    filterTags?: ((tag: string) => boolean) | undefined;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+    onClick?: ((attendeeId: string) => void) | undefined;
+}>>;
+export declare const WithColorLabel: ComponentStory<React.FunctionComponent<{
+    attendee: Attendee;
+    checkinTag: string;
+    plain?: boolean | undefined;
+    labelColor?: string | undefined;
+    infoText?: string | undefined;
+    formatName: (attendee: Attendee) => string;
+    filterTags?: ((tag: string) => boolean) | undefined;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+    onClick?: ((attendeeId: string) => void) | undefined;
+}>>;
+export declare const WithInfoText: ComponentStory<React.FunctionComponent<{
+    attendee: Attendee;
+    checkinTag: string;
+    plain?: boolean | undefined;
+    labelColor?: string | undefined;
+    infoText?: string | undefined;
+    formatName: (attendee: Attendee) => string;
+    filterTags?: ((tag: string) => boolean) | undefined;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+    onClick?: ((attendeeId: string) => void) | undefined;
+}>>;
+export declare const WithCompanion: ComponentStory<React.FunctionComponent<{
+    attendee: Attendee;
+    checkinTag: string;
+    plain?: boolean | undefined;
+    labelColor?: string | undefined;
+    infoText?: string | undefined;
+    formatName: (attendee: Attendee) => string;
+    filterTags?: ((tag: string) => boolean) | undefined;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+    onClick?: ((attendeeId: string) => void) | undefined;
+}>>;
+export declare const WithCompanionButNoMainGuestInfo: ComponentStory<React.FunctionComponent<{
+    attendee: Attendee;
+    checkinTag: string;
+    plain?: boolean | undefined;
+    labelColor?: string | undefined;
+    infoText?: string | undefined;
+    formatName: (attendee: Attendee) => string;
+    filterTags?: ((tag: string) => boolean) | undefined;
+    findMainGuest?: ((attendeeId: string) => Attendee | undefined) | undefined;
+    onClick?: ((attendeeId: string) => void) | undefined;
+}>>;

package/dist/ui/guest-card.stories.js

@@ -0,0 +1,125 @@
+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);
+};
+import React from 'react';
+import { GuestCard } from './guest-card';
+import { Attendee } from '../models';
+import { theme } from '../lib';
+export default {
+    title: 'Guest Card',
+    component: GuestCard,
+    argTypes: { formatName: { type: 'function' } },
+};
+var attendee = new Attendee({
+    id: 'my-attendee',
+    language: 'de',
+    auth: null,
+    tags: ['VIP', 'Import-200-02-10'],
+    time: new Date('2022-01-01'),
+    rsvp: { default: 1 },
+    checkin: {},
+    payment: null,
+    companions: { isCompanion: false },
+    userdata: {
+        name: 'Max Mustermann',
+    },
+    metadata: {},
+});
+var companion = new Attendee({
+    id: 'my-companion',
+    language: 'de',
+    auth: null,
+    tags: ['VIP', 'Import-200-02-10'],
+    time: new Date('2022-01-01'),
+    rsvp: { default: 1 },
+    checkin: {},
+    payment: null,
+    companions: { isCompanion: true, mainGuestId: 'my-attendee' },
+    userdata: {
+        name: 'Jhon Doe',
+    },
+    metadata: {},
+});
+var Template = function (args) { return (React.createElement(GuestCard, __assign({}, args))); };
+export var WithBackground = Template.bind({});
+WithBackground.args = {
+    attendee: attendee,
+    checkinTag: 'default',
+    formatName: function (attendee) {
+        var _a, _b;
+        return (_b = (_a = attendee.userdata.name) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '';
+    },
+};
+export var Plain = Template.bind({});
+Plain.args = {
+    plain: true,
+    attendee: attendee,
+    checkinTag: 'default',
+    formatName: function (attendee) {
+        var _a, _b;
+        return (_b = (_a = attendee.userdata.name) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '';
+    },
+};
+export var FilteredTags = Template.bind({});
+FilteredTags.args = {
+    attendee: attendee,
+    checkinTag: 'default',
+    filterTags: function (tag) {
+        var allowedTags = ['VIP'];
+        return allowedTags.includes(tag);
+    },
+    formatName: function (attendee) {
+        var _a, _b;
+        return (_b = (_a = attendee.userdata.name) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '';
+    },
+};
+export var WithColorLabel = Template.bind({});
+WithColorLabel.args = {
+    attendee: attendee,
+    checkinTag: 'default',
+    labelColor: theme.colors.enterPink,
+    formatName: function (attendee) {
+        var _a, _b;
+        return (_b = (_a = attendee.userdata.name) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '';
+    },
+};
+export var WithInfoText = Template.bind({});
+WithInfoText.args = {
+    attendee: attendee,
+    checkinTag: 'default',
+    infoText: '🥦 Vegetarian',
+    formatName: function (attendee) {
+        var _a, _b;
+        return (_b = (_a = attendee.userdata.name) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '';
+    },
+};
+export var WithCompanion = Template.bind({});
+WithCompanion.args = {
+    attendee: companion,
+    checkinTag: 'default',
+    findMainGuest: function () {
+        return attendee;
+    },
+    formatName: function (attendee) {
+        var _a, _b;
+        return (_b = (_a = attendee.userdata.name) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '';
+    },
+};
+export var WithCompanionButNoMainGuestInfo = Template.bind({});
+WithCompanionButNoMainGuestInfo.args = {
+    attendee: companion,
+    checkinTag: 'default',
+    formatName: function (attendee) {
+        var _a, _b;
+        return (_b = (_a = attendee.userdata.name) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '';
+    },
+};
+//# sourceMappingURL=guest-card.stories.js.map

package/dist/ui/guest-card.stories.js.map

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