@nixxie-cms/core 1.0.0

package/fields/types/timestamp/views/dist/nixxie-cms-core-fields-types-timestamp-views.cjs.js

@@ -0,0 +1,285 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var date = require('@internationalized/date');
+var i18n = require('@react-aria/i18n');
+var react = require('react');
+var button = require('@keystar/ui/button');
+var dateTime = require('@keystar/ui/date-time');
+var icon = require('@keystar/ui/icon');
+var calendarClockIcon = require('@keystar/ui/icon/icons/calendarClockIcon');
+var layout = require('@keystar/ui/layout');
+var textField = require('@keystar/ui/text-field');
+var tooltip = require('@keystar/ui/tooltip');
+var typography = require('@keystar/ui/typography');
+var utils = require('../../../../../dist/utils-b031e11c.cjs.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Field(props) {
+  const {
+    field,
+    value,
+    forceValidation,
+    onChange,
+    isRequired
+  } = props;
+  const parsedValue = value.value ? date.parseAbsoluteToLocal(value.value) : null;
+  const [isDirty, setDirty] = react.useState(false);
+  const [isReadonlyUTC, toggleReadonlyUTC] = react.useReducer(prev => !prev, false);
+  const dateFormatter = i18n.useDateFormatter({
+    dateStyle: 'long',
+    timeStyle: 'long'
+  });
+
+  // the read-only date field is deceptively interactive, better to render a
+  // text field to avoid confusion. when there's no value the field is disabled,
+  // placeholder text is shown, and the toggle button is hidden
+  if (!onChange) {
+    return /*#__PURE__*/jsxRuntime.jsxs(layout.Grid, {
+      columns: parsedValue ? 'minmax(0, 1fr) auto' : undefined,
+      gap: "regular",
+      alignItems: "end",
+      children: [/*#__PURE__*/jsxRuntime.jsx(textField.TextField, {
+        label: field.label,
+        description: field.description,
+        isDisabled: !parsedValue,
+        isReadOnly: true,
+        value: parsedValue ? isReadonlyUTC ? parsedValue.toAbsoluteString() : dateFormatter.format(parsedValue.toDate()) : 'yyyy-mm-dd --:--:--'
+      }), !!parsedValue && /*#__PURE__*/jsxRuntime.jsxs(tooltip.TooltipTrigger, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(button.ToggleButton, {
+          "aria-label": "utc time",
+          isSelected: isReadonlyUTC,
+          onPress: toggleReadonlyUTC,
+          children: /*#__PURE__*/jsxRuntime.jsx(icon.Icon, {
+            src: calendarClockIcon.calendarClockIcon
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(tooltip.Tooltip, {
+          children: "Local / UTC"
+        })]
+      })]
+    });
+  }
+  const showValidation = isDirty || forceValidation;
+  const validationMessage = showValidation ? validate(value, field.fieldMeta, isRequired, field.label) : undefined;
+  return /*#__PURE__*/jsxRuntime.jsx(dateTime.DatePicker, {
+    label: field.label,
+    description: field.description,
+    errorMessage: showValidation ? validationMessage : undefined,
+    granularity: "second"
+    // isReadOnly={undefined} // read-only state handled above
+    ,
+    isRequired: isRequired
+    // NOTE: in addition to providing a cue for users about the expected input
+    // format, the `placeholderValue` determines the type of value for the
+    // field. the implementation below ensures `ZonedDateTime` so we can avoid
+    // unnecessary guards or transformations.
+    ,
+    placeholderValue: date.now(date.getLocalTimeZone()),
+    onBlur: () => setDirty(true),
+    onChange: datetime => {
+      var _datetime$toAbsoluteS;
+      onChange({
+        ...value,
+        value: (_datetime$toAbsoluteS = datetime === null || datetime === void 0 ? void 0 : datetime.toAbsoluteString()) !== null && _datetime$toAbsoluteS !== void 0 ? _datetime$toAbsoluteS : null
+      });
+    },
+    value: parsedValue
+  });
+}
+function validate(value, fieldMeta, isRequired, label) {
+  var _fieldMeta$defaultVal;
+  const isEmpty = !value.value;
+
+  // if we receive null initially on the item view and the current value is null,
+  // we should always allow saving it because:
+  // - the value might be null in the database and we don't want to prevent saving the whole item because of that
+  // - we might have null because of an access control error
+  if (value.kind === 'update' && value.initial === null && isEmpty) return;
+  if (value.kind === 'create' && isEmpty && (typeof fieldMeta.defaultValue === 'object' && ((_fieldMeta$defaultVal = fieldMeta.defaultValue) === null || _fieldMeta$defaultVal === void 0 ? void 0 : _fieldMeta$defaultVal.kind) === 'now' || fieldMeta.updatedAt)) return;
+  if (isRequired && isEmpty) return `${label} is required`;
+
+  // TODO: update field in "@keystar/ui" to use new validation APIs, for more
+  // granular validation messages
+  return;
+}
+const Cell = ({
+  value
+}) => {
+  const dateFormatter = i18n.useDateFormatter({
+    dateStyle: 'medium',
+    timeStyle: 'short'
+  });
+  return value ? /*#__PURE__*/jsxRuntime.jsx(typography.Text, {
+    children: dateFormatter.format(new Date(value))
+  }) : null;
+};
+function controller(config) {
+  return {
+    fieldKey: config.fieldKey,
+    label: config.label,
+    description: config.description,
+    graphqlSelection: config.fieldKey,
+    fieldMeta: config.fieldMeta,
+    defaultValue: {
+      kind: 'create',
+      value: typeof config.fieldMeta.defaultValue === 'string' ? config.fieldMeta.defaultValue : null
+    },
+    deserialize: data => {
+      const value = data[config.fieldKey];
+      return {
+        kind: 'update',
+        initial: data[config.fieldKey],
+        value: value !== null && value !== void 0 ? value : null
+      };
+    },
+    serialize: ({
+      value
+    }) => {
+      if (value) return {
+        [config.fieldKey]: value
+      };
+      return {
+        [config.fieldKey]: null
+      };
+    },
+    validate: (value, opts) => validate(value, config.fieldMeta, opts.isRequired, config.label) === undefined,
+    filter: {
+      Filter(props) {
+        const {
+          autoFocus,
+          context,
+          forceValidation,
+          typeLabel,
+          onChange,
+          value,
+          type,
+          ...otherProps
+        } = props;
+        const [isDirty, setDirty] = react.useState(false);
+        if (type === 'empty' || type === 'not_empty') return null;
+        const parsedValue = value ? date.parseAbsoluteToLocal(value) : null;
+        return /*#__PURE__*/jsxRuntime.jsx(dateTime.DatePicker, {
+          label: typeLabel,
+          granularity: "second",
+          placeholderValue: date.now(date.getLocalTimeZone()),
+          errorMessage: (forceValidation || isDirty) && !value ? 'Required' : null,
+          isRequired: true,
+          hideTimeZone: true,
+          onBlur: () => setDirty(true),
+          onChange: datetime => {
+            var _datetime$toAbsoluteS2;
+            onChange((_datetime$toAbsoluteS2 = datetime === null || datetime === void 0 ? void 0 : datetime.toAbsoluteString()) !== null && _datetime$toAbsoluteS2 !== void 0 ? _datetime$toAbsoluteS2 : null);
+          },
+          value: parsedValue,
+          ...otherProps
+        });
+      },
+      graphql: ({
+        type,
+        value
+      }) => {
+        if (type === 'empty') return {
+          [config.fieldKey]: {
+            equals: null
+          }
+        };
+        if (type === 'not_empty') return {
+          [config.fieldKey]: {
+            not: {
+              equals: null
+            }
+          }
+        };
+        if (type === 'not') return {
+          [config.fieldKey]: {
+            not: {
+              equals: value
+            }
+          }
+        };
+        return {
+          [config.fieldKey]: {
+            [type]: value
+          }
+        };
+      },
+      parseGraphQL: value => {
+        return utils.entriesTyped(value).flatMap(([type, value]) => {
+          if (type === 'equals' && value === null) {
+            return {
+              type: 'empty',
+              value: null
+            };
+          }
+          if (!value) return [];
+          if (type === 'equals') return {
+            type: 'equals',
+            value: value
+          };
+          if (type === 'not') {
+            if ((value === null || value === void 0 ? void 0 : value.equals) === null) return {
+              type: 'not_empty',
+              value: null
+            };
+            return {
+              type: 'not',
+              value: value.equals
+            };
+          }
+          if (type === 'gt' || type === 'lt') {
+            return {
+              type,
+              value: value
+            };
+          }
+          return [];
+        });
+      },
+      Label({
+        label,
+        type,
+        value
+      }) {
+        const dateFormatter = i18n.useDateFormatter({
+          dateStyle: 'short',
+          timeStyle: 'short'
+        });
+        if (type === 'empty' || type === 'not_empty' || value == null) {
+          return label.toLocaleLowerCase();
+        }
+        return `${label.toLocaleLowerCase()} ${dateFormatter.format(new Date(value))}`;
+      },
+      types: {
+        equals: {
+          label: 'Is exactly',
+          initialValue: null
+        },
+        not: {
+          label: 'Is not exactly',
+          initialValue: null
+        },
+        lt: {
+          label: 'Is before',
+          initialValue: null
+        },
+        gt: {
+          label: 'Is after',
+          initialValue: null
+        },
+        empty: {
+          label: 'Is empty',
+          initialValue: null
+        },
+        not_empty: {
+          label: 'Is not empty',
+          initialValue: null
+        }
+      }
+    }
+  };
+}
+
+exports.Cell = Cell;
+exports.Field = Field;
+exports.controller = controller;

package/fields/types/timestamp/views/dist/nixxie-cms-core-fields-types-timestamp-views.esm.js

@@ -0,0 +1,279 @@
+import { parseAbsoluteToLocal, now, getLocalTimeZone } from '@internationalized/date';
+import { useDateFormatter } from '@react-aria/i18n';
+import { useState, useReducer } from 'react';
+import { ToggleButton } from '@keystar/ui/button';
+import { DatePicker } from '@keystar/ui/date-time';
+import { Icon } from '@keystar/ui/icon';
+import { calendarClockIcon } from '@keystar/ui/icon/icons/calendarClockIcon';
+import { Grid } from '@keystar/ui/layout';
+import { TextField } from '@keystar/ui/text-field';
+import { TooltipTrigger, Tooltip } from '@keystar/ui/tooltip';
+import { Text } from '@keystar/ui/typography';
+import { e as entriesTyped } from '../../../../../dist/utils-f9556354.esm.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function Field(props) {
+  const {
+    field,
+    value,
+    forceValidation,
+    onChange,
+    isRequired
+  } = props;
+  const parsedValue = value.value ? parseAbsoluteToLocal(value.value) : null;
+  const [isDirty, setDirty] = useState(false);
+  const [isReadonlyUTC, toggleReadonlyUTC] = useReducer(prev => !prev, false);
+  const dateFormatter = useDateFormatter({
+    dateStyle: 'long',
+    timeStyle: 'long'
+  });
+
+  // the read-only date field is deceptively interactive, better to render a
+  // text field to avoid confusion. when there's no value the field is disabled,
+  // placeholder text is shown, and the toggle button is hidden
+  if (!onChange) {
+    return /*#__PURE__*/jsxs(Grid, {
+      columns: parsedValue ? 'minmax(0, 1fr) auto' : undefined,
+      gap: "regular",
+      alignItems: "end",
+      children: [/*#__PURE__*/jsx(TextField, {
+        label: field.label,
+        description: field.description,
+        isDisabled: !parsedValue,
+        isReadOnly: true,
+        value: parsedValue ? isReadonlyUTC ? parsedValue.toAbsoluteString() : dateFormatter.format(parsedValue.toDate()) : 'yyyy-mm-dd --:--:--'
+      }), !!parsedValue && /*#__PURE__*/jsxs(TooltipTrigger, {
+        children: [/*#__PURE__*/jsx(ToggleButton, {
+          "aria-label": "utc time",
+          isSelected: isReadonlyUTC,
+          onPress: toggleReadonlyUTC,
+          children: /*#__PURE__*/jsx(Icon, {
+            src: calendarClockIcon
+          })
+        }), /*#__PURE__*/jsx(Tooltip, {
+          children: "Local / UTC"
+        })]
+      })]
+    });
+  }
+  const showValidation = isDirty || forceValidation;
+  const validationMessage = showValidation ? validate(value, field.fieldMeta, isRequired, field.label) : undefined;
+  return /*#__PURE__*/jsx(DatePicker, {
+    label: field.label,
+    description: field.description,
+    errorMessage: showValidation ? validationMessage : undefined,
+    granularity: "second"
+    // isReadOnly={undefined} // read-only state handled above
+    ,
+    isRequired: isRequired
+    // NOTE: in addition to providing a cue for users about the expected input
+    // format, the `placeholderValue` determines the type of value for the
+    // field. the implementation below ensures `ZonedDateTime` so we can avoid
+    // unnecessary guards or transformations.
+    ,
+    placeholderValue: now(getLocalTimeZone()),
+    onBlur: () => setDirty(true),
+    onChange: datetime => {
+      var _datetime$toAbsoluteS;
+      onChange({
+        ...value,
+        value: (_datetime$toAbsoluteS = datetime === null || datetime === void 0 ? void 0 : datetime.toAbsoluteString()) !== null && _datetime$toAbsoluteS !== void 0 ? _datetime$toAbsoluteS : null
+      });
+    },
+    value: parsedValue
+  });
+}
+function validate(value, fieldMeta, isRequired, label) {
+  var _fieldMeta$defaultVal;
+  const isEmpty = !value.value;
+
+  // if we receive null initially on the item view and the current value is null,
+  // we should always allow saving it because:
+  // - the value might be null in the database and we don't want to prevent saving the whole item because of that
+  // - we might have null because of an access control error
+  if (value.kind === 'update' && value.initial === null && isEmpty) return;
+  if (value.kind === 'create' && isEmpty && (typeof fieldMeta.defaultValue === 'object' && ((_fieldMeta$defaultVal = fieldMeta.defaultValue) === null || _fieldMeta$defaultVal === void 0 ? void 0 : _fieldMeta$defaultVal.kind) === 'now' || fieldMeta.updatedAt)) return;
+  if (isRequired && isEmpty) return `${label} is required`;
+
+  // TODO: update field in "@keystar/ui" to use new validation APIs, for more
+  // granular validation messages
+  return;
+}
+const Cell = ({
+  value
+}) => {
+  const dateFormatter = useDateFormatter({
+    dateStyle: 'medium',
+    timeStyle: 'short'
+  });
+  return value ? /*#__PURE__*/jsx(Text, {
+    children: dateFormatter.format(new Date(value))
+  }) : null;
+};
+function controller(config) {
+  return {
+    fieldKey: config.fieldKey,
+    label: config.label,
+    description: config.description,
+    graphqlSelection: config.fieldKey,
+    fieldMeta: config.fieldMeta,
+    defaultValue: {
+      kind: 'create',
+      value: typeof config.fieldMeta.defaultValue === 'string' ? config.fieldMeta.defaultValue : null
+    },
+    deserialize: data => {
+      const value = data[config.fieldKey];
+      return {
+        kind: 'update',
+        initial: data[config.fieldKey],
+        value: value !== null && value !== void 0 ? value : null
+      };
+    },
+    serialize: ({
+      value
+    }) => {
+      if (value) return {
+        [config.fieldKey]: value
+      };
+      return {
+        [config.fieldKey]: null
+      };
+    },
+    validate: (value, opts) => validate(value, config.fieldMeta, opts.isRequired, config.label) === undefined,
+    filter: {
+      Filter(props) {
+        const {
+          autoFocus,
+          context,
+          forceValidation,
+          typeLabel,
+          onChange,
+          value,
+          type,
+          ...otherProps
+        } = props;
+        const [isDirty, setDirty] = useState(false);
+        if (type === 'empty' || type === 'not_empty') return null;
+        const parsedValue = value ? parseAbsoluteToLocal(value) : null;
+        return /*#__PURE__*/jsx(DatePicker, {
+          label: typeLabel,
+          granularity: "second",
+          placeholderValue: now(getLocalTimeZone()),
+          errorMessage: (forceValidation || isDirty) && !value ? 'Required' : null,
+          isRequired: true,
+          hideTimeZone: true,
+          onBlur: () => setDirty(true),
+          onChange: datetime => {
+            var _datetime$toAbsoluteS2;
+            onChange((_datetime$toAbsoluteS2 = datetime === null || datetime === void 0 ? void 0 : datetime.toAbsoluteString()) !== null && _datetime$toAbsoluteS2 !== void 0 ? _datetime$toAbsoluteS2 : null);
+          },
+          value: parsedValue,
+          ...otherProps
+        });
+      },
+      graphql: ({
+        type,
+        value
+      }) => {
+        if (type === 'empty') return {
+          [config.fieldKey]: {
+            equals: null
+          }
+        };
+        if (type === 'not_empty') return {
+          [config.fieldKey]: {
+            not: {
+              equals: null
+            }
+          }
+        };
+        if (type === 'not') return {
+          [config.fieldKey]: {
+            not: {
+              equals: value
+            }
+          }
+        };
+        return {
+          [config.fieldKey]: {
+            [type]: value
+          }
+        };
+      },
+      parseGraphQL: value => {
+        return entriesTyped(value).flatMap(([type, value]) => {
+          if (type === 'equals' && value === null) {
+            return {
+              type: 'empty',
+              value: null
+            };
+          }
+          if (!value) return [];
+          if (type === 'equals') return {
+            type: 'equals',
+            value: value
+          };
+          if (type === 'not') {
+            if ((value === null || value === void 0 ? void 0 : value.equals) === null) return {
+              type: 'not_empty',
+              value: null
+            };
+            return {
+              type: 'not',
+              value: value.equals
+            };
+          }
+          if (type === 'gt' || type === 'lt') {
+            return {
+              type,
+              value: value
+            };
+          }
+          return [];
+        });
+      },
+      Label({
+        label,
+        type,
+        value
+      }) {
+        const dateFormatter = useDateFormatter({
+          dateStyle: 'short',
+          timeStyle: 'short'
+        });
+        if (type === 'empty' || type === 'not_empty' || value == null) {
+          return label.toLocaleLowerCase();
+        }
+        return `${label.toLocaleLowerCase()} ${dateFormatter.format(new Date(value))}`;
+      },
+      types: {
+        equals: {
+          label: 'Is exactly',
+          initialValue: null
+        },
+        not: {
+          label: 'Is not exactly',
+          initialValue: null
+        },
+        lt: {
+          label: 'Is before',
+          initialValue: null
+        },
+        gt: {
+          label: 'Is after',
+          initialValue: null
+        },
+        empty: {
+          label: 'Is empty',
+          initialValue: null
+        },
+        not_empty: {
+          label: 'Is not empty',
+          initialValue: null
+        }
+      }
+    }
+  };
+}
+
+export { Cell, Field, controller };

package/fields/types/timestamp/views/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "dist/nixxie-cms-core-fields-types-timestamp-views.cjs.js",
+  "module": "dist/nixxie-cms-core-fields-types-timestamp-views.esm.js"
+}

