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

package/dist/models/instance.js

@@ -1,104 +1,114 @@
-import { array, boolean, object, parseDate, pipe, string, defaultTo, } from 'fefe';
+import { array, boolean, object, parseDate, pipe, string, defaultTo } from 'fefe';
 import { apiValidator, success } from '../lib';
 import { metaField } from './meta-field';
 import { dictionary, maybe } from './_helpers';
-var Instance = /** @class */ (function () {
-    function Instance(rawInstance) {
-        this.name = rawInstance.name;
-        this.title = rawInstance.title;
-        this.description = rawInstance.description;
-        this.checkinTags = rawInstance.checkins;
-        this.hasTumbnail = rawInstance.thumbnail;
-        this.url = rawInstance.url;
-        this.registration = rawInstance.registration;
-        this.guestNameFields = rawInstance.guestNameFields;
-        this.metaFields = rawInstance.metaFields;
-    }
-    Instance.prototype.toJSON = function () {
-        var _a, _b, _c, _d, _e, _f;
-        return {
-            name: this.name,
-            title: this.title,
-            description: this.description,
-            checkins: this.checkinTags,
-            thumbnail: this.hasTumbnail,
-            url: this.url,
-            registration: {
-                start: (_b = (_a = this.registration.start) === null || _a === void 0 ? void 0 : _a.toISOString()) !== null && _b !== void 0 ? _b : null,
-                end: (_d = (_c = this.registration.end) === null || _c === void 0 ? void 0 : _c.toISOString()) !== null && _d !== void 0 ? _d : null,
-                closed: this.registration.closed,
-                canEdit: this.registration.canEdit,
-                editEnd: (_f = (_e = this.registration.editEnd) === null || _e === void 0 ? void 0 : _e.toISOString()) !== null && _f !== void 0 ? _f : null,
-            },
-            guestNameFields: this.guestNameFields,
-            metaFields: this.metaFields,
-        };
-    };
-    Instance.prototype.isRegistrationClosed = function () {
-        var _a = this.registration, closed = _a.closed, start = _a.start, end = _a.end;
-        if (closed)
-            return true;
-        var now = new Date();
-        if (start !== null && now < start)
-            return true;
-        if (end !== null && now >= end)
-            return true;
-        return false;
-    };
-    Instance.prototype.canEditRegistration = function () {
-        var _a = this.registration, canEdit = _a.canEdit, editEnd = _a.editEnd;
-        if (!canEdit)
-            return false;
-        if (editEnd === null)
-            return true;
-        var now = new Date();
-        return editEnd < now;
+export class Instance {
+  constructor(rawInstance) {
+    this.name = rawInstance.name;
+    this.title = rawInstance.title;
+    this.description = rawInstance.description;
+    this.checkinTags = rawInstance.checkins;
+    this.hasTumbnail = rawInstance.thumbnail;
+    this.url = rawInstance.url;
+    this.registration = rawInstance.registration;
+    this.guestNameFields = rawInstance.guestNameFields;
+    this.metaFields = rawInstance.metaFields;
+  }
+
+  toJSON() {
+    return {
+      name: this.name,
+      title: this.title,
+      description: this.description,
+      checkins: this.checkinTags,
+      thumbnail: this.hasTumbnail,
+      url: this.url,
+      registration: {
+        start: this.registration.start?.toISOString() ?? null,
+        end: this.registration.end?.toISOString() ?? null,
+        closed: this.registration.closed,
+        canEdit: this.registration.canEdit,
+        editEnd: this.registration.editEnd?.toISOString() ?? null
+      },
+      guestNameFields: this.guestNameFields,
+      metaFields: this.metaFields
     };
-    Instance.prototype.formatName = function (guest) {
-        if (this.guestNameFields.length === 0) {
-            // just use the first value we can find
-            return Object.values(guest.userdata).slice(0, 1).join('');
-        }
-        return this.guestNameFields
-            .map(function (fieldKey) { var _a; return (_a = guest.userdata[fieldKey]) !== null && _a !== void 0 ? _a : ''; })
-            .join(' ');
-    };
-    return Instance;
-}());
-export { Instance };
-var rawInstance = object({
-    name: string(),
-    title: string(),
-    description: string(),
-    checkins: array(string()),
-    thumbnail: boolean(),
-    url: object({
-        domain: string(),
-        rootPath: string(),
-    }),
-    registration: object({
-        start: maybe(pipe(string()).pipe(parseDate({ iso: true }))),
-        end: maybe(pipe(string()).pipe(parseDate({ iso: true }))),
-        closed: boolean(),
-        canEdit: defaultTo(boolean(), false),
-        editEnd: defaultTo(maybe(pipe(string()).pipe(parseDate({ iso: true }))), null),
-    }),
-    guestNameFields: array(string()),
-    metaFields: dictionary(metaField),
-}, { allowExcessProperties: true });
-var rawInstanceList = object({ instances: array(rawInstance) });
-var parseRawInstance = apiValidator(rawInstance);
-var parseRawInstanceList = apiValidator(rawInstanceList);
-export var parseInstance = function (value) {
-    var result = parseRawInstance(value);
-    if (!result.success)
-        return result;
-    return success(new Instance(result.data));
-};
-export var parseInstanceList = function (value) {
-    var result = parseRawInstanceList(value);
-    if (!result.success)
-        return result;
-    return success(result.data.instances.map(function (rawInstance) { return new Instance(rawInstance); }));
+  }
+
+  isRegistrationClosed() {
+    const {
+      closed,
+      start,
+      end
+    } = this.registration;
+    if (closed) return true;
+    const now = new Date();
+    if (start !== null && now < start) return true;
+    if (end !== null && now >= end) return true;
+    return false;
+  }
+
+  canEditRegistration() {
+    const {
+      canEdit,
+      editEnd
+    } = this.registration;
+    if (!canEdit) return false;
+    if (editEnd === null) return true;
+    const now = new Date();
+    return editEnd < now;
+  }
+
+  formatName(guest) {
+    if (this.guestNameFields.length === 0) {
+      // just use the first value we can find
+      return Object.values(guest.userdata).slice(0, 1).join('');
+    }
+
+    return this.guestNameFields.map(fieldKey => guest.userdata[fieldKey] ?? '').join(' ');
+  }
+
+}
+const rawInstance = object({
+  name: string(),
+  title: string(),
+  description: string(),
+  checkins: array(string()),
+  thumbnail: boolean(),
+  url: object({
+    domain: string(),
+    rootPath: string()
+  }),
+  registration: object({
+    start: maybe(pipe(string()).pipe(parseDate({
+      iso: true
+    }))),
+    end: maybe(pipe(string()).pipe(parseDate({
+      iso: true
+    }))),
+    closed: boolean(),
+    canEdit: defaultTo(boolean(), false),
+    editEnd: defaultTo(maybe(pipe(string()).pipe(parseDate({
+      iso: true
+    }))), null)
+  }),
+  guestNameFields: array(string()),
+  metaFields: dictionary(metaField)
+}, {
+  allowExcessProperties: true
+});
+const rawInstanceList = object({
+  instances: array(rawInstance)
+});
+const parseRawInstance = apiValidator(rawInstance);
+const parseRawInstanceList = apiValidator(rawInstanceList);
+export const parseInstance = value => {
+  const result = parseRawInstance(value);
+  if (!result.success) return result;
+  return success(new Instance(result.data));
 };
-//# sourceMappingURL=instance.js.map
+export const parseInstanceList = value => {
+  const result = parseRawInstanceList(value);
+  if (!result.success) return result;
+  return success(result.data.instances.map(rawInstance => new Instance(rawInstance)));
+};

package/dist/models/invite.js

@@ -1,18 +1,21 @@
-import { array, number, object, parseDate, pipe, string, } from 'fefe';
+import { array, number, object, parseDate, pipe, string } from 'fefe';
 import { apiValidator } from '../lib';
 import { rawFieldValue } from './field-value';
 import { dictionary, maybe, toString } from './_helpers';
-var invite = object({
-    auth: string(),
-    count: number(),
-    limit: number(),
-    tags: array(string()),
-    userdata: dictionary(rawFieldValue),
-    metadata: dictionary(toString),
-    expires: maybe(pipe(string()).pipe(parseDate({ iso: true }))),
-    language: maybe(string()),
-}, { allowExcessProperties: true });
-var inviteList = array(invite);
-export var parseInvite = apiValidator(invite);
-export var parseInviteList = apiValidator(inviteList);
-//# sourceMappingURL=invite.js.map
+const invite = object({
+  auth: string(),
+  count: number(),
+  limit: number(),
+  tags: array(string()),
+  userdata: dictionary(rawFieldValue),
+  metadata: dictionary(toString),
+  expires: maybe(pipe(string()).pipe(parseDate({
+    iso: true
+  }))),
+  language: maybe(string())
+}, {
+  allowExcessProperties: true
+});
+const inviteList = array(invite);
+export const parseInvite = apiValidator(invite);
+export const parseInviteList = apiValidator(inviteList);

package/dist/models/meta-field.js

@@ -1,8 +1,9 @@
-import { array, enumerate, object, optional, string, } from 'fefe';
+import { array, enumerate, object, optional, string } from 'fefe';
 import { maybe } from './_helpers';
-export var metaField = object({
-    type: enumerate('checkbox', 'list', 'text', 'textfield'),
-    values: maybe(optional(array(string()))),
-    default: maybe(optional(string())),
-}, { allowExcessProperties: true });
-//# sourceMappingURL=meta-field.js.map
+export const metaField = object({
+  type: enumerate('checkbox', 'list', 'text', 'textfield'),
+  values: maybe(optional(array(string()))),
+  default: maybe(optional(string()))
+}, {
+  allowExcessProperties: true
+});

package/dist/models/user.js

@@ -1,11 +1,12 @@
-import { array, number, object, string, optional, } from 'fefe';
+import { array, number, object, string, optional } from 'fefe';
 import { apiValidator } from '../lib';
 import { unknown, dictionary } from './_helpers';
-export var user = object({
-    name: string(),
-    timeout: number(),
-    userdata: dictionary(unknown()),
-    permissions: optional(dictionary(array(string()))),
-}, { allowExcessProperties: true });
-export var parseUser = apiValidator(user);
-//# sourceMappingURL=user.js.map
+export const user = object({
+  name: string(),
+  timeout: number(),
+  userdata: dictionary(unknown()),
+  permissions: optional(dictionary(array(string())))
+}, {
+  allowExcessProperties: true
+});
+export const parseUser = apiValidator(user);

package/dist/models/variable.js

@@ -1,15 +1,16 @@
-import { array, boolean, discriminatedUnion, string, } from 'fefe';
+import { array, boolean, discriminatedUnion, string } from 'fefe';
 import { apiValidator } from '../lib';
-var variable = discriminatedUnion('variableType', {
-    text: {
-        name: string(),
-        title: string(),
-        value: string(),
-        isPrivate: boolean(),
-    },
-    // number: { name: string(), title: string(), value: number() },
-}, { allowExcessProperties: true });
-var variableList = array(variable);
-export var parseVariable = apiValidator(variable);
-export var parseVariableList = apiValidator(variableList);
-//# sourceMappingURL=variable.js.map
+const variable = discriminatedUnion('variableType', {
+  text: {
+    name: string(),
+    title: string(),
+    value: string(),
+    isPrivate: boolean()
+  } // number: { name: string(), title: string(), value: number() },
+
+}, {
+  allowExcessProperties: true
+});
+const variableList = array(variable);
+export const parseVariable = apiValidator(variable);
+export const parseVariableList = apiValidator(variableList);

package/dist/ui/button.js

@@ -1,32 +1,18 @@
-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 _JSXStyle from "styled-jsx/style";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 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
+export const Button = ({
+  appearance = 'default',
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("button", _extends({}, props, {
+    className: _JSXStyle.dynamic([["1344288011", [theme.fonts.secondary, theme.colors.enterBackground, theme.colors.enterDarkGrey, theme.colors.enterGrey, theme.colors.enterBackground, theme.colors.enterError, theme.colors.enterGrey, theme.colors.enterDarkGrey, theme.colors.enterDarkGrey, theme.colors.enterGreen, theme.colors.enterGreen]]]) + " " + `button ${appearance}`
+  }), props.children, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "1344288011",
+    dynamic: [theme.fonts.secondary, theme.colors.enterBackground, theme.colors.enterDarkGrey, theme.colors.enterGrey, theme.colors.enterBackground, theme.colors.enterError, theme.colors.enterGrey, theme.colors.enterDarkGrey, theme.colors.enterDarkGrey, theme.colors.enterGreen, theme.colors.enterGreen]
+  }, `.button.__jsx-style-dynamic-selector{font-family:${theme.fonts.secondary};margin:1em 0;padding:0.8em 1.5em;min-width:150px;font-size:1em;font-weight:500;white-space:nowrap;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase;-webkit-letter-spacing:0.06em;-moz-letter-spacing:0.06em;-ms-letter-spacing:0.06em;letter-spacing:0.06em;line-height:1;cursor:pointer;border-radius:2px;background-color:${theme.colors.enterBackground};color:${theme.colors.enterDarkGrey};border:1px solid ${theme.colors.enterGrey};box-shadow:0px 0px 2px 0px rgba(0,0,0,0.12), 0px 1px 2px 0px rgba(0,0,0,0.24);}.danger.__jsx-style-dynamic-selector{background-color:${theme.colors.enterBackground};color:${theme.colors.enterError};border:1px solid ${theme.colors.enterGrey};}.primary.__jsx-style-dynamic-selector{background-color:${theme.colors.enterDarkGrey};color:white;border:1px solid ${theme.colors.enterDarkGrey};}.green.__jsx-style-dynamic-selector{background-color:${theme.colors.enterGreen};color:white;border:1px solid ${theme.colors.enterGreen};}`));
+};

package/dist/ui/button.stories.js

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

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

@@ -1,51 +1,72 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
+import _JSXStyle from "styled-jsx/style";
 import React from 'react';
 import { colors, fonts } from '../lib/theme';
 import 'styled-jsx';
-var CHUNK_SIZE = 5;
-export var CheckinCountIndicator = function (props) {
-    var checkinCount = props.checkins.length;
-    var hasCheckins = checkinCount > 0;
-    var rsvpCount = props.response === 'positive-response' ? props.rsvpCount : 0;
-    var rsvpsWithoutCheckin = rsvpCount > checkinCount ? rsvpCount - checkinCount : 0;
-    var checkinsAndRsvp = __spreadArray(__spreadArray([], props.checkins, true), Array.from({ length: rsvpsWithoutCheckin }, function () { return 'rsvp'; }), true);
-    var chunked = [];
-    for (var i = 0; i < checkinsAndRsvp.length; i += CHUNK_SIZE) {
-        var chunk = checkinsAndRsvp.slice(i, i + CHUNK_SIZE);
-        chunked.push(chunk);
-    }
-    var text = getText({ checkinCount: checkinCount, rsvpCount: rsvpCount });
-    return (React.createElement("div", { className: 'checkin-count-indicator' },
-        props.response === 'negative-repsone' && !hasCheckins ? (React.createElement("div", { className: 'box-wrapper' },
-            React.createElement("span", { className: 'decline-box' }, "\u00D7"),
-            React.createElement("span", { className: 'text' }, "Declined"))) : (React.createElement("div", { className: "box-wrapper ".concat(chunked.length > 1 ? 'multiple-chunks' : '', " ") },
-            chunked.map(function (chunk, idx) { return (React.createElement("div", { key: idx, className: 'chunk' }, chunk.map(function (checkinOrRsvp, idx) {
-                return typeof checkinOrRsvp === 'string' ? (React.createElement("span", { key: idx, className: 'rsvp' })) : (React.createElement("span", { key: idx, className: 'checkin', "data-toggle": 'tooltip', title: checkinOrRsvp.time.toLocaleString() }));
-            }))); }),
-            text && React.createElement("span", { className: 'text' }, text))),
-        React.createElement("style", { jsx: true }, "\n        .checkin-count-indicator {\n          font-family: ".concat(fonts.primary, ";\n        }\n\n        .text {\n          color: ").concat(colors.enterDarkGrey, ";\n          text-transform: uppercase;\n          font-size: 10px;\n          line-height: 15px;\n          font-weight: bold;\n          white-space: nowrap;\n          width: 100%;\n          margin-top: 0.2em;\n        }\n\n        .text:nth-child(2) {\n          width: auto;\n          margin-top: 0;\n        }\n\n        .box-wrapper {\n          display: flex;\n          min-width: 100px;\n        }\n        .box-wrapper.multiple-chunks {\n          flex-flow: wrap;\n        }\n\n        .chunk {\n          display: flex;\n          margin-right: 5px;\n          margin-bottom: 4px;\n          width: 95px;\n          white-space: nowrap;\n        }\n\n        .chunk:first-of-type.chunk:last-of-type {\n          width: auto;\n          margin-right: 2px;\n        }\n\n        .checkin,\n        .rsvp,\n        .decline-box {\n          box-sizing: border-box;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 120%;\n          width: 15px;\n          height: 15px;\n          border-radius: 2px;\n          border: 3px solid ").concat(colors.enterGreen, ";\n          margin: 0 4px 0 0;\n          vertical-align: middle;\n          color: white;\n        }\n\n        .checkin {\n          background-color: ").concat(colors.enterGreen, ";\n        }\n\n        .decline-box {\n          background-color: ").concat(colors.enterError, ";\n          border-color: ").concat(colors.enterError, ";\n        }\n      "))));
+const CHUNK_SIZE = 5;
+export const CheckinCountIndicator = props => {
+  const checkinCount = props.checkins.length;
+  const hasCheckins = checkinCount > 0;
+  const rsvpCount = props.response === 'positive-response' ? props.rsvpCount : 0;
+  const rsvpsWithoutCheckin = rsvpCount > checkinCount ? rsvpCount - checkinCount : 0;
+  const checkinsAndRsvp = [...props.checkins, ...Array.from({
+    length: rsvpsWithoutCheckin
+  }, () => 'rsvp')];
+  const chunked = [];
+
+  for (let i = 0; i < checkinsAndRsvp.length; i += CHUNK_SIZE) {
+    const chunk = checkinsAndRsvp.slice(i, i + CHUNK_SIZE);
+    chunked.push(chunk);
+  }
+
+  const text = getText({
+    checkinCount,
+    rsvpCount
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["3032748268", [fonts.primary, colors.enterDarkGrey, colors.enterGreen, colors.enterGreen, colors.enterError, colors.enterError]]]) + " " + 'checkin-count-indicator'
+  }, props.response === 'negative-repsone' && !hasCheckins ? /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["3032748268", [fonts.primary, colors.enterDarkGrey, colors.enterGreen, colors.enterGreen, colors.enterError, colors.enterError]]]) + " " + 'box-wrapper'
+  }, /*#__PURE__*/React.createElement("span", {
+    className: _JSXStyle.dynamic([["3032748268", [fonts.primary, colors.enterDarkGrey, colors.enterGreen, colors.enterGreen, colors.enterError, colors.enterError]]]) + " " + 'decline-box'
+  }, "\xD7"), /*#__PURE__*/React.createElement("span", {
+    className: _JSXStyle.dynamic([["3032748268", [fonts.primary, colors.enterDarkGrey, colors.enterGreen, colors.enterGreen, colors.enterError, colors.enterError]]]) + " " + 'text'
+  }, "Declined")) : /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["3032748268", [fonts.primary, colors.enterDarkGrey, colors.enterGreen, colors.enterGreen, colors.enterError, colors.enterError]]]) + " " + `box-wrapper ${chunked.length > 1 ? 'multiple-chunks' : ''} `
+  }, chunked.map((chunk, idx) => /*#__PURE__*/React.createElement("div", {
+    key: idx,
+    className: _JSXStyle.dynamic([["3032748268", [fonts.primary, colors.enterDarkGrey, colors.enterGreen, colors.enterGreen, colors.enterError, colors.enterError]]]) + " " + 'chunk'
+  }, chunk.map((checkinOrRsvp, idx) => typeof checkinOrRsvp === 'string' ? /*#__PURE__*/React.createElement("span", {
+    key: idx,
+    className: _JSXStyle.dynamic([["3032748268", [fonts.primary, colors.enterDarkGrey, colors.enterGreen, colors.enterGreen, colors.enterError, colors.enterError]]]) + " " + 'rsvp'
+  }) : /*#__PURE__*/React.createElement("span", {
+    key: idx,
+    "data-toggle": "tooltip",
+    title: checkinOrRsvp.time.toLocaleString(),
+    className: _JSXStyle.dynamic([["3032748268", [fonts.primary, colors.enterDarkGrey, colors.enterGreen, colors.enterGreen, colors.enterError, colors.enterError]]]) + " " + 'checkin'
+  })))), text && /*#__PURE__*/React.createElement("span", {
+    className: _JSXStyle.dynamic([["3032748268", [fonts.primary, colors.enterDarkGrey, colors.enterGreen, colors.enterGreen, colors.enterError, colors.enterError]]]) + " " + 'text'
+  }, text)), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "3032748268",
+    dynamic: [fonts.primary, colors.enterDarkGrey, colors.enterGreen, colors.enterGreen, colors.enterError, colors.enterError]
+  }, `.checkin-count-indicator.__jsx-style-dynamic-selector{font-family:${fonts.primary};}.text.__jsx-style-dynamic-selector{color:${colors.enterDarkGrey};text-transform:uppercase;font-size:10px;line-height:15px;font-weight:bold;white-space:nowrap;width:100%;margin-top:0.2em;}.text.__jsx-style-dynamic-selector:nth-child(2){width:auto;margin-top:0;}.box-wrapper.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:100px;}.box-wrapper.multiple-chunks.__jsx-style-dynamic-selector{-webkit-flex-flow:wrap;-ms-flex-flow:wrap;flex-flow:wrap;}.chunk.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right:5px;margin-bottom:4px;width:95px;white-space:nowrap;}.chunk.__jsx-style-dynamic-selector:first-of-type.chunk.__jsx-style-dynamic-selector:last-of-type{width:auto;margin-right:2px;}.checkin.__jsx-style-dynamic-selector,.rsvp.__jsx-style-dynamic-selector,.decline-box.__jsx-style-dynamic-selector{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:120%;width:15px;height:15px;border-radius:2px;border:3px solid ${colors.enterGreen};margin:0 4px 0 0;vertical-align:middle;color:white;}.checkin.__jsx-style-dynamic-selector{background-color:${colors.enterGreen};}.decline-box.__jsx-style-dynamic-selector{background-color:${colors.enterError};border-color:${colors.enterError};}`));
 };
+
 function getText(args) {
-    if (args.checkinCount === 1 && args.rsvpCount === 1) {
-        return 'checked in';
-    }
-    if (args.checkinCount > 0) {
-        return "".concat(args.checkinCount, " / ").concat(args.rsvpCount, " Checkins");
-    }
-    if (args.rsvpCount == 1) {
-        return 'Confirmed';
-    }
-    if (args.rsvpCount > 0) {
-        return "".concat(args.rsvpCount, " Confirmations");
-    }
-    return 'no response';
-}
-//# sourceMappingURL=checkin-count-indicator.js.map
+  if (args.checkinCount === 1 && args.rsvpCount === 1) {
+    return 'checked in';
+  }
+
+  if (args.checkinCount > 0) {
+    return `${args.checkinCount} / ${args.rsvpCount} Checkins`;
+  }
+
+  if (args.rsvpCount == 1) {
+    return 'Confirmed';
+  }
+
+  if (args.rsvpCount > 0) {
+    return `${args.rsvpCount} Confirmations`;
+  }
+
+  return 'no response';
+}