package/fields/types/virtual/views/dist/nixxie-cms-core-fields-types-virtual-views.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "../../../../../dist/declarations/src/fields/types/virtual/views/index.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibml4eGllLWNtcy1jb3JlLWZpZWxkcy10eXBlcy12aXJ0dWFsLXZpZXdzLmNqcy5kLnRzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vZGlzdC9kZWNsYXJhdGlvbnMvc3JjL2ZpZWxkcy90eXBlcy92aXJ0dWFsL3ZpZXdzL2luZGV4LmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEifQ==

package/fields/types/virtual/views/dist/nixxie-cms-core-fields-types-virtual-views.cjs.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var textField = require('@keystar/ui/text-field');
+var typography = require('@keystar/ui/typography');
+var jsxRuntime = require('react/jsx-runtime');
+
+function stringify(value) {
+  if (typeof value === 'string') return value;
+  if (value === undefined || value === null) return '';
+  if (typeof value !== 'object') return JSON.stringify(value);
+  const omitTypename = (key, value) => key === '__typename' ? undefined : value;
+  const dataWithoutTypename = JSON.parse(JSON.stringify(value), omitTypename);
+  return JSON.stringify(dataWithoutTypename, null, 2);
+}
+function Field(props) {
+  const {
+    autoFocus,
+    field,
+    value
+  } = props;
+  if (value === createViewValue) return null;
+  return /*#__PURE__*/jsxRuntime.jsx(textField.TextField, {
+    autoFocus: autoFocus,
+    description: field.description,
+    label: field.label,
+    isReadOnly: true,
+    value: stringify(value)
+  });
+}
+const Cell = ({
+  value
+}) => {
+  return value != null ? /*#__PURE__*/jsxRuntime.jsx(typography.Text, {
+    children: stringify(value)
+  }) : null;
+};
+const createViewValue = Symbol('create view virtual field value');
+function controller(config) {
+  return {
+    fieldKey: config.fieldKey,
+    label: config.label,
+    description: config.description,
+    graphqlSelection: `${config.fieldKey}${config.fieldMeta.query}`,
+    defaultValue: createViewValue,
+    deserialize: data => data[config.fieldKey],
+    serialize: () => ({})
+  };
+}
+
+exports.Cell = Cell;
+exports.Field = Field;
+exports.controller = controller;

package/fields/types/virtual/views/dist/nixxie-cms-core-fields-types-virtual-views.esm.js

@@ -0,0 +1,48 @@
+import { TextField } from '@keystar/ui/text-field';
+import { Text } from '@keystar/ui/typography';
+import { jsx } from 'react/jsx-runtime';
+
+function stringify(value) {
+  if (typeof value === 'string') return value;
+  if (value === undefined || value === null) return '';
+  if (typeof value !== 'object') return JSON.stringify(value);
+  const omitTypename = (key, value) => key === '__typename' ? undefined : value;
+  const dataWithoutTypename = JSON.parse(JSON.stringify(value), omitTypename);
+  return JSON.stringify(dataWithoutTypename, null, 2);
+}
+function Field(props) {
+  const {
+    autoFocus,
+    field,
+    value
+  } = props;
+  if (value === createViewValue) return null;
+  return /*#__PURE__*/jsx(TextField, {
+    autoFocus: autoFocus,
+    description: field.description,
+    label: field.label,
+    isReadOnly: true,
+    value: stringify(value)
+  });
+}
+const Cell = ({
+  value
+}) => {
+  return value != null ? /*#__PURE__*/jsx(Text, {
+    children: stringify(value)
+  }) : null;
+};
+const createViewValue = Symbol('create view virtual field value');
+function controller(config) {
+  return {
+    fieldKey: config.fieldKey,
+    label: config.label,
+    description: config.description,
+    graphqlSelection: `${config.fieldKey}${config.fieldMeta.query}`,
+    defaultValue: createViewValue,
+    deserialize: data => data[config.fieldKey],
+    serialize: () => ({})
+  };
+}
+
+export { Cell, Field, controller };

package/fields/types/virtual/views/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "dist/nixxie-cms-core-fields-types-virtual-views.cjs.js",
+  "module": "dist/nixxie-cms-core-fields-types-virtual-views.esm.js"
+}

package/graphql-ts/dist/nixxie-cms-core-graphql-ts.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "../../dist/declarations/src/graphql-ts.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibml4eGllLWNtcy1jb3JlLWdyYXBocWwtdHMuY2pzLmQudHMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9kaXN0L2RlY2xhcmF0aW9ucy9zcmMvZ3JhcGhxbC10cy5kLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIn0=