npm - @makeswift/runtime - Versions diffs - 0.2.19 → 0.3.0 - Mend

@makeswift/runtime 0.2.19 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (228) hide show

package/dist/Form.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Form.es.js","sources":["../src/components/icons/check-12.svg","../src/components/builtin/Form/components/Field/services/cssField.ts","../src/components/builtin/Form/components/Field/components/Input/index.tsx","../src/components/builtin/Form/components/Placeholder/index.tsx","../src/components/builtin/Form/components/Field/components/Label/index.tsx","../src/components/builtin/Form/components/Field/components/SingleLineTextTableField/index.tsx","../src/components/builtin/Form/components/Field/components/TextArea/index.tsx","../src/components/builtin/Form/components/Field/components/LongTextTableField/index.tsx","../src/components/builtin/Form/components/Field/components/Checkbox/index.tsx","../src/components/builtin/Form/components/Field/components/CheckboxTableField/index.tsx","../src/components/builtin/Form/components/Field/components/MultipleSelectTableField/index.tsx","../src/components/builtin/Form/components/Field/components/RadioButton/index.tsx","../src/components/builtin/Form/components/Field/components/SingleSelectTableField/components/TableColumnRadioButtonGroup/index.tsx","../src/components/builtin/Form/components/Field/components/SingleSelectTableField/components/TableColumnSingleSelect/index.tsx","../src/components/builtin/Form/components/Field/components/SingleSelectTableField/index.tsx","../src/components/builtin/Form/components/Field/components/PhoneNumberTableField/index.tsx","../src/components/builtin/Form/components/Field/components/EmailTableField/index.tsx","../src/components/builtin/Form/components/Field/components/URLTableField/index.tsx","../src/components/builtin/Form/components/Field/components/NumberTableField/index.tsx","../src/components/builtin/Form/components/Field/components/PlaceholderTableField/index.tsx","../src/components/builtin/Form/components/Field/index.tsx","../src/components/icons/spinner-20.svg","../src/components/builtin/Form/components/Spinner/index.tsx","../src/components/hooks/useTableFormFieldRefs.ts","../src/components/builtin/Form/Form.tsx"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43MDcxIDEuNzkyODlDMTIuMDk3NiAyLjE4MzQyIDEyLjA5NzYgMi44MTY1OCAxMS43MDcxIDMuMjA3MTFMNC43MDcxMSAxMC4yMDcxQzQuMzE2NTggMTAuNTk3NiAzLjY4MzQyIDEwLjU5NzYgMy4yOTI4OSAxMC4yMDcxTDAuMjkyODkzIDcuMjA3MTFDLTAuMDk3NjMxMSA2LjgxNjU4IC0wLjA5NzYzMTEgNi4xODM0MiAwLjI5Mjg5MyA1Ljc5Mjg5QzAuNjgzNDE3IDUuNDAyMzcgMS4zMTY1OCA1LjQwMjM3IDEuNzA3MTEgNS43OTI4OUw0IDguMDg1NzlMMTAuMjkyOSAxLjc5Mjg5QzEwLjY4MzQgMS40MDIzNyAxMS4zMTY2IDEuNDAyMzcgMTEuNzA3MSAxLjc5Mjg5WiIvPgo8L3N2Zz4K\"","import { css } from 'styled-components'\n\nimport { cssMediaRules } from '../../../../../utils/cssMediaRules'\nimport { colorToString } from '../../../../../utils/colorToString'\n\nimport {\n Size,\n Shape,\n Contrast,\n Shapes,\n Sizes,\n Contrasts,\n Value,\n} from '../../../context/FormContext'\n\nexport function getSizeHeight(size: Size): number {\n switch (size) {\n case Sizes.SMALL:\n return 30\n\n case Sizes.MEDIUM:\n return 38\n\n case Sizes.LARGE:\n return 48\n\n default:\n throw new Error(`Invalid form size \"${size}\"`)\n }\n}\n\nexport function getSizeHorizontalPadding(size: Size): number {\n switch (size) {\n case Sizes.SMALL:\n return 8\n\n case Sizes.MEDIUM:\n return 12\n\n case Sizes.LARGE:\n return 16\n\n default:\n throw new Error(`Invalid form size \"${size}\"`)\n }\n}\n\nfunction getSizeVerticalPadding(size: Size): number {\n switch (size) {\n case Sizes.SMALL:\n return 3\n\n case Sizes.MEDIUM:\n return 7\n\n case Sizes.LARGE:\n return 11\n\n default:\n throw new Error(`Invalid form size \"${size}\"`)\n }\n}\n\nexport function getShapeBorderRadius(shape: Shape): number {\n switch (shape) {\n case Shapes.SQUARE:\n return 0\n\n case Shapes.ROUNDED:\n return 4\n\n case Shapes.PILL:\n return 500\n\n default:\n throw new Error(`Invalid form shape \"${shape}\"`)\n }\n}\n\nexport function getContrastBorderColor(contrast: Contrast, error?: boolean): string {\n switch (contrast) {\n case Contrasts.LIGHT:\n return error ? 'rgba(255, 0, 0, 0.7)' : 'rgba(0, 0, 0, 0.25)'\n\n case Contrasts.DARK:\n return error ? 'rgba(255, 0, 0, 0.7)' : 'rgba(255, 255, 255, 0.6)'\n\n default:\n throw new Error(`Invalid form contrast \"${contrast}\"`)\n }\n}\n\nexport function getContrastBackgroundColor(contrast: Contrast): string {\n switch (contrast) {\n case Contrasts.LIGHT:\n return 'white'\n\n case Contrasts.DARK:\n return 'rgba(0, 0, 0, 0.7)'\n\n default:\n throw new Error(`Invalid form contrast \"${contrast}\"`)\n }\n}\n\nexport function getContrastColor(contrast: Contrast): string {\n switch (contrast) {\n case Contrasts.LIGHT:\n return 'rgba(0, 0, 0, 0.95)'\n\n case Contrasts.DARK:\n return 'white'\n\n default:\n throw new Error(`Invalid form contrast \"${contrast}\"`)\n }\n}\n\nfunction getContrastPlaceholderColor(contrast: Contrast) {\n switch (contrast) {\n case Contrasts.LIGHT:\n return 'rgba(0, 0, 0, 0.3)'\n\n case Contrasts.DARK:\n return 'rgba(255,255,255,0.3)'\n\n default:\n throw new Error(`Invalid form contrast \"${contrast}\"`)\n }\n}\n\nexport default function cssField() {\n return css<Pick<Value, 'shape' \| 'size' \| 'contrast' \| 'brandColor'> & { error?: boolean }>`\n display: block;\n width: 100%;\n outline: none;\n border-width: 1px;\n border-style: solid;\n transition: border-color 200ms;\n ${props =>\n cssMediaRules(\n [props.shape, props.size, props.contrast, props.brandColor] as const,\n ([\n shape = Shapes.ROUNDED,\n size = Sizes.MEDIUM,\n contrast = Contrasts.LIGHT,\n brandColor = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 },\n ]) => css`\n padding: ${getSizeVerticalPadding(size)}px ${getSizeHorizontalPadding(size)}px;\n border-radius: ${getShapeBorderRadius(shape)}px;\n border-color: ${getContrastBorderColor(contrast, props.error)};\n color: ${getContrastColor(contrast)};\n background-color: ${getContrastBackgroundColor(contrast)};\n\n :focus,\n :focus-within {\n border-color: ${colorToString(brandColor)};\n }\n\n ::placeholder {\n color: ${getContrastPlaceholderColor(contrast)};\n }\n `,\n )}\n `\n}\n","import { ComponentPropsWithoutRef, forwardRef } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { cssMediaRules } from '../../../../../../utils/cssMediaRules'\nimport { Size, useFormContext, Sizes, Value } from '../../../../context/FormContext'\nimport cssField from '../../services/cssField'\n\nexport function getSizeHeight(size: Size): number {\n switch (size) {\n case Sizes.SMALL:\n return 36\n\n case Sizes.MEDIUM:\n return 42\n\n case Sizes.LARGE:\n return 48\n\n default:\n throw new Error(`Invalid form size \"${size}\"`)\n }\n}\n\nconst Base = styled.input.withConfig({\n shouldForwardProp: (prop, defaultValidator) =>\n !['shape', 'size', 'contrast', 'brandColor', 'error'].includes(prop.toString()) &&\n defaultValidator(prop),\n})<Pick<Value, 'shape' \| 'size' \| 'contrast' \| 'brandColor'> & { error?: boolean }>`\n ${cssField()}\n ${props =>\n cssMediaRules(\n [props.size] as const,\n ([size = Sizes.MEDIUM]) => css`\n min-height: ${getSizeHeight(size)}px;\n max-height: ${getSizeHeight(size)}px;\n `,\n )}\n`\n\ntype BaseProps = { error?: boolean; form?: unknown }\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<typeof Base>, keyof BaseProps>\n\nexport default forwardRef<HTMLInputElement, Props>(function Input(\n { error = false, form, ...restOfProps }: Props,\n ref,\n) {\n const { shape, size, contrast, brandColor } = useFormContext()\n\n return (\n <Base\n {...restOfProps}\n ref={ref}\n error={error}\n shape={shape}\n // @ts-expect-error: HTMLInputEleent `size` attribute conflicts with prop\n size={size}\n contrast={contrast}\n brandColor={brandColor}\n />\n )\n})\n","import { forwardRef, Ref } from 'react'\nimport styled from 'styled-components'\n\nimport { MarginValue, WidthValue } from '../../../../../prop-controllers/descriptors'\nimport { cssMargin, cssWidth } from '../../../../utils/cssMediaRules'\n\nconst Container = styled.div.withConfig({\n shouldForwardProp: prop => !['width', 'margin'].includes(prop.toString()),\n})<{\n width?: WidthValue\n margin?: MarginValue\n}>`\n display: flex;\n flex-direction: column;\n ${cssWidth()};\n ${cssMargin()};\n`\n\nconst Label = styled.div`\n max-width: 120px;\n min-width: 60px;\n height: 8px;\n border-radius: 2px;\n background-color: #a1a8c2;\n opacity: 0.4;\n margin-bottom: 8px;\n`\n\nconst Input = styled.div`\n min-width: 80px;\n height: 32px;\n border-radius: 4px;\n border-width: 2px;\n border-style: solid;\n border-color: #a1a8c2;\n opacity: 0.4;\n`\n\nconst Button = styled.div`\n min-width: 140px;\n height: 32px;\n border-radius: 4px;\n background-color: #a1a8c2;\n opacity: 0.4;\n`\n\ntype Props = {\n className?: string\n width?: WidthValue\n margin?: MarginValue\n}\n\nexport default forwardRef(function Placeholder(\n { className, width, margin }: Props,\n ref: Ref<HTMLDivElement>,\n): JSX.Element {\n return (\n <Container ref={ref} className={className} width={width} margin={margin}>\n <div style={{ display: 'flex', flexDirection: 'column', marginBottom: 16 }}>\n <Label />\n <Input />\n </div>\n <div style={{ display: 'flex', flexDirection: 'column', marginBottom: 16 }}>\n <Label />\n <Input />\n </div>\n <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'flex-end' }}>\n <Button />\n </div>\n </Container>\n )\n})\n","import { ComponentPropsWithoutRef } from 'react'\nimport styled, { css } from 'styled-components'\nimport { ResponsiveValue } from '../../../../../../../prop-controllers'\nimport { TextStyleValue } from '../../../../../../../prop-controllers/descriptors'\nimport { cssMediaRules, cssTextStyle } from '../../../../../../utils/cssMediaRules'\nimport { colorToString } from '../../../../../../utils/colorToString'\n\nimport { useFormContext, Size, Sizes, Contrast, Contrasts } from '../../../../context/FormContext'\nimport { ColorValue } from '../../../../../../utils/types'\n\nexport function getSizeHeight(size: Size): number {\n switch (size) {\n case Sizes.SMALL:\n return 14\n\n case Sizes.MEDIUM:\n return 18\n\n case Sizes.LARGE:\n return 22\n\n default:\n throw new Error(`Invalid form size \"${size}\"`)\n }\n}\n\nfunction getContrastColor(contrast: Contrast): string {\n switch (contrast) {\n case Contrasts.LIGHT:\n return 'rgba(0, 0, 0, 0.8)'\n\n case Contrasts.DARK:\n return 'rgba(255, 255, 255, 0.95)'\n\n default:\n throw new Error(`Invalid form contrast \"${contrast}\"`)\n }\n}\n\nconst Base = styled.label.withConfig({\n shouldForwardProp: (prop, defaultValidator) =>\n !['contrast', 'size', 'textStyle', 'textColor'].includes(prop.toString()) &&\n defaultValidator(prop),\n})<{\n contrast?: ResponsiveValue<Contrast> \| null \| undefined\n size?: ResponsiveValue<Size> \| null \| undefined\n textStyle?: TextStyleValue \| null \| undefined\n textColor?: ResponsiveValue<ColorValue> \| null \| undefined\n}>`\n display: block;\n margin: 0 0 0.25em 0;\n ${cssTextStyle()}\n ${props =>\n cssMediaRules(\n [props.size, props.contrast, props.textColor] as const,\n ([size = Sizes.MEDIUM, contrast = Contrasts.LIGHT, textColor]) => css`\n min-height: ${getSizeHeight(size)}px;\n color: ${textColor == null ? getContrastColor(contrast) : colorToString(textColor)};\n `,\n )}\n`\n\ntype Props = ComponentPropsWithoutRef<typeof Base>\n\nexport default function Label(props: Props): JSX.Element {\n const { contrast, size, labelTextStyle, labelTextColor } = useFormContext()\n\n return (\n <Base\n {...props}\n contrast={contrast}\n size={size}\n textStyle={labelTextStyle}\n textColor={labelTextColor}\n />\n )\n}\n","import { forwardRef } from 'react'\n\nimport Label from '../Label'\nimport Input from '../Input'\n\ntype Props = {\n id: string\n label?: string\n name: string\n error?: string\n hideLabel?: boolean\n}\n\nexport default forwardRef<HTMLInputElement, Props>(function SingleLineTextTableField(\n { id, label = '', name, error, hideLabel = false, ...restOfProps }: Props,\n ref,\n) {\n return (\n <>\n {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n <Input\n {...restOfProps}\n aria-label={label}\n ref={ref}\n id={id}\n name={name}\n type=\"text\"\n error={error != null}\n />\n </>\n )\n})\n","import { forwardRef, ComponentPropsWithoutRef } from 'react'\nimport styled from 'styled-components'\n\nimport cssField from '../../services/cssField'\nimport { Value, useFormContext } from '../../../../context/FormContext'\n\nconst Base = styled.textarea.withConfig({\n shouldForwardProp: (prop, defaultValidator) =>\n !['error', 'shape', 'size', 'contrast', 'brandColor'].includes(prop.toString()) &&\n defaultValidator(prop),\n})<Value & { error?: boolean }>`\n resize: vertical;\n ${cssField()}\n`\n\ntype BaseProps = { error?: boolean; form?: unknown }\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<typeof Base>, keyof BaseProps>\n\nexport default forwardRef<HTMLTextAreaElement, Props>(function TextArea(\n { error = false, form, ...restOfProps }: Props,\n ref,\n) {\n const { shape, size, contrast, brandColor } = useFormContext()\n\n return (\n <Base\n {...restOfProps}\n ref={ref}\n rows={4}\n error={error}\n shape={shape}\n size={size}\n contrast={contrast}\n brandColor={brandColor}\n />\n )\n})\n","import { forwardRef } from 'react'\n\nimport Label from '../Label'\nimport TextArea from '../TextArea'\n\ntype Props = {\n id: string\n label?: string\n error?: string\n hideLabel?: boolean\n}\n\nexport default forwardRef<HTMLTextAreaElement, Props>(function LongTextTableField(\n { id, label = '', error, hideLabel = false, ...restOfProps }: Props,\n ref,\n) {\n return (\n <>\n {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n <TextArea {...restOfProps} aria-label={label} ref={ref} id={id} error={error != null} />\n </>\n )\n})\n","import { forwardRef, CSSProperties, ComponentPropsWithoutRef } from 'react'\nimport styled, { css } from 'styled-components'\nimport Color from 'color'\n\nimport { getSizeHeight as getSize } from '../Label'\nimport {\n useFormContext,\n Value as FormContextValue,\n Sizes,\n Contrasts,\n} from '../../../../context/FormContext'\nimport { getContrastBorderColor, getContrastBackgroundColor } from '../../services/cssField'\nimport { cssMediaRules } from '../../../../../../utils/cssMediaRules'\nimport { colorToString } from '../../../../../../utils/colorToString'\nimport { SwatchValue } from '../../../../../../utils/types'\n\nfunction getCheckmarkColor({\n swatch: { hue: h, saturation: s, lightness: l },\n alpha: a,\n}: {\n swatch: SwatchValue\n alpha: number\n}) {\n return Color({ h, s, l }).alpha(a).isLight() ? 'rgba(0, 0, 0, 0.7)' : 'rgba(255, 255, 255, 0.95)'\n}\n\nconst Container = styled.div.withConfig({\n shouldForwardProp: prop => !['size'].includes(prop),\n})<Pick<FormContextValue, 'size'>>`\n position: relative;\n ${props =>\n cssMediaRules(\n [props.size] as const,\n ([size = Sizes.MEDIUM]) => css`\n height: ${getSize(size)}px;\n width: ${getSize(size)}px;\n `,\n )}\n`\n\nconst FakeCheckbox = styled.div.withConfig({\n shouldForwardProp: prop => !['contrast', 'error'].includes(prop),\n})<Pick<FormContextValue, 'contrast'> & { error?: boolean }>`\n position: absolute;\n width: 100%;\n height: 100%;\n border-style: solid;\n border-radius: 4px;\n pointer-events: none;\n border-width: 1px;\n ${props =>\n cssMediaRules(\n [props.contrast] as const,\n ([contrast = Contrasts.LIGHT]) => css`\n border-color: ${getContrastBorderColor(contrast, props.error)};\n background-color: ${getContrastBackgroundColor(contrast)};\n `,\n )}\n`\n\nconst HiddenCheckbox = styled.input.withConfig({\n shouldForwardProp: (prop, defaultValidator) =>\n !['size', 'brandColor', 'contrast', 'error'].includes(prop) && defaultValidator(prop),\n})<\n Pick<FormContextValue, 'size' \| 'brandColor' \| 'contrast'> & {\n error?: boolean\n }\n>`\n position: absolute;\n opacity: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n\n &:disabled {\n cursor: no-drop;\n\n & ~ ${FakeCheckbox} {\n opacity: 0.5;\n }\n }\n\n &:checked ~ ${FakeCheckbox} {\n ${props =>\n cssMediaRules(\n [props.brandColor] as const,\n ([{ swatch = { hue: 0, saturation: 0, lightness: 0 }, alpha = 1 } = {}]) => css`\n background-color: ${colorToString({ swatch, alpha })};\n `,\n )}\n border-color: transparent;\n\n &::after {\n content: '';\n position: absolute;\n box-sizing: content-box;\n width: 25%;\n height: 50%;\n ${props =>\n cssMediaRules(\n [props.size] as const,\n ([size = Sizes.MEDIUM]) => css`\n border-width: ${getSize(size) * 0.1}px;\n border-left: 0;\n border-top: 0;\n `,\n )}\n border-style: solid;\n ${props =>\n cssMediaRules(\n [props.brandColor] as const,\n ([{ swatch = { hue: 0, saturation: 0, lightness: 0 }, alpha = 1 } = {}]) => css`\n border-color: ${getCheckmarkColor({ swatch, alpha })};\n `,\n )}\n transform: rotate(45deg) translate3d(91%, -23%, 0);\n }\n }\n\n &:not(:disabled) {\n &:focus ~ ${FakeCheckbox} {\n ${props =>\n cssMediaRules(\n [props.brandColor],\n ([brandColor = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 }]) => css`\n border-color: ${colorToString(brandColor)};\n `,\n )}\n }\n }\n\n &:not(:disabled):checked {\n &:focus ~ ${FakeCheckbox} {\n ${props =>\n cssMediaRules(\n [props.contrast],\n ([contrast = Contrasts.LIGHT]) => css`\n border-color: ${getContrastBorderColor(contrast, props.error)};\n `,\n )}\n }\n }\n`\n\ntype BaseProps = {\n error?: boolean\n className?: string\n style?: CSSProperties\n form?: unknown\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<typeof HiddenCheckbox>, keyof BaseProps>\n\nexport default forwardRef<HTMLInputElement, Props>(function Checkbox(\n { error, className, style, form, ...restOfProps }: Props,\n ref,\n) {\n const { size, contrast, brandColor } = useFormContext()\n\n return (\n <Container size={size}>\n <HiddenCheckbox\n {...restOfProps}\n type=\"checkbox\"\n ref={ref}\n error={error}\n // @ts-expect-error: HTMLInputElement `size` attribute conflicts with prop\n size={size}\n contrast={contrast}\n brandColor={brandColor}\n />\n <FakeCheckbox className={className} error={error} contrast={contrast} style={style} />\n </Container>\n )\n})\n","import { forwardRef, SyntheticEvent } from 'react'\nimport styled, { css } from 'styled-components'\nimport { FormikProps } from 'formik'\n\nimport { useFormContext, Sizes, Value } from '../../../../context/FormContext'\nimport Label from '../Label'\nimport { getSizeHeight as getInputSizeHeight } from '../Input'\nimport Checkbox from '../Checkbox'\nimport { cssMediaRules } from '../../../../../../utils/cssMediaRules'\n\nconst StyledLabel = styled(Label)<Pick<Value, 'size'>>`\n display: flex;\n align-items: center;\n margin: 0;\n ${props =>\n cssMediaRules(\n [props.size] as const,\n ([size = Sizes.MEDIUM]) => css`\n min-height: ${getInputSizeHeight(size)}px;\n max-height: ${getInputSizeHeight(size)}px;\n `,\n )}\n`\n\nconst CheckboxContainer = styled.span`\n margin-right: 8px;\n`\n\ntype Props = {\n form: FormikProps<{\n [key: string]: boolean\n }>\n id: string\n label?: string\n name: string\n value?: boolean\n error?: string\n}\n\nexport default forwardRef<HTMLInputElement, Props>(function CheckboxTableField(\n { form, id, name, label = '', value = false, error, ...restOfProps }: Props,\n ref,\n) {\n const { size } = useFormContext()\n\n function handleChange(event: SyntheticEvent<HTMLInputElement>) {\n form.setFieldValue(name, event.currentTarget.checked)\n }\n\n return (\n <StyledLabel htmlFor={id} size={size}>\n <CheckboxContainer>\n <Checkbox\n {...restOfProps}\n aria-label={label}\n checked={value}\n onChange={handleChange}\n ref={ref}\n id={id}\n error={error != null}\n />\n </CheckboxContainer>\n {label}\n </StyledLabel>\n )\n})\n","import { forwardRef, useRef, useImperativeHandle, SyntheticEvent } from 'react'\nimport styled from 'styled-components'\n\nimport Label from '../Label'\nimport Checkbox from '../Checkbox'\n\nconst MainLabel = styled(Label)`\n margin: 0 0 4px 0;\n`\n\nconst StyledLabel = styled(Label)`\n display: flex;\n align-items: center;\n margin: 8px 0;\n\n &:last-of-type {\n margin-bottom: 0;\n }\n`\n\nconst CheckboxContainer = styled.span`\n margin-right: 8px;\n`\n\ntype Props = {\n id: string\n tableColumn: {\n options: Array<{\n id: string\n name: string\n }>\n }\n value?: Array<string>\n label?: string\n onChange: (arg0: SyntheticEvent<HTMLInputElement>) => unknown\n required?: boolean\n hideLabel?: boolean\n}\n\nexport default forwardRef<\n {\n validity: {\n valueMissing: boolean\n typeMismatch: boolean\n }\n },\n Props\n>(function MultipleSelectTableField(\n {\n tableColumn,\n label = '',\n required,\n value = [],\n onChange,\n hideLabel = false,\n ...restOfProps\n }: Props,\n ref,\n) {\n const handle = useRef({\n validity: { valueMissing: required === true && value.length === 0, typeMismatch: false },\n })\n\n useImperativeHandle(ref, () => handle.current, [])\n\n function handleChange(event: SyntheticEvent<HTMLInputElement>) {\n handle.current.validity.valueMissing =\n required === true &&\n !event.currentTarget.checked &&\n value.filter(v => v !== event.currentTarget.value).length === 0\n\n onChange(event)\n }\n\n return (\n <div>\n {!hideLabel && <MainLabel>{label}</MainLabel>}\n {tableColumn.options.map(option => (\n <StyledLabel key={option.id} htmlFor={option.id}>\n <CheckboxContainer>\n <Checkbox\n {...restOfProps}\n aria-label={label}\n onChange={handleChange}\n checked={value.includes(option.name)}\n id={option.id}\n value={option.name}\n />\n </CheckboxContainer>\n {option.name}\n </StyledLabel>\n ))}\n </div>\n )\n})\n","import { forwardRef, CSSProperties, ComponentPropsWithoutRef } from 'react'\nimport styled, { css } from 'styled-components'\nimport Color from 'color'\n\nimport { getSizeHeight as getSize } from '../Label'\nimport { useFormContext, Sizes, Contrasts, Value } from '../../../../context/FormContext'\nimport { getContrastBorderColor, getContrastBackgroundColor } from '../../services/cssField'\nimport { cssMediaRules } from '../../../../../../utils/cssMediaRules'\nimport { colorToString } from '../../../../../../utils/colorToString'\nimport { ColorValue } from '../../../../../../utils/types'\n\nfunction getCheckmarkColor({\n swatch: { hue: h, saturation: s, lightness: l } = { hue: 0, saturation: 0, lightness: 0 },\n alpha: a,\n}: ColorValue) {\n return Color({ h, s, l }).alpha(a).isLight() ? 'rgba(0, 0, 0, 0.7)' : 'rgba(255, 255, 255, 0.95)'\n}\n\nconst Container = styled.div.withConfig({\n shouldForwardProp: prop => !['size'].includes(prop.toString()),\n})<Pick<Value, 'size'>>`\n position: relative;\n ${props =>\n cssMediaRules(\n [props.size],\n ([size = Sizes.MEDIUM]) => css`\n height: ${getSize(size)}px;\n width: ${getSize(size)}px;\n `,\n )}\n`\n\nconst FakeRadioButton = styled.div.withConfig({\n shouldForwardProp: prop => !['contrast', 'error'].includes(prop.toString()),\n})<Pick<Value, 'contrast'> & { error?: boolean }>`\n position: absolute;\n width: 100%;\n height: 100%;\n border-style: solid;\n border-radius: 50%;\n pointer-events: none;\n border-width: 1px;\n ${props =>\n cssMediaRules(\n [props.contrast],\n ([contrast = Contrasts.LIGHT]) => css`\n border-color: ${getContrastBorderColor(contrast, props.error)};\n background-color: ${getContrastBackgroundColor(contrast)};\n `,\n )}\n`\n\nconst HiddenRadioButton = styled.input\n .withConfig({\n shouldForwardProp: prop => !['brandColor', 'contrast', 'error'].includes(prop.toString()),\n })\n .attrs({ type: 'radio' })<Pick<Value, 'brandColor' \| 'contrast'> & { error?: boolean }>`\n position: absolute;\n opacity: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n\n &:disabled {\n cursor: no-drop;\n\n & ~ ${FakeRadioButton} {\n opacity: 0.5;\n }\n }\n\n &:checked ~ ${FakeRadioButton} {\n ${props =>\n cssMediaRules(\n [props.brandColor] as const,\n ([brandColor = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 }]) => css`\n background-color: ${colorToString(brandColor)};\n `,\n )}\n border-color: transparent;\n\n &::after {\n content: '';\n position: absolute;\n box-sizing: content-box;\n top: 50%;\n left: 50%;\n width: 50%;\n height: 50%;\n border-radius: 50%;\n transform: translate(-50%, -50%);\n ${props =>\n cssMediaRules(\n [props.brandColor] as const,\n ([brandColor = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 }]) => css`\n background-color: ${getCheckmarkColor(brandColor)};\n `,\n )}\n }\n }\n\n &:not(:disabled) {\n &:focus ~ ${FakeRadioButton} {\n ${props =>\n cssMediaRules(\n [props.brandColor] as const,\n ([brandColor = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 }]) => css`\n border-color: ${colorToString(brandColor)};\n `,\n )}\n }\n }\n\n &:not(:disabled):checked {\n &:focus ~ ${FakeRadioButton} {\n ${props =>\n cssMediaRules(\n [props.contrast] as const,\n ([contrast = Contrasts.LIGHT]) => css`\n border-color: ${getContrastBorderColor(contrast, props.error)};\n `,\n )}\n }\n }\n`\n\ntype BaseProps = {\n error?: boolean\n className?: string\n style?: CSSProperties\n form?: unknown\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<typeof HiddenRadioButton>, keyof BaseProps>\n\nexport default forwardRef<HTMLInputElement, Props>(function RadioButton(\n { error, className, style, form, ...restOfProps }: Props,\n ref,\n) {\n const { size, contrast, brandColor } = useFormContext()\n\n return (\n <Container size={size}>\n <HiddenRadioButton\n {...restOfProps}\n ref={ref}\n error={error}\n contrast={contrast}\n brandColor={brandColor}\n />\n <FakeRadioButton className={className} error={error} contrast={contrast} style={style} />\n </Container>\n )\n})\n","import { forwardRef, useRef, useImperativeHandle, SyntheticEvent } from 'react'\nimport styled from 'styled-components'\n\nimport Label from '../../../Label'\nimport RadioButton from '../../../RadioButton'\n\nconst StyledLabel = styled(Label)`\n display: flex;\n align-items: center;\n margin: 8px 0;\n\n &:last-of-type {\n margin-bottom: 0;\n }\n`\n\nconst RadioButtonContainer = styled.span`\n margin-right: 8px;\n`\n\ntype Props = {\n id: string\n tableColumn: {\n options: Array<{\n id: string\n name: string\n }>\n }\n label?: string\n value?: string\n hideLabel?: boolean\n onChange: (arg0: SyntheticEvent<HTMLInputElement>) => unknown\n required?: boolean\n}\n\nexport default forwardRef<\n {\n validity: {\n valueMissing: boolean\n typeMismatch: boolean\n }\n },\n Props\n>(function TableColumnRadioButtonGroup(\n {\n tableColumn,\n label = '',\n value = '',\n required = false,\n hideLabel = false,\n onChange,\n ...restOfProps\n }: Props,\n ref,\n) {\n const handle = useRef({\n validity: { valueMissing: required === true && value === '', typeMismatch: false },\n })\n\n useImperativeHandle(ref, () => handle.current, [])\n\n function handleChange(event: SyntheticEvent<HTMLInputElement>) {\n handle.current.validity.valueMissing = required === true && !event.currentTarget.checked\n\n onChange(event)\n }\n\n return (\n <div>\n {!hideLabel && <Label as=\"p\">{label}</Label>}\n {tableColumn.options.map(option => (\n <StyledLabel key={option.id} htmlFor={option.id} aria-label={label}>\n <RadioButtonContainer>\n <RadioButton\n {...restOfProps}\n onChange={handleChange}\n checked={value === option.name}\n id={option.id}\n value={option.name}\n />\n </RadioButtonContainer>\n {option.name}\n </StyledLabel>\n ))}\n </div>\n )\n})\n","import { forwardRef } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { cssMediaRules } from '../../../../../../../../utils/cssMediaRules'\nimport { useFormContext, Sizes, Contrasts, Value } from '../../../../../../context/FormContext'\nimport cssField, {\n getSizeHeight,\n getSizeHorizontalPadding,\n getContrastColor,\n} from '../../../../services/cssField'\nimport Label from '../../../Label'\n\nconst Container = styled.div.withConfig({\n shouldForwardProp: prop =>\n !['error', 'shape', 'size', 'contrast', 'brandColor'].includes(prop.toString()),\n})<Value & { error?: boolean }>`\n ${cssField()}\n display: flex;\n align-items: center;\n position: relative;\n user-select: none;\n border-color: #f19eb9;\n\n &:focus,\n &:focus-within {\n border-color: #e54e7f;\n }\n\n ${props =>\n cssMediaRules(\n [props.size, props.contrast] as const,\n ([size = Sizes.MEDIUM, contrast = Contrasts.LIGHT]) => css`\n min-height: ${getSizeHeight(size)}px;\n max-height: ${getSizeHeight(size)}px;\n\n &::after {\n content: '';\n position: absolute;\n right: ${getSizeHorizontalPadding(size)}px;\n top: 50%;\n transform: translate3d(0, -25%, 0);\n border: solid 0.35em transparent;\n border-top-color: ${getContrastColor(contrast)};\n }\n `,\n )}\n`\n\nconst Select = styled.select`\n appearance: none;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n width: 100%;\n height: 100%;\n`\n\ntype Props = {\n id: string\n tableColumn: {\n options: Array<{\n id: string\n name: string\n }>\n }\n value?: string\n label?: string\n required?: boolean\n error?: boolean\n hideLabel?: boolean\n form?: unknown\n}\n\nexport default forwardRef<HTMLSelectElement, Props>(function TableColumnSingleSelect(\n {\n id,\n tableColumn,\n value = '',\n label = '',\n error = false,\n hideLabel = false,\n form,\n ...restOfProps\n }: Props,\n ref,\n) {\n const { shape, size, contrast, brandColor } = useFormContext()\n\n return (\n <>\n {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n <Container\n error={error}\n shape={shape}\n size={size}\n contrast={contrast}\n brandColor={brandColor}\n >\n <span>{value === '' ? '-' : value}</span>\n <Select {...restOfProps} aria-label={label} ref={ref} id={id} value={value}>\n <option value=\"\">-</option>\n {tableColumn.options.map(option => (\n <option key={option.id} value={option.name}>\n {option.name}\n </option>\n ))}\n </Select>\n </Container>\n </>\n )\n})\n","import { forwardRef, SyntheticEvent } from 'react'\n\nimport TableColumnRadioButtonGroup from './components/TableColumnRadioButtonGroup'\nimport TableColumnSingleSelect from './components/TableColumnSingleSelect'\n\ntype Props = {\n id: string\n name: string\n tableColumn: {\n options: Array<{\n id: string\n name: string\n }>\n }\n label?: string\n value?: string\n onChange: (arg0: SyntheticEvent<HTMLInputElement>) => unknown\n required?: boolean\n type: 'select' \| 'radio'\n}\n\nexport default forwardRef<\n {\n readonly validity: {\n readonly valueMissing: boolean\n readonly typeMismatch: boolean\n }\n },\n Props\n>(function SingleSelectTableField({ type, ...restOfProps }: Props, ref) {\n return type === 'select' ? (\n // @ts-expect-error: custom ref doesn't match select element\n <TableColumnSingleSelect {...restOfProps} ref={ref} />\n ) : (\n <TableColumnRadioButtonGroup {...restOfProps} ref={ref} />\n )\n})\n","import { forwardRef } from 'react'\n\nimport Label from '../Label'\nimport Input from '../Input'\n\ntype Props = {\n id: string\n label?: string\n name: string\n error?: string\n hideLabel?: boolean\n}\n\nexport default forwardRef<HTMLInputElement, Props>(function PhoneNumberTableField(\n { id, label = '', name, error, hideLabel = false, ...restOfProps }: Props,\n ref,\n) {\n return (\n <>\n {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n <Input\n {...restOfProps}\n aria-label={label}\n ref={ref}\n id={id}\n name={name}\n type=\"tel\"\n error={error != null}\n />\n </>\n )\n})\n","import { forwardRef } from 'react'\n\nimport Label from '../Label'\nimport Input from '../Input'\n\ntype Props = {\n id: string\n label?: string\n name: string\n error?: string\n hideLabel?: boolean\n}\n\nexport default forwardRef<HTMLInputElement, Props>(function EmailTableField(\n { id, label = '', name, error, hideLabel = false, ...restOfProps }: Props,\n ref,\n) {\n return (\n <>\n {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n <Input\n {...restOfProps}\n aria-label={label}\n ref={ref}\n id={id}\n name={name}\n type=\"email\"\n error={error != null}\n />\n </>\n )\n})\n","import { forwardRef } from 'react'\n\nimport Label from '../Label'\nimport Input from '../Input'\n\ntype Props = {\n id: string\n label?: string\n name: string\n error?: string\n hideLabel?: boolean\n}\n\nexport default forwardRef<HTMLInputElement, Props>(function URLTableField(\n { id, label = '', name, error, hideLabel = false, ...restOfProps }: Props,\n ref,\n) {\n return (\n <>\n {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n <Input\n {...restOfProps}\n aria-label={label}\n ref={ref}\n id={id}\n name={name}\n type=\"url\"\n error={error != null}\n />\n </>\n )\n})\n","import { forwardRef } from 'react'\n\nimport Label from '../Label'\nimport Input from '../Input'\n\ntype Props = {\n id: string\n label?: string\n name: string\n error?: string\n hideLabel?: boolean\n}\n\nexport default forwardRef<HTMLInputElement, Props>(function NumberTableField(\n { id, label = '', name, error, hideLabel = false, ...restOfProps }: Props,\n ref,\n) {\n return (\n <>\n {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n <Input\n {...restOfProps}\n aria-label={label}\n ref={ref}\n id={id}\n name={name}\n type=\"number\"\n error={error != null}\n />\n </>\n )\n})\n","import styled, { css } from 'styled-components'\n\nimport { useFormContext, Sizes, Shapes, Value } from '../../../../context/FormContext'\nimport { getSizeHeight as getLabelSizeHeight } from '../Label'\nimport { getSizeHeight as getInputSizeHeight } from '../Input'\nimport { getShapeBorderRadius } from '../../services/cssField'\nimport { cssMediaRules } from '../../../../../../utils/cssMediaRules'\n\nconst Label = styled.div.withConfig({\n shouldForwardProp: prop => !['size'].includes(prop.toString()),\n})<Pick<Value, 'size'>>`\n display: block;\n max-width: 120px;\n min-width: 60px;\n border-radius: 2px;\n background-color: #5f49f4;\n opacity: 0.4;\n ${props =>\n cssMediaRules(\n [props.size] as const,\n ([size = Sizes.MEDIUM]) => css`\n margin: calc(0.25 * ${getLabelSizeHeight(size)}px + 2px) 0;\n min-height: ${0.5 * getLabelSizeHeight(size)}px;\n max-height: ${0.5 * getLabelSizeHeight(size)}px;\n `,\n )}\n`\n\nconst Input = styled.div.withConfig({\n shouldForwardProp: prop => !['shape', 'size'].includes(prop.toString()),\n})<Pick<Value, 'shape' \| 'size'>>`\n display: block;\n width: 100%;\n border-width: 2px;\n border-style: solid;\n border-color: #5f49f4;\n opacity: 0.4;\n ${props =>\n cssMediaRules(\n [props.shape, props.size] as const,\n ([shape = Shapes.ROUNDED, size = Sizes.MEDIUM]) => css`\n min-height: ${getInputSizeHeight(size)}px;\n max-height: ${getInputSizeHeight(size)}px;\n border-radius: ${getShapeBorderRadius(shape)}px;\n `,\n )}\n`\n\nexport default function PlaceholderTableField(): JSX.Element {\n const { size, shape } = useFormContext()\n\n return (\n <>\n <Label size={size} />\n <Input shape={shape} size={size} />\n </>\n )\n}\n","import { useRef } from 'react'\nimport { Field as FormikField, getIn } from 'formik'\n\nimport SingleLineTextTableField from './components/SingleLineTextTableField'\nimport LongTextTableField from './components/LongTextTableField'\nimport CheckboxTableField from './components/CheckboxTableField'\nimport MultipleSelectTableField from './components/MultipleSelectTableField'\nimport SingleSelectTableField from './components/SingleSelectTableField'\nimport PhoneNumberTableField from './components/PhoneNumberTableField'\nimport EmailTableField from './components/EmailTableField'\nimport URLTableField from './components/URLTableField'\nimport NumberTableField from './components/NumberTableField'\nimport PlaceholderTableField from './components/PlaceholderTableField'\nimport { TableColumn } from '../../types'\n\nfunction getTypeMismatchErrorMessage(tableColumn: TableColumn \| null \| undefined, label: string) {\n switch ((tableColumn \|\| {}).__typename) {\n case 'PhoneNumberTableColumn':\n return `${label} field must be a valid phone number.`\n\n case 'EmailTableColumn':\n return `${label} field must be a valid email.`\n\n case 'URLTableColumn':\n return `${label} field must be a valid URL.`\n\n case 'NumberTableColumn':\n return `${label} field must be a valid number.`\n\n case 'SingleLineTextTableColumn':\n case 'LongTextTableColumn':\n case 'CheckboxTableColumn':\n default:\n return `${label} field is invalid.`\n }\n}\n\nfunction getTableColumnField(tableColumn: TableColumn \| null \| undefined) {\n switch ((tableColumn \|\| {}).__typename) {\n case 'SingleLineTextTableColumn':\n return SingleLineTextTableField\n\n case 'LongTextTableColumn':\n return LongTextTableField\n\n case 'CheckboxTableColumn':\n return CheckboxTableField\n\n case 'MultipleSelectTableColumn':\n return MultipleSelectTableField\n\n case 'SingleSelectTableColumn':\n return SingleSelectTableField\n\n case 'PhoneNumberTableColumn':\n return PhoneNumberTableField\n\n case 'EmailTableColumn':\n return EmailTableField\n\n case 'URLTableColumn':\n return URLTableField\n\n case 'NumberTableColumn':\n return NumberTableField\n\n default:\n return SingleLineTextTableField\n }\n}\n\ntype TableFormField = {\n id: string\n tableColumnId: string\n label?: string\n placeholder?: string\n required?: boolean\n hidden?: boolean\n type?: 'select' \| 'radio'\n hideLabel?: boolean\n}\n\ntype Props = {\n tableColumn: TableColumn \| null \| undefined\n tableFormField: TableFormField\n}\n\n// Escape characters: [ ] '\nfunction escapeCharacters(string: string) {\n return string.replace(/[[\\]']/g, '\\\\$&')\n}\n\nexport default function Field({\n tableColumn,\n tableFormField: {\n id,\n label = '',\n placeholder,\n required = false,\n hidden = false,\n type = 'radio',\n hideLabel = false,\n },\n}: Props): JSX.Element {\n const TableColumnField = getTableColumnField(tableColumn)\n const input = useRef<\n \| {\n validity: {\n valueMissing: boolean\n typeMismatch: boolean\n }\n }\n \| null\n \| undefined\n >(null)\n\n if (!tableColumn) return <PlaceholderTableField />\n\n function validate() {\n let errorMessage\n\n if (input.current) {\n const { validity = {} as ValidityState } = input.current\n\n if (validity.valueMissing) errorMessage = `${label} is required.`\n\n if (validity.typeMismatch) errorMessage = getTypeMismatchErrorMessage(tableColumn, label)\n }\n\n return errorMessage\n }\n\n // We're using `['${tableColumn.name}']` to avoid default Formik nested object behavior\n // which was causing an issue for table column names containing a dot.\n // https://formik.org/docs/guides/arrays#avoid-nesting\n // We need to escape square brackets [ ] because it's also used by Lodash\n // set array: https://lodash.com/docs/4.17.15#set, which is used by Formik.\n // We need to escape ' because otherwise Formik will wrap the field name inside a ''\n // for example, if we have hello'world, Formik will name the field 'hello'world'\n const formikFieldName = `['${escapeCharacters(tableColumn.name)}']`\n\n return (\n <FormikField name={formikFieldName} validate={validate}>\n {({ field, form }: any) =>\n hidden ? (\n <input {...field} ref={input} type=\"hidden\" />\n ) : (\n <TableColumnField\n {...field}\n type={type}\n form={form}\n tableColumn={tableColumn}\n ref={input}\n id={id}\n error={getIn(form.touched, field.name) && getIn(form.errors, field.name)}\n label={label}\n placeholder={placeholder}\n required={required}\n hideLabel={hideLabel}\n />\n )\n }\n </FormikField>\n )\n}\n","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+CiAgPGcgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIj4KICAgIDxjaXJjbGUgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGN4PSI5IiBjeT0iOSIgcj0iOSIgc3Ryb2tlLW9wYWNpdHk9Ii40Ii8+CiAgICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik05IDE4QTkgOSAwIDAgMCA5IDAiLz4KICA8L2c+Cjwvc3ZnPgo=\"","import styled, { keyframes } from 'styled-components'\n\nimport { ReactComponent as Spinner20 } from '../../../../icons/spinner-20.svg'\n\nconst spin = keyframes`\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n`\n\nconst Icon = styled(Spinner20)`\n display: inline-flex;\n animation: ${spin} 1s linear infinite;\n stroke: currentColor;\n`\n\nexport default function Spinner(): JSX.Element {\n return <Icon />\n}\n","import { useState, useEffect, useMemo } from 'react'\nimport { getBox } from '../../box-model'\nimport { TableFormFieldsPropController } from '../../prop-controllers/instances'\nimport { useIsInBuilder } from '../../runtimes/react'\n\nexport function useTableFormFieldRefs(\n propController: TableFormFieldsPropController \| null \| undefined,\n { fieldsCount }: { fieldsCount: number },\n): {\n container: (arg0: HTMLElement \| null \| undefined) => void\n items: Array<(arg0: HTMLElement \| null \| undefined) => void>\n} {\n const [container, setContainer] = useState<HTMLElement \| null \| undefined>(null)\n const [items, setItems] = useState<Array<HTMLElement \| null \| undefined>>(\n Array(fieldsCount + 1).fill(null),\n )\n\n const isInBuilder = useIsInBuilder()\n\n useEffect(() => {\n if (!isInBuilder) return\n\n let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n\n return () => {\n cancelAnimationFrame(animationFrameHandle)\n }\n\n function handleAnimationFrameRequest() {\n if (propController == null) return\n\n if (container != null) propController.tableFormLayoutChange({ layout: getBox(container) })\n\n items.map((item, index) => {\n if (item == null) return\n\n propController.tableFormFieldLayoutChange({ index, layout: getBox(item) })\n })\n\n animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n }\n }, [propController, container, items, isInBuilder])\n\n const itemRefs = useMemo(\n () =>\n Array.from({ length: fieldsCount + 1 }).map(\n (_, index) => (item: HTMLElement \| null \| undefined) => {\n setItems(is => [...is.slice(0, index), item, ...is.slice(index + 1)])\n },\n ),\n [fieldsCount, setItems],\n )\n\n return { container: setContainer, items: itemRefs }\n}\n","import {\n useState,\n useEffect,\n useRef,\n useMemo,\n forwardRef,\n ComponentPropsWithoutRef,\n Ref,\n useImperativeHandle,\n} from 'react'\nimport styled, { css } from 'styled-components'\nimport { Formik, getIn } from 'formik'\n\nimport { ReactComponent as Check12 } from '../../icons/check-12.svg'\n\nimport { getSizeHeight as getInputSizeHeight } from './components/Field/components/Input'\n\nimport {\n Size,\n Sizes,\n Provider as FormContextProvider,\n Shape,\n Contrast,\n Alignment,\n Alignments,\n} from './context/FormContext'\nimport Placeholder from './components/Placeholder'\nimport Field from './components/Field'\nimport Spinner from './components/Spinner'\nimport Button from '../Button'\nimport type { TableColumn, Table } from './types'\nimport { cssGridItem, cssMargin, cssMediaRules, cssWidth } from '../../utils/cssMediaRules'\nimport {\n ElementIDValue,\n GapYValue,\n LinkValue,\n MarginValue,\n ResponsiveIconRadioGroupValue,\n ResponsiveLengthValue,\n ResponsiveSelectValue,\n TableFormFieldsDescriptor,\n TableFormFieldsValue,\n TableValue,\n TextInputValue,\n TextStyleValue,\n WidthValue,\n} from '../../../prop-controllers/descriptors'\nimport { Link } from '../../shared/Link'\nimport { BoxModelHandle, getBox } from '../../../box-model'\nimport { PropControllersHandle } from '../../../state/modules/prop-controller-handles'\nimport { DescriptorsPropControllers } from '../../../prop-controllers/instances'\nimport { useTableFormFieldRefs } from '../../hooks/useTableFormFieldRefs'\nimport { useMutation, gql, useQuery } from '../../../api/react'\nimport { ResponsiveColor } from '../../../runtimes/react/controls'\nimport { TABLE_BY_ID } from '../../utils/queries'\n\nconst LOCAL_STORAGE_NAMESPACE = '@@makeswift/components/form'\n\nfunction getSizeFontSize(size: Size): number {\n switch (size) {\n case Sizes.SMALL:\n return 12\n\n case Sizes.MEDIUM:\n return 14\n\n case Sizes.LARGE:\n return 18\n\n default:\n throw new Error(`Invalid form size \"${size}\"`)\n }\n}\n\ntype Props = {\n id?: ElementIDValue\n tableId?: TableValue\n fields?: TableFormFieldsValue\n submitLink?: LinkValue\n gap?: GapYValue\n shape?: ResponsiveIconRadioGroupValue<Shape>\n size?: ResponsiveIconRadioGroupValue<Size>\n contrast?: ResponsiveIconRadioGroupValue<Contrast>\n labelTextStyle?: TextStyleValue\n labelTextColor?: ResponsiveColor \| null\n submitTextStyle?: TextStyleValue\n brandColor?: ResponsiveColor \| null\n submitTextColor?: ResponsiveColor \| null\n submitLabel?: TextInputValue\n submitVariant?: ResponsiveSelectValue<\n 'flat' \| 'outline' \| 'shadow' \| 'clear' \| 'blocky' \| 'bubbly' \| 'skewed'\n >\n submitWidth?: ResponsiveLengthValue\n submitAlignment?: ResponsiveIconRadioGroupValue<Alignment>\n width?: WidthValue\n margin?: MarginValue\n}\n\nconst GridForm = styled.form.withConfig({\n shouldForwardProp: prop => !['size', 'width', 'margin'].includes(prop),\n})<{\n size: Props['size']\n width: Props['width']\n margin: Props['margin']\n}>`\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n ${props =>\n cssMediaRules(\n [props.size],\n ([size = Sizes.MEDIUM]) => css`\n font-size: ${getSizeFontSize(size)}px;\n `,\n )}\n ${cssWidth()}\n ${cssMargin()}\n`\n\nconst GridItem = styled.div.withConfig({\n shouldForwardProp: prop => !['grid', 'index', 'rowGap', 'columnGap'].includes(prop),\n})`\n align-self: flex-end;\n flex-direction: column;\n ${cssGridItem()}\n`\n\nfunction getAlignmentMargin(alignment: Alignment): string {\n switch (alignment) {\n case Alignments.LEFT:\n return '0 auto 0 0'\n case Alignments.RIGHT:\n return '0 0 0 auto'\n default:\n return '0 auto'\n }\n}\n\nconst StyledButton = styled((props: ComponentPropsWithoutRef<typeof Button>) => (\n <Button {...props} as=\"button\" />\n)).withConfig({\n shouldForwardProp: prop => !['alignment'].includes(prop.toString()),\n})<{\n size: Props['size']\n alignment: Props['submitAlignment']\n}>`\n display: flex;\n align-items: center;\n justify-content: center;\n ${props =>\n cssMediaRules(\n [props.size, props.alignment] as const,\n ([size = Sizes.MEDIUM, alignment = Alignments.CENTER]) => css`\n min-height: ${getInputSizeHeight(size)}px;\n max-height: ${getInputSizeHeight(size)}px;\n margin: ${getAlignmentMargin(alignment)};\n padding-top: 0;\n padding-bottom: 0;\n `,\n )}\n`\n\nconst ErrorContainer = styled.div`\n padding: 8px 16px;\n background-color: #f19eb9;\n border-radius: 4px;\n margin-top: 16px;\n`\n\nconst IconContainer = styled.div`\n fill: currentColor;\n`\n\nconst ErrorMessage = styled.p`\n font-size: 12px;\n margin: 8px 0;\n color: rgba(127, 0, 0, 0.95);\n`\n\nfunction getTableColumnDefaultValue(tableColumn: TableColumn) {\n switch (tableColumn.__typename) {\n case 'CheckboxTableColumn':\n return false\n\n case 'MultipleSelectTableColumn':\n return []\n\n case 'SingleLineTextTableColumn':\n case 'LongTextTableColumn':\n case 'SingleSelectTableColumn':\n case 'PhoneNumberTableColumn':\n case 'EmailTableColumn':\n case 'URLTableColumn':\n case 'NumberTableColumn':\n default:\n return ''\n }\n}\n\nconst CREATE_TABLE_RECORD = gql`\n mutation CreateTableRecord($input: CreateTableRecordInput!) {\n createTableRecord(input: $input) {\n tableRecord {\n id\n }\n }\n }\n`\n\ntype Column = { columnId: string; data: Record<string, any> }\ntype Fields = Record<string, string \| string[] \| boolean>\n\ntype Descriptors = { fields?: TableFormFieldsDescriptor }\n\nconst Form = forwardRef(function Form(\n {\n id,\n tableId,\n fields: fieldsProp,\n submitLabel = 'Submit',\n submitLink,\n shape,\n size,\n contrast,\n brandColor,\n gap,\n width,\n margin,\n submitTextStyle,\n submitVariant,\n submitTextColor,\n submitWidth,\n submitAlignment,\n labelTextStyle,\n labelTextColor,\n }: Props,\n ref: Ref<BoxModelHandle & PropControllersHandle<Descriptors>>,\n) {\n const fields = useMemo(() => fieldsProp?.fields ?? [], [fieldsProp])\n const grid = useMemo(() => fieldsProp?.grid ?? [], [fieldsProp])\n const { data: { table } = {} } = useQuery<{ table: Table \| null }>(TABLE_BY_ID, {\n skip: tableId == null,\n variables: { id: tableId },\n })\n const [createTableRecord] = useMutation(CREATE_TABLE_RECORD)\n const [refEl, setRefEl] = useState<HTMLElement \| null>(null)\n const [propControllers, setPropControllers] =\n useState<DescriptorsPropControllers<Descriptors> \| null>(null)\n const [initialValues, setInitialValues] = useState<Fields>(() =>\n fields.reduce((acc, formField) => {\n const tableColumn = table && table.columns.find(field => field.id === formField.tableColumnId)\n const defaultValue = formField ? formField.defaultValue : null\n\n if (tableColumn) {\n acc[tableColumn.name] =\n defaultValue == null ? getTableColumnDefaultValue(tableColumn) : defaultValue\n }\n\n return acc\n }, {} as Fields),\n )\n const controller = propControllers?.fields\n const { container, items } = useTableFormFieldRefs(controller, { fieldsCount: fields.length })\n const [isDone, setIsDone] = useState(false)\n const linkRef = useRef<HTMLAnchorElement>(null)\n\n useImperativeHandle(\n ref,\n () => ({\n getBoxModel() {\n return refEl instanceof Element ? getBox(refEl) : null\n },\n setPropControllers,\n }),\n [refEl, setPropControllers],\n )\n\n useEffect(() => {\n container(refEl)\n }, [container, refEl])\n\n useEffect(() => {\n if (!isDone) return\n\n let timeoutId = setTimeout(() => setIsDone(false), 2500)\n\n return () => clearTimeout(timeoutId)\n }, [isDone])\n\n function getTableColumn({ tableColumnId }: any) {\n return table && table.columns.find(field => tableColumnId === field.id)\n }\n\n async function handleSubmit(values: any, { setSubmitting, resetForm, setStatus }: any) {\n if (table) {\n const columns: Column[] = []\n\n fields.forEach(field => {\n const tableColumn = getTableColumn(field)\n\n if (tableColumn) {\n const data = values[tableColumn.name]\n\n if (data) {\n columns.push({ columnId: field.tableColumnId, data })\n\n if (field.autofill) {\n localStorage.setItem(\n `${LOCAL_STORAGE_NAMESPACE}/${tableColumn.name}`,\n JSON.stringify(data),\n )\n }\n }\n }\n })\n\n try {\n await createTableRecord({\n variables: { input: { data: { tableId: table.id, columns } } },\n })\n setIsDone(true)\n setInitialValues(prev =>\n fields.reduce(\n (acc, field) => {\n const tableColumn = getTableColumn(field)\n\n if (tableColumn) {\n const data = values[tableColumn.name]\n\n if (data && field.autofill) return { ...acc, [tableColumn.name]: data }\n }\n\n return acc\n },\n { ...prev },\n ),\n )\n resetForm()\n\n if (linkRef.current != null) linkRef.current.click()\n } catch (error) {\n setStatus({ error: 'An unexpected error has occurred, please try again later' })\n } finally {\n setSubmitting(false)\n }\n }\n }\n\n useEffect(() => {\n setInitialValues(prev =>\n fields.reduce(\n (acc, formField) => {\n const tableColumn =\n table && table.columns.find(field => field.id === formField.tableColumnId)\n\n if (tableColumn && formField.autofill) {\n const storedValue = localStorage.getItem(\n `${LOCAL_STORAGE_NAMESPACE}/${tableColumn.name}`,\n )\n\n if (storedValue) {\n try {\n acc[tableColumn.name] = JSON.parse(storedValue)\n } catch (e) {\n // Ignore\n }\n }\n }\n\n return acc\n },\n { ...prev },\n ),\n )\n }, [fields, table])\n\n return (\n <FormContextProvider\n value={{ shape, size, contrast, brandColor, labelTextStyle, labelTextColor }}\n >\n {tableId == null ? (\n <Placeholder ref={setRefEl} width={width} margin={margin} />\n ) : (\n <>\n <Formik\n onSubmit={handleSubmit}\n initialValues={initialValues}\n initialStatus={{ error: null }}\n enableReinitialize\n >\n {formik => {\n const error = formik.status && formik.status.error\n const errors = fields\n .map(field => {\n const tableColumn = getTableColumn(field)\n\n return (\n tableColumn &&\n getIn(formik.touched, tableColumn.name) &&\n getIn(formik.errors, tableColumn.name)\n )\n })\n .filter(message => typeof message === 'string')\n\n return (\n <>\n <GridForm\n ref={setRefEl}\n id={id}\n width={width}\n margin={margin}\n size={size}\n onSubmit={formik.handleSubmit}\n onReset={formik.handleReset}\n noValidate\n >\n {fields.map((field, index) => {\n const tableColumn = getTableColumn(field)\n\n return (\n <GridItem\n key={field.id}\n ref={items[index]}\n grid={grid}\n index={index}\n rowGap={gap}\n columnGap={gap}\n >\n <Field tableColumn={tableColumn} tableFormField={field} />\n </GridItem>\n )\n })}\n <GridItem\n ref={items[fields.length]}\n grid={grid}\n index={fields.length}\n rowGap={gap}\n columnGap={gap}\n >\n <StyledButton\n type=\"submit\"\n disabled={formik.isSubmitting \|\| isDone}\n shape={shape}\n size={size}\n color={brandColor}\n variant={submitVariant}\n textColor={submitTextColor}\n width={submitWidth}\n alignment={submitAlignment}\n textStyle={submitTextStyle}\n >\n {formik.isSubmitting ? (\n <Spinner />\n ) : isDone ? (\n <IconContainer>\n <Check12 />\n </IconContainer>\n ) : (\n submitLabel\n )}\n </StyledButton>\n {(errors.length > 0 \|\| error) && (\n <ErrorContainer>\n {errors.map(message => (\n <ErrorMessage key={message}>{message}</ErrorMessage>\n ))}\n {error != null && <ErrorMessage>{error}</ErrorMessage>}\n </ErrorContainer>\n )}\n </GridItem>\n </GridForm>\n {submitLink != null && <Link ref={linkRef} hidden link={submitLink} />}\n </>\n )\n }}\n </Formik>\n </>\n )}\n </FormContextProvider>\n )\n})\n\nexport default Form\n"],"names":["_extends","getContrastColor","size","Sizes","SMALL","MEDIUM","LARGE","Error","Base","styled","input","withConfig","shouldForwardProp","prop","defaultValidator","includes","toString","cssField","props","cssMediaRules","css","getSizeHeight","forwardRef","ref","error","form","restOfProps","shape","contrast","brandColor","useFormContext","Container","div","cssWidth","cssMargin","Label","Input","Button","className","width","margin","_jsxs","display","flexDirection","marginBottom","_jsx","justifyContent","Contrasts","LIGHT","DARK","label","cssTextStyle","textColor","colorToString","labelTextStyle","labelTextColor","id","name","hideLabel","_Fragment","textarea","swatch","hue","h","saturation","s","lightness","l","alpha","a","Color","isLight","getSize","FakeCheckbox","getContrastBorderColor","getContrastBackgroundColor","HiddenCheckbox","getCheckmarkColor","style","StyledLabel","getInputSizeHeight","CheckboxContainer","span","value","handleChange","event","setFieldValue","currentTarget","checked","MainLabel","tableColumn","required","onChange","handle","useRef","validity","valueMissing","length","typeMismatch","useImperativeHandle","current","filter","v","options","map","option","FakeRadioButton","HiddenRadioButton","attrs","type","RadioButtonContainer","getSizeHorizontalPadding","Select","select","getLabelSizeHeight","Shapes","ROUNDED","getShapeBorderRadius","__typename","SingleLineTextTableField","LongTextTableField","CheckboxTableField","MultipleSelectTableField","SingleSelectTableField","PhoneNumberTableField","EmailTableField","URLTableField","NumberTableField","string","replace","tableFormField","placeholder","hidden","TableColumnField","getTableColumnField","errorMessage","getTypeMismatchErrorMessage","formikFieldName","escapeCharacters","FormikField","field","getIn","touched","errors","spin","keyframes","Icon","Spinner20","LOCAL_STORAGE_NAMESPACE","GridForm","getSizeFontSize","GridItem","cssGridItem","alignment","Alignments","LEFT","RIGHT","StyledButton","CENTER","getAlignmentMargin","ErrorContainer","IconContainer","ErrorMessage","p","CREATE_TABLE_RECORD","gql","Form","tableId","fields","fieldsProp","submitLabel","submitLink","gap","submitTextStyle","submitVariant","submitTextColor","submitWidth","submitAlignment","useMemo","grid","data","table","useQuery","TABLE_BY_ID","skip","variables","createTableRecord","useMutation","refEl","setRefEl","useState","propControllers","setPropControllers","initialValues","setInitialValues","reduce","acc","formField","columns","find","tableColumnId","defaultValue","getTableColumnDefaultValue","controller","container","items","useTableFormFieldRefs","fieldsCount","isDone","setIsDone","linkRef","getBoxModel","Element","getBox","useEffect","timeoutId","setTimeout","clearTimeout","values","setSubmitting","resetForm","setStatus","forEach","getTableColumn","push","columnId","autofill","setItem","JSON","stringify","prev","click","storedValue","localStorage","getItem","parse","e","FormContextProvider","handleSubmit","formik","status","message","handleReset","index","isSubmitting","Check12"],"mappings":"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"}
1	+ {"version":3,"file":"Form.es.js","sources":["../src/components/icons/check-12.svg","../src/components/builtin/Form/components/Field/services/responsiveField.ts","../src/components/builtin/Form/components/Field/components/Input/index.tsx","../src/components/builtin/Form/components/Placeholder/index.tsx","../src/components/builtin/Form/components/Field/components/Label/index.tsx","../src/components/builtin/Form/components/Field/components/SingleLineTextTableField/index.tsx","../src/components/builtin/Form/components/Field/components/TextArea/index.tsx","../src/components/builtin/Form/components/Field/components/LongTextTableField/index.tsx","../src/components/builtin/Form/components/Field/components/Checkbox/index.tsx","../src/components/builtin/Form/components/Field/components/CheckboxTableField/index.tsx","../src/components/builtin/Form/components/Field/components/MultipleSelectTableField/index.tsx","../src/components/builtin/Form/components/Field/components/RadioButton/index.tsx","../src/components/builtin/Form/components/Field/components/SingleSelectTableField/components/TableColumnRadioButtonGroup/index.tsx","../src/components/builtin/Form/components/Field/components/SingleSelectTableField/components/TableColumnSingleSelect/index.tsx","../src/components/builtin/Form/components/Field/components/SingleSelectTableField/index.tsx","../src/components/builtin/Form/components/Field/components/PhoneNumberTableField/index.tsx","../src/components/builtin/Form/components/Field/components/EmailTableField/index.tsx","../src/components/builtin/Form/components/Field/components/URLTableField/index.tsx","../src/components/builtin/Form/components/Field/components/NumberTableField/index.tsx","../src/components/builtin/Form/components/Field/components/PlaceholderTableField/index.tsx","../src/components/builtin/Form/components/Field/index.tsx","../src/components/icons/spinner-20.svg","../src/components/builtin/Form/components/Spinner/index.tsx","../src/components/hooks/useTableFormFieldRefs.ts","../src/components/builtin/Form/Form.tsx"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43MDcxIDEuNzkyODlDMTIuMDk3NiAyLjE4MzQyIDEyLjA5NzYgMi44MTY1OCAxMS43MDcxIDMuMjA3MTFMNC43MDcxMSAxMC4yMDcxQzQuMzE2NTggMTAuNTk3NiAzLjY4MzQyIDEwLjU5NzYgMy4yOTI4OSAxMC4yMDcxTDAuMjkyODkzIDcuMjA3MTFDLTAuMDk3NjMxMSA2LjgxNjU4IC0wLjA5NzYzMTEgNi4xODM0MiAwLjI5Mjg5MyA1Ljc5Mjg5QzAuNjgzNDE3IDUuNDAyMzcgMS4zMTY1OCA1LjQwMjM3IDEuNzA3MTEgNS43OTI4OUw0IDguMDg1NzlMMTAuMjkyOSAxLjc5Mjg5QzEwLjY4MzQgMS40MDIzNyAxMS4zMTY2IDEuNDAyMzcgMTEuNzA3MSAxLjc5Mjg5WiIvPgo8L3N2Zz4K\"","import { colorToString } from '../../../../../utils/colorToString'\n\nimport {\n Size,\n Shape,\n Contrast,\n Shapes,\n Sizes,\n Contrasts,\n Value,\n} from '../../../context/FormContext'\nimport { responsiveStyle } from '../../../../../utils/responsive-style'\nimport { CSSObject } from '@emotion/css'\n\nexport function getSizeHeight(size: Size): number {\n switch (size) {\n case Sizes.SMALL:\n return 30\n\n case Sizes.MEDIUM:\n return 38\n\n case Sizes.LARGE:\n return 48\n\n default:\n throw new Error(`Invalid form size \"${size}\"`)\n }\n}\n\nexport function getSizeHorizontalPadding(size: Size): number {\n switch (size) {\n case Sizes.SMALL:\n return 8\n\n case Sizes.MEDIUM:\n return 12\n\n case Sizes.LARGE:\n return 16\n\n default:\n throw new Error(`Invalid form size \"${size}\"`)\n }\n}\n\nfunction getSizeVerticalPadding(size: Size): number {\n switch (size) {\n case Sizes.SMALL:\n return 3\n\n case Sizes.MEDIUM:\n return 7\n\n case Sizes.LARGE:\n return 11\n\n default:\n throw new Error(`Invalid form size \"${size}\"`)\n }\n}\n\nexport function getShapeBorderRadius(shape: Shape): number {\n switch (shape) {\n case Shapes.SQUARE:\n return 0\n\n case Shapes.ROUNDED:\n return 4\n\n case Shapes.PILL:\n return 500\n\n default:\n throw new Error(`Invalid form shape \"${shape}\"`)\n }\n}\n\nexport function getContrastBorderColor(contrast: Contrast, error?: boolean): string {\n switch (contrast) {\n case Contrasts.LIGHT:\n return error ? 'rgba(255, 0, 0, 0.7)' : 'rgba(0, 0, 0, 0.25)'\n\n case Contrasts.DARK:\n return error ? 'rgba(255, 0, 0, 0.7)' : 'rgba(255, 255, 255, 0.6)'\n\n default:\n throw new Error(`Invalid form contrast \"${contrast}\"`)\n }\n}\n\nexport function getContrastBackgroundColor(contrast: Contrast): string {\n switch (contrast) {\n case Contrasts.LIGHT:\n return 'white'\n\n case Contrasts.DARK:\n return 'rgba(0, 0, 0, 0.7)'\n\n default:\n throw new Error(`Invalid form contrast \"${contrast}\"`)\n }\n}\n\nexport function getContrastColor(contrast: Contrast): string {\n switch (contrast) {\n case Contrasts.LIGHT:\n return 'rgba(0, 0, 0, 0.95)'\n\n case Contrasts.DARK:\n return 'white'\n\n default:\n throw new Error(`Invalid form contrast \"${contrast}\"`)\n }\n}\n\nfunction getContrastPlaceholderColor(contrast: Contrast) {\n switch (contrast) {\n case Contrasts.LIGHT:\n return 'rgba(0, 0, 0, 0.3)'\n\n case Contrasts.DARK:\n return 'rgba(255,255,255,0.3)'\n\n default:\n throw new Error(`Invalid form contrast \"${contrast}\"`)\n }\n}\n\nexport default function responsiveField(\n props: Pick<Value, 'shape' \| 'size' \| 'contrast' \| 'brandColor'> & { error?: boolean },\n): CSSObject {\n return {\n display: 'block',\n width: '100%',\n outline: 'none',\n borderWidth: 1,\n borderStyle: 'solid',\n transition: 'border-color 200ms',\n ...responsiveStyle(\n [props.shape, props.size, props.contrast, props.brandColor] as const,\n ([\n shape = Shapes.ROUNDED,\n size = Sizes.MEDIUM,\n contrast = Contrasts.LIGHT,\n brandColor = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 },\n ]) => ({\n padding: `${getSizeVerticalPadding(size)}px ${getSizeHorizontalPadding(size)}px`,\n borderRadius: getShapeBorderRadius(shape),\n borderColor: getContrastBorderColor(contrast, props.error),\n color: getContrastColor(contrast),\n backgroundColor: getContrastBackgroundColor(contrast),\n\n ':focus, :focus-within': {\n borderColor: colorToString(brandColor),\n },\n\n '::placeholder': {\n color: getContrastPlaceholderColor(contrast),\n },\n }),\n ),\n }\n}\n","import { cx } from '@emotion/css'\nimport { ComponentPropsWithoutRef, ForwardedRef, forwardRef } from 'react'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\n\nimport { responsiveStyle } from '../../../../../../utils/responsive-style'\nimport { Size, useFormContext, Sizes } from '../../../../context/FormContext'\nimport responsiveField from '../../services/responsiveField'\n\nexport function getSizeHeight(size: Size): number {\n switch (size) {\n case Sizes.SMALL:\n return 36\n\n case Sizes.MEDIUM:\n return 42\n\n case Sizes.LARGE:\n return 48\n\n default:\n throw new Error(`Invalid form size \"${size}\"`)\n }\n}\n\ntype BaseProps = { error?: boolean; form?: unknown }\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'input'>, keyof BaseProps>\n\nexport default forwardRef(function Input(\n { error = false, form, className, ...restOfProps }: Props,\n ref: ForwardedRef<HTMLInputElement>,\n) {\n const { shape, size, contrast, brandColor } = useFormContext()\n\n return (\n <input\n {...restOfProps}\n ref={ref}\n className={cx(\n useStyle(responsiveField({ shape, size, contrast, brandColor, error })),\n useStyle(\n responsiveStyle([size] as const, ([size = Sizes.MEDIUM]) => ({\n minHeight: getSizeHeight(size),\n maxHeight: getSizeHeight(size),\n })),\n ),\n className,\n )}\n />\n )\n})\n","import { cx } from '@emotion/css'\nimport { forwardRef, Ref } from 'react'\n\nimport { useStyle } from '../../../../../runtimes/react/use-style'\n\nfunction Label() {\n return (\n <div\n className={useStyle({\n maxWidth: 120,\n minWidth: 60,\n height: 8,\n borderRadius: 2,\n backgroundColor: '#a1a8c2',\n opacity: 0.4,\n marginBottom: 8,\n })}\n />\n )\n}\n\nfunction Input() {\n return (\n <div\n className={useStyle({\n minWidth: 80,\n height: 32,\n borderRadius: 4,\n borderWidth: 2,\n borderStyle: 'solid',\n borderColor: '#a1a8c2',\n opacity: 0.4,\n })}\n />\n )\n}\n\nfunction Button() {\n return (\n <div\n className={useStyle({\n minWidth: 140,\n height: 32,\n borderRadius: 4,\n backgroundColor: '#a1a8c2',\n opacity: 0.4,\n })}\n />\n )\n}\n\ntype Props = {\n className?: string\n width?: string\n margin?: string\n}\n\nexport default forwardRef(function Placeholder(\n { className, width, margin }: Props,\n ref: Ref<HTMLDivElement>,\n): JSX.Element {\n return (\n <div\n ref={ref}\n className={cx(\n useStyle({ display: 'flex', flexDirection: 'column' }),\n width,\n margin,\n className,\n )}\n >\n <div style={{ display: 'flex', flexDirection: 'column', marginBottom: 16 }}>\n <Label />\n <Input />\n </div>\n <div style={{ display: 'flex', flexDirection: 'column', marginBottom: 16 }}>\n <Label />\n <Input />\n </div>\n <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'flex-end' }}>\n <Button />\n </div>\n </div>\n )\n})\n","import { ComponentPropsWithoutRef, ElementType } from 'react'\nimport { colorToString } from '../../../../../../utils/colorToString'\n\nimport { useFormContext, Size, Sizes, Contrast, Contrasts } from '../../../../context/FormContext'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\nimport { responsiveStyle, responsiveTextStyle } from '../../../../../../utils/responsive-style'\n\nexport function getSizeHeight(size: Size): number {\n switch (size) {\n case Sizes.SMALL:\n return 14\n\n case Sizes.MEDIUM:\n return 18\n\n case Sizes.LARGE:\n return 22\n\n default:\n throw new Error(`Invalid form size \"${size}\"`)\n }\n}\n\nfunction getContrastColor(contrast: Contrast): string {\n switch (contrast) {\n case Contrasts.LIGHT:\n return 'rgba(0, 0, 0, 0.8)'\n\n case Contrasts.DARK:\n return 'rgba(255, 255, 255, 0.95)'\n\n default:\n throw new Error(`Invalid form contrast \"${contrast}\"`)\n }\n}\n\ntype BaseProps<T extends ElementType> = {\n as?: T\n}\n\ntype Props<T extends ElementType> = BaseProps<T> &\n Omit<ComponentPropsWithoutRef<'label'>, keyof BaseProps<T>>\n\nexport default function Label<T extends ElementType = 'label'>({\n as,\n className,\n ...restOfProps\n}: Props<T>): JSX.Element {\n const Component = as ?? 'label'\n const { contrast, size, labelTextStyle, labelTextColor } = useFormContext()\n\n return (\n <Component\n {...restOfProps}\n className={cx(\n useStyle({ display: 'block', margin: '0 0 0.25em 0' }),\n useStyle(responsiveTextStyle(labelTextStyle)),\n useStyle(\n responsiveStyle(\n [size, contrast, labelTextColor] as const,\n ([size = Sizes.MEDIUM, contrast = Contrasts.LIGHT, textColor]) => ({\n minHeight: getSizeHeight(size),\n color: textColor == null ? getContrastColor(contrast) : colorToString(textColor),\n }),\n ),\n ),\n className,\n )}\n />\n )\n}\n","import { forwardRef } from 'react'\n\nimport Label from '../Label'\nimport Input from '../Input'\nimport { TableColumn } from '../../../../types'\n\ntype Props = {\n id: string\n label?: string\n name: string\n error?: string\n hideLabel?: boolean\n tableColumn?: TableColumn \| null\n}\n\nexport default forwardRef<HTMLInputElement, Props>(function SingleLineTextTableField(\n { id, label = '', name, error, hideLabel = false, tableColumn, ...restOfProps }: Props,\n ref,\n) {\n return (\n <>\n {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n <Input\n {...restOfProps}\n aria-label={label}\n ref={ref}\n id={id}\n name={name}\n type=\"text\"\n error={error != null}\n />\n </>\n )\n})\n","import { cx } from '@emotion/css'\nimport { forwardRef, ComponentPropsWithoutRef } from 'react'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\nimport { useFormContext } from '../../../../context/FormContext'\nimport responsiveField from '../../services/responsiveField'\n\ntype BaseProps = { error?: boolean; form?: unknown }\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'textarea'>, keyof BaseProps>\n\nexport default forwardRef<HTMLTextAreaElement, Props>(function TextArea(\n { error = false, form, ...restOfProps }: Props,\n ref,\n) {\n const { shape, size, contrast, brandColor } = useFormContext()\n\n return (\n <textarea\n {...restOfProps}\n ref={ref}\n className={cx(\n useStyle({ resize: 'vertical' }),\n useStyle(responsiveField({ error, shape, size, contrast, brandColor })),\n )}\n rows={4}\n />\n )\n})\n","import { forwardRef } from 'react'\nimport { TableColumn } from '../../../../types'\n\nimport Label from '../Label'\nimport TextArea from '../TextArea'\n\ntype Props = {\n id: string\n label?: string\n error?: string\n hideLabel?: boolean\n tableColumn?: TableColumn \| null\n}\n\nexport default forwardRef<HTMLTextAreaElement, Props>(function LongTextTableField(\n { id, label = '', error, hideLabel = false, tableColumn, ...restOfProps }: Props,\n ref,\n) {\n return (\n <>\n {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n <TextArea {...restOfProps} aria-label={label} ref={ref} id={id} error={error != null} />\n </>\n )\n})\n","import { forwardRef, CSSProperties, ComponentPropsWithoutRef, ForwardedRef } from 'react'\nimport Color from 'color'\n\nimport { getSizeHeight as getSize } from '../Label'\nimport {\n useFormContext,\n Value as FormContextValue,\n Sizes,\n Contrasts,\n} from '../../../../context/FormContext'\nimport { getContrastBorderColor, getContrastBackgroundColor } from '../../services/responsiveField'\nimport { colorToString } from '../../../../../../utils/colorToString'\nimport { SwatchValue } from '../../../../../../utils/types'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\nimport { cx } from '@emotion/css'\nimport { responsiveStyle } from '../../../../../../utils/responsive-style'\n\nfunction getCheckmarkColor({\n swatch: { hue: h, saturation: s, lightness: l },\n alpha: a,\n}: {\n swatch: SwatchValue\n alpha: number\n}) {\n return Color({ h, s, l }).alpha(a).isLight() ? 'rgba(0, 0, 0, 0.7)' : 'rgba(255, 255, 255, 0.95)'\n}\n\ntype FakeCheckboxProps = {\n className?: string\n style?: CSSProperties\n contrast?: FormContextValue['contrast']\n error?: boolean\n}\n\nconst FAKE_CHECKBOX_CLASS_NAME = 'fake-checkbox'\n\nfunction FakeCheckbox({ className, style, contrast, error }: FakeCheckboxProps) {\n return (\n <div\n style={style}\n className={cx(\n FAKE_CHECKBOX_CLASS_NAME,\n useStyle({\n position: 'absolute',\n width: '100%',\n height: '100%',\n borderStyle: 'solid',\n borderRadius: 4,\n pointerEvents: 'none',\n borderWidth: 1,\n }),\n useStyle(\n responsiveStyle([contrast] as const, ([contrast = Contrasts.LIGHT]) => ({\n borderColor: getContrastBorderColor(contrast, error),\n backgroundColor: getContrastBackgroundColor(contrast),\n })),\n ),\n className,\n )}\n />\n )\n}\n\ntype HiddenCheckboxBaseProps = Partial<\n Pick<FormContextValue, 'size' \| 'brandColor' \| 'contrast'>\n> & {\n error?: boolean\n}\n\ntype HiddenCheckboxProps = HiddenCheckboxBaseProps &\n Omit<ComponentPropsWithoutRef<'input'>, keyof HiddenCheckboxBaseProps>\n\nconst HiddenCheckbox = forwardRef(function HiddenCheckbox(\n { size, brandColor, contrast, error, className, ...restOfProps }: HiddenCheckboxProps,\n ref: ForwardedRef<HTMLInputElement>,\n) {\n return (\n <input\n {...restOfProps}\n ref={ref}\n className={cx(\n useStyle({\n position: 'absolute',\n opacity: 0,\n width: '100%',\n height: '100%',\n cursor: 'pointer',\n\n '&:disabled': {\n cursor: 'no-drop',\n\n [`& ~ .${FAKE_CHECKBOX_CLASS_NAME}`]: {\n opacity: 0.5,\n },\n },\n\n [`&:checked ~ .${FAKE_CHECKBOX_CLASS_NAME}`]: {\n ...responsiveStyle(\n [brandColor] as const,\n ([{ swatch = { hue: 0, saturation: 0, lightness: 0 }, alpha = 1 } = {}]) => ({\n backgroundColor: colorToString({ swatch, alpha }),\n }),\n ),\n borderColor: 'transparent',\n\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n boxSizing: 'content-box',\n width: '25%',\n height: '50%',\n borderStyle: 'solid',\n ...responsiveStyle(\n [size, brandColor] as const,\n ([\n size = Sizes.MEDIUM,\n { swatch = { hue: 0, saturation: 0, lightness: 0 }, alpha = 1 } = {},\n ]) => ({\n borderWidth: getSize(size) * 0.1,\n borderLeft: 0,\n borderTop: 0,\n borderColor: getCheckmarkColor({ swatch, alpha }),\n }),\n ),\n transform: 'rotate(45deg) translate3d(91%, -23%, 0)',\n },\n },\n\n '&:not(:disabled)': {\n [`&:focus ~ .${FAKE_CHECKBOX_CLASS_NAME}`]: responsiveStyle(\n [brandColor] as const,\n ([brandColor = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 }]) => ({\n borderColor: colorToString(brandColor),\n }),\n ),\n },\n\n '&:not(:disabled):checked': {\n [`&:focus ~ .${FAKE_CHECKBOX_CLASS_NAME}`]: responsiveStyle(\n [contrast] as const,\n ([contrast = Contrasts.LIGHT]) => ({\n borderColor: getContrastBorderColor(contrast, error),\n }),\n ),\n },\n }),\n className,\n )}\n />\n )\n})\n\ntype BaseProps = {\n error?: boolean\n className?: string\n style?: CSSProperties\n form?: unknown\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<typeof HiddenCheckbox>, keyof BaseProps>\n\nexport default forwardRef<HTMLInputElement, Props>(function Checkbox(\n { error, className, style, form, ...restOfProps }: Props,\n ref,\n) {\n const { size, contrast, brandColor } = useFormContext()\n\n return (\n <div\n className={cx(\n useStyle({ position: 'relative' }),\n useStyle(\n responsiveStyle([size] as const, ([size = Sizes.MEDIUM]) => ({\n height: getSize(size),\n width: getSize(size),\n })),\n ),\n )}\n >\n <HiddenCheckbox\n {...restOfProps}\n type=\"checkbox\"\n ref={ref}\n error={error}\n size={size}\n contrast={contrast}\n brandColor={brandColor}\n />\n <FakeCheckbox className={className} error={error} contrast={contrast} style={style} />\n </div>\n )\n})\n","import { ForwardedRef, forwardRef, SyntheticEvent } from 'react'\nimport { FormikProps } from 'formik'\n\nimport { useFormContext, Sizes } from '../../../../context/FormContext'\nimport Label from '../Label'\nimport { getSizeHeight as getInputSizeHeight } from '../Input'\nimport Checkbox from '../Checkbox'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\nimport { responsiveStyle } from '../../../../../../utils/responsive-style'\nimport { cx } from '@emotion/css'\nimport { TableColumn } from '../../../../types'\n\ntype Props = {\n form: FormikProps<{\n [key: string]: boolean\n }>\n id: string\n label?: string\n name: string\n value?: boolean\n error?: string\n hideLabel?: boolean\n tableColumn?: TableColumn \| null\n}\n\nexport default forwardRef(function CheckboxTableField(\n {\n form,\n id,\n name,\n label = '',\n value = false,\n error,\n hideLabel,\n tableColumn,\n ...restOfProps\n }: Props,\n ref: ForwardedRef<HTMLInputElement>,\n) {\n const { size } = useFormContext()\n\n function handleChange(event: SyntheticEvent<HTMLInputElement>) {\n form.setFieldValue(name, event.currentTarget.checked)\n }\n\n return (\n <Label\n className={cx(\n useStyle({ display: 'flex', alignItems: 'center', margin: 0 }),\n useStyle(\n responsiveStyle([size] as const, ([size = Sizes.MEDIUM]) => ({\n minHeight: getInputSizeHeight(size),\n maxHeight: getInputSizeHeight(size),\n })),\n ),\n )}\n htmlFor={id}\n >\n <span className={useStyle({ marginRight: 8 })}>\n <Checkbox\n {...restOfProps}\n aria-label={label}\n checked={value}\n onChange={handleChange}\n ref={ref}\n id={id}\n error={error != null}\n />\n </span>\n {label}\n </Label>\n )\n})\n","import {\n forwardRef,\n useRef,\n useImperativeHandle,\n SyntheticEvent,\n ComponentPropsWithoutRef,\n} from 'react'\n\nimport Label from '../Label'\nimport Checkbox from '../Checkbox'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\n\nfunction MainLabel({ className, ...restOfProps }: ComponentPropsWithoutRef<typeof Label>) {\n return <Label {...restOfProps} className={cx(useStyle({ margin: '0 0 4px 0' }), className)} />\n}\n\nfunction StyledLabel({ className, ...restOfProps }: ComponentPropsWithoutRef<typeof Label>) {\n return (\n <Label\n {...restOfProps}\n className={cx(\n useStyle({\n display: 'flex',\n alignItems: 'center',\n margin: '8px 0',\n '&:last-of-type': { marginBottom: 0 },\n }),\n className,\n )}\n />\n )\n}\n\nfunction CheckboxContainer({ className, ...restOfProps }: ComponentPropsWithoutRef<'span'>) {\n return <span {...restOfProps} className={cx(useStyle({ marginRight: 8 }), className)} />\n}\n\ntype Props = {\n id: string\n tableColumn: {\n options: Array<{\n id: string\n name: string\n }>\n }\n value?: Array<string>\n label?: string\n onChange: (arg0: SyntheticEvent<HTMLInputElement>) => unknown\n required?: boolean\n hideLabel?: boolean\n}\n\nexport default forwardRef<\n {\n validity: {\n valueMissing: boolean\n typeMismatch: boolean\n }\n },\n Props\n>(function MultipleSelectTableField(\n {\n tableColumn,\n label = '',\n required,\n value = [],\n onChange,\n hideLabel = false,\n ...restOfProps\n }: Props,\n ref,\n) {\n const handle = useRef({\n validity: { valueMissing: required === true && value.length === 0, typeMismatch: false },\n })\n\n useImperativeHandle(ref, () => handle.current, [])\n\n function handleChange(event: SyntheticEvent<HTMLInputElement>) {\n handle.current.validity.valueMissing =\n required === true &&\n !event.currentTarget.checked &&\n value.filter(v => v !== event.currentTarget.value).length === 0\n\n onChange(event)\n }\n\n return (\n <div>\n {!hideLabel && <MainLabel>{label}</MainLabel>}\n {tableColumn.options.map(option => (\n <StyledLabel key={option.id} htmlFor={option.id}>\n <CheckboxContainer>\n <Checkbox\n {...restOfProps}\n aria-label={label}\n onChange={handleChange}\n checked={value.includes(option.name)}\n id={option.id}\n value={option.name}\n />\n </CheckboxContainer>\n {option.name}\n </StyledLabel>\n ))}\n </div>\n )\n})\n","import { forwardRef, CSSProperties, ComponentPropsWithoutRef, ForwardedRef } from 'react'\nimport Color from 'color'\n\nimport { getSizeHeight as getSize } from '../Label'\nimport { useFormContext, Sizes, Contrasts, Value } from '../../../../context/FormContext'\nimport { getContrastBorderColor, getContrastBackgroundColor } from '../../services/responsiveField'\nimport { colorToString } from '../../../../../../utils/colorToString'\nimport { ColorValue } from '../../../../../../utils/types'\nimport { cx } from '@emotion/css'\nimport { responsiveStyle } from '../../../../../../utils/responsive-style'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\n\nfunction getCheckmarkColor({\n swatch: { hue: h, saturation: s, lightness: l } = { hue: 0, saturation: 0, lightness: 0 },\n alpha: a,\n}: ColorValue) {\n return Color({ h, s, l }).alpha(a).isLight() ? 'rgba(0, 0, 0, 0.7)' : 'rgba(255, 255, 255, 0.95)'\n}\n\ntype ContainerBaseProps = Pick<Value, 'size'>\n\ntype ContainerProps = ContainerBaseProps &\n Omit<ComponentPropsWithoutRef<'div'>, keyof ContainerBaseProps>\n\nfunction Container({ size }: ContainerProps) {\n return (\n <div\n className={cx(\n useStyle({ position: 'relative' }),\n useStyle(\n responsiveStyle([size] as const, ([size = Sizes.MEDIUM]) => ({\n height: getSize(size),\n width: getSize(size),\n })),\n ),\n )}\n />\n )\n}\n\nconst FAKE_RADIO_BUTTON_CLASS_NAME = 'fake-radio-button'\n\ntype FakeRadioButtonBaseProps = Pick<Value, 'contrast'> & { error?: boolean }\n\ntype FakeRadioButtonProps = FakeRadioButtonBaseProps &\n Omit<ComponentPropsWithoutRef<'div'>, keyof FakeRadioButtonBaseProps>\n\nfunction FakeRadioButton({ className, contrast, error, ...restOfProps }: FakeRadioButtonProps) {\n return (\n <div\n {...restOfProps}\n className={cx(\n FAKE_RADIO_BUTTON_CLASS_NAME,\n useStyle({\n position: 'absolute',\n width: '100%',\n height: '100%',\n borderStyle: 'solid',\n borderRadius: '50%',\n pointerEvents: 'none',\n borderWidth: 1,\n }),\n useStyle(\n responsiveStyle([contrast] as const, ([contrast = Contrasts.LIGHT]) => ({\n borderColor: getContrastBorderColor(contrast, error),\n backgroundColor: getContrastBackgroundColor(contrast),\n })),\n ),\n className,\n )}\n />\n )\n}\n\ntype HiddenRadioButtonBaseProps = Partial<Pick<Value, 'brandColor' \| 'contrast'>> & {\n error?: boolean\n}\n\ntype HiddenRadioButtonProps = HiddenRadioButtonBaseProps &\n Omit<ComponentPropsWithoutRef<'input'>, keyof HiddenRadioButtonBaseProps>\n\nconst HiddenRadioButton = forwardRef(function HiddenRadioButton(\n { className, brandColor, contrast, error, ...restOfProps }: HiddenRadioButtonProps,\n ref: ForwardedRef<HTMLInputElement>,\n) {\n return (\n <input\n {...restOfProps}\n type=\"radio\"\n className={cx(\n useStyle({\n position: 'absolute',\n opacity: 0,\n width: '100%',\n height: '100%',\n cursor: 'pointer',\n\n '&:disabled': {\n cursor: 'no-drop',\n\n [`& ~ .${FAKE_RADIO_BUTTON_CLASS_NAME}`]: {\n opacity: 0.5,\n },\n },\n\n [`&:checked ~ .${FAKE_RADIO_BUTTON_CLASS_NAME}`]: {\n ...responsiveStyle(\n [brandColor] as const,\n ([brandColor = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 }]) => ({\n backgroundColor: colorToString(brandColor),\n }),\n ),\n borderColor: 'transparent',\n\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n boxSizing: 'content-box',\n top: '50%',\n left: '50%',\n width: '50%',\n height: '50%',\n borderRadius: '50%',\n transform: 'translate(-50%, -50%)',\n ...responsiveStyle(\n [brandColor] as const,\n ([brandColor = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 }]) => ({\n backgroundColor: getCheckmarkColor(brandColor),\n }),\n ),\n },\n },\n\n '&:not(:disabled)': {\n [`&:focus ~ .${FAKE_RADIO_BUTTON_CLASS_NAME}`]: responsiveStyle(\n [brandColor] as const,\n ([brandColor = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 }]) => ({\n borderColor: colorToString(brandColor),\n }),\n ),\n },\n\n '&:not(:disabled):checked': {\n [`&:focus ~ .${FAKE_RADIO_BUTTON_CLASS_NAME}`]: responsiveStyle(\n [contrast] as const,\n ([contrast = Contrasts.LIGHT]) => ({\n borderColor: getContrastBorderColor(contrast, error),\n }),\n ),\n },\n }),\n className,\n )}\n ref={ref}\n />\n )\n})\n\ntype BaseProps = {\n error?: boolean\n className?: string\n style?: CSSProperties\n form?: unknown\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<typeof HiddenRadioButton>, keyof BaseProps>\n\nexport default forwardRef<HTMLInputElement, Props>(function RadioButton(\n { error, className, style, form, ...restOfProps }: Props,\n ref,\n) {\n const { size, contrast, brandColor } = useFormContext()\n\n return (\n <Container size={size}>\n <HiddenRadioButton\n {...restOfProps}\n ref={ref}\n error={error}\n contrast={contrast}\n brandColor={brandColor}\n />\n <FakeRadioButton className={className} error={error} contrast={contrast} style={style} />\n </Container>\n )\n})\n","import { cx } from '@emotion/css'\nimport {\n forwardRef,\n useRef,\n useImperativeHandle,\n SyntheticEvent,\n ComponentPropsWithoutRef,\n} from 'react'\nimport { useStyle } from '../../../../../../../../../runtimes/react/use-style'\n\nimport Label from '../../../Label'\nimport RadioButton from '../../../RadioButton'\n\nfunction StyledLabel({ className, ...restOfProps }: ComponentPropsWithoutRef<typeof Label>) {\n return (\n <Label\n {...restOfProps}\n className={cx(\n useStyle({\n display: 'flex',\n alignItems: 'center',\n margin: '8px 0',\n\n '&:last-of-type': {\n marginBottom: 0,\n },\n }),\n className,\n )}\n />\n )\n}\n\nfunction RadioButtonContainer({ className, ...restOfProps }: ComponentPropsWithoutRef<'span'>) {\n return <span {...restOfProps} className={cx(useStyle({ marginRight: 8 }), className)} />\n}\n\ntype Props = {\n id: string\n tableColumn: {\n options: Array<{\n id: string\n name: string\n }>\n }\n label?: string\n value?: string\n hideLabel?: boolean\n onChange: (arg0: SyntheticEvent<HTMLInputElement>) => unknown\n required?: boolean\n}\n\nexport default forwardRef<\n {\n validity: {\n valueMissing: boolean\n typeMismatch: boolean\n }\n },\n Props\n>(function TableColumnRadioButtonGroup(\n {\n tableColumn,\n label = '',\n value = '',\n required = false,\n hideLabel = false,\n onChange,\n ...restOfProps\n }: Props,\n ref,\n) {\n const handle = useRef({\n validity: { valueMissing: required === true && value === '', typeMismatch: false },\n })\n\n useImperativeHandle(ref, () => handle.current, [])\n\n function handleChange(event: SyntheticEvent<HTMLInputElement>) {\n handle.current.validity.valueMissing = required === true && !event.currentTarget.checked\n\n onChange(event)\n }\n\n return (\n <div>\n {!hideLabel && <Label as=\"p\">{label}</Label>}\n {tableColumn.options.map(option => (\n <StyledLabel key={option.id} htmlFor={option.id} aria-label={label}>\n <RadioButtonContainer>\n <RadioButton\n {...restOfProps}\n onChange={handleChange}\n checked={value === option.name}\n id={option.id}\n value={option.name}\n />\n </RadioButtonContainer>\n {option.name}\n </StyledLabel>\n ))}\n </div>\n )\n})\n","import { cx } from '@emotion/css'\nimport { ComponentPropsWithoutRef, ForwardedRef, forwardRef } from 'react'\nimport { useStyle } from '../../../../../../../../../runtimes/react/use-style'\n\nimport { responsiveStyle } from '../../../../../../../../utils/responsive-style'\nimport { useFormContext, Sizes, Contrasts, Value } from '../../../../../../context/FormContext'\nimport responsiveField, {\n getSizeHeight,\n getSizeHorizontalPadding,\n getContrastColor,\n} from '../../../../services/responsiveField'\nimport Label from '../../../Label'\n\ntype BaseContainerProps = Value & { error?: boolean }\n\ntype ContainerProps = BaseContainerProps &\n Omit<ComponentPropsWithoutRef<'div'>, keyof BaseContainerProps>\n\nfunction Container({\n shape,\n size,\n contrast,\n brandColor,\n error,\n className,\n ...restOfProps\n}: ContainerProps) {\n return (\n <div\n {...restOfProps}\n className={cx(\n useStyle(responsiveField({ shape, size, contrast, brandColor, error })),\n useStyle({\n display: 'flex',\n alignItems: 'center',\n position: 'relative',\n userSelect: 'none',\n borderColor: '#f19eb9',\n\n '&:focus, &:focus-within': {\n borderColor: '#e54e7f',\n },\n\n ...responsiveStyle(\n [size, contrast] as const,\n ([size = Sizes.MEDIUM, contrast = Contrasts.LIGHT]) => ({\n minHeight: getSizeHeight(size),\n maxHeight: getSizeHeight(size),\n\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n right: getSizeHorizontalPadding(size),\n top: '50%',\n transform: 'translate3d(0, -25%, 0)',\n border: 'solid 0.35em transparent',\n borderTopColor: getContrastColor(contrast),\n },\n }),\n ),\n }),\n className,\n )}\n />\n )\n}\n\nconst Select = forwardRef(function Select(\n { className, ...restOfProps }: ComponentPropsWithoutRef<'select'>,\n ref: ForwardedRef<HTMLSelectElement>,\n) {\n return (\n <select\n {...restOfProps}\n ref={ref}\n className={cx(\n useStyle({\n appearance: 'none',\n position: 'absolute',\n top: 0,\n left: 0,\n opacity: 0,\n width: '100%',\n height: '100%',\n }),\n className,\n )}\n />\n )\n})\n\ntype Props = {\n id: string\n tableColumn: {\n options: Array<{\n id: string\n name: string\n }>\n }\n value?: string\n label?: string\n required?: boolean\n error?: boolean\n hideLabel?: boolean\n form?: unknown\n}\n\nexport default forwardRef<HTMLSelectElement, Props>(function TableColumnSingleSelect(\n {\n id,\n tableColumn,\n value = '',\n label = '',\n error = false,\n hideLabel = false,\n form,\n ...restOfProps\n }: Props,\n ref,\n) {\n const { shape, size, contrast, brandColor } = useFormContext()\n\n return (\n <>\n {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n <Container\n error={error}\n shape={shape}\n size={size}\n contrast={contrast}\n brandColor={brandColor}\n >\n <span>{value === '' ? '-' : value}</span>\n <Select {...restOfProps} aria-label={label} ref={ref} id={id} value={value}>\n <option value=\"\">-</option>\n {tableColumn.options.map(option => (\n <option key={option.id} value={option.name}>\n {option.name}\n </option>\n ))}\n </Select>\n </Container>\n </>\n )\n})\n","import { forwardRef, SyntheticEvent } from 'react'\n\nimport TableColumnRadioButtonGroup from './components/TableColumnRadioButtonGroup'\nimport TableColumnSingleSelect from './components/TableColumnSingleSelect'\n\ntype Props = {\n id: string\n name: string\n tableColumn: {\n options: Array<{\n id: string\n name: string\n }>\n }\n label?: string\n value?: string\n onChange: (arg0: SyntheticEvent<HTMLInputElement>) => unknown\n required?: boolean\n type: 'select' \| 'radio'\n}\n\nexport default forwardRef<\n {\n readonly validity: {\n readonly valueMissing: boolean\n readonly typeMismatch: boolean\n }\n },\n Props\n>(function SingleSelectTableField({ type, ...restOfProps }: Props, ref) {\n return type === 'select' ? (\n // @ts-expect-error: custom ref doesn't match select element\n <TableColumnSingleSelect {...restOfProps} ref={ref} />\n ) : (\n <TableColumnRadioButtonGroup {...restOfProps} ref={ref} />\n )\n})\n","import { forwardRef } from 'react'\n\nimport Label from '../Label'\nimport Input from '../Input'\nimport { TableColumn } from '../../../../types'\n\ntype Props = {\n id: string\n label?: string\n name: string\n error?: string\n hideLabel?: boolean\n tableColumn?: TableColumn \| null\n}\n\nexport default forwardRef<HTMLInputElement, Props>(function PhoneNumberTableField(\n { id, label = '', name, error, hideLabel = false, tableColumn, ...restOfProps }: Props,\n ref,\n) {\n return (\n <>\n {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n <Input\n {...restOfProps}\n aria-label={label}\n ref={ref}\n id={id}\n name={name}\n type=\"tel\"\n error={error != null}\n />\n </>\n )\n})\n","import { forwardRef } from 'react'\n\nimport Label from '../Label'\nimport Input from '../Input'\nimport { TableColumn } from '../../../../types'\n\ntype Props = {\n id: string\n label?: string\n name: string\n error?: string\n hideLabel?: boolean\n tableColumn?: TableColumn \| null\n}\n\nexport default forwardRef<HTMLInputElement, Props>(function EmailTableField(\n { id, label = '', name, error, hideLabel = false, tableColumn, ...restOfProps }: Props,\n ref,\n) {\n return (\n <>\n {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n <Input\n {...restOfProps}\n aria-label={label}\n ref={ref}\n id={id}\n name={name}\n type=\"email\"\n error={error != null}\n />\n </>\n )\n})\n","import { forwardRef } from 'react'\n\nimport Label from '../Label'\nimport Input from '../Input'\nimport { TableColumn } from '../../../../types'\n\ntype Props = {\n id: string\n label?: string\n name: string\n error?: string\n hideLabel?: boolean\n tableColumn?: TableColumn \| null\n}\n\nexport default forwardRef<HTMLInputElement, Props>(function URLTableField(\n { id, label = '', name, error, hideLabel = false, tableColumn, ...restOfProps }: Props,\n ref,\n) {\n return (\n <>\n {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n <Input\n {...restOfProps}\n aria-label={label}\n ref={ref}\n id={id}\n name={name}\n type=\"url\"\n error={error != null}\n />\n </>\n )\n})\n","import { forwardRef } from 'react'\n\nimport Label from '../Label'\nimport Input from '../Input'\nimport { TableColumn } from '../../../../types'\n\ntype Props = {\n id: string\n label?: string\n name: string\n error?: string\n hideLabel?: boolean\n tableColumn?: TableColumn \| null\n}\n\nexport default forwardRef<HTMLInputElement, Props>(function NumberTableField(\n { id, label = '', name, error, hideLabel = false, tableColumn, ...restOfProps }: Props,\n ref,\n) {\n return (\n <>\n {!hideLabel && <Label htmlFor={id}>{label}</Label>}\n <Input\n {...restOfProps}\n aria-label={label}\n ref={ref}\n id={id}\n name={name}\n type=\"number\"\n error={error != null}\n />\n </>\n )\n})\n","import { useFormContext, Sizes, Shapes, Value } from '../../../../context/FormContext'\nimport { getSizeHeight as getLabelSizeHeight } from '../Label'\nimport { getSizeHeight as getInputSizeHeight } from '../Input'\nimport { getShapeBorderRadius } from '../../services/responsiveField'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\nimport { responsiveStyle } from '../../../../../../utils/responsive-style'\nimport { cx } from '@emotion/css'\n\nfunction Label({ size }: Pick<Value, 'size'>) {\n return (\n <div\n className={cx(\n useStyle({\n display: 'block',\n maxWidth: 120,\n minWidth: 60,\n borderRadius: 2,\n backgroundColor: '#5f49f4',\n opacity: 0.4,\n }),\n useStyle(\n responsiveStyle([size] as const, ([size = Sizes.MEDIUM]) => ({\n margin: `calc(0.25 * ${getLabelSizeHeight(size)}px + 2px) 0`,\n minHeight: 0.5 * getLabelSizeHeight(size),\n maxHeight: 0.5 * getLabelSizeHeight(size),\n })),\n ),\n )}\n />\n )\n}\n\nfunction Input({ shape, size }: Pick<Value, 'shape' \| 'size'>) {\n return (\n <div\n className={cx(\n useStyle({\n display: 'block',\n width: '100%',\n borderWidth: 2,\n borderStyle: 'solid',\n borderColor: '#5f49f4',\n opacity: 0.4,\n }),\n useStyle(\n responsiveStyle(\n [shape, size] as const,\n ([shape = Shapes.ROUNDED, size = Sizes.MEDIUM]) => ({\n minHeight: getInputSizeHeight(size),\n maxHeight: getInputSizeHeight(size),\n borderRadius: getShapeBorderRadius(shape),\n }),\n ),\n ),\n )}\n />\n )\n}\n\nexport default function PlaceholderTableField(): JSX.Element {\n const { size, shape } = useFormContext()\n\n return (\n <>\n <Label size={size} />\n <Input shape={shape} size={size} />\n </>\n )\n}\n","import { useRef } from 'react'\nimport { Field as FormikField, getIn } from 'formik'\n\nimport SingleLineTextTableField from './components/SingleLineTextTableField'\nimport LongTextTableField from './components/LongTextTableField'\nimport CheckboxTableField from './components/CheckboxTableField'\nimport MultipleSelectTableField from './components/MultipleSelectTableField'\nimport SingleSelectTableField from './components/SingleSelectTableField'\nimport PhoneNumberTableField from './components/PhoneNumberTableField'\nimport EmailTableField from './components/EmailTableField'\nimport URLTableField from './components/URLTableField'\nimport NumberTableField from './components/NumberTableField'\nimport PlaceholderTableField from './components/PlaceholderTableField'\nimport { TableColumn } from '../../types'\n\nfunction getTypeMismatchErrorMessage(tableColumn: TableColumn \| null \| undefined, label: string) {\n switch ((tableColumn \|\| {}).__typename) {\n case 'PhoneNumberTableColumn':\n return `${label} field must be a valid phone number.`\n\n case 'EmailTableColumn':\n return `${label} field must be a valid email.`\n\n case 'URLTableColumn':\n return `${label} field must be a valid URL.`\n\n case 'NumberTableColumn':\n return `${label} field must be a valid number.`\n\n case 'SingleLineTextTableColumn':\n case 'LongTextTableColumn':\n case 'CheckboxTableColumn':\n default:\n return `${label} field is invalid.`\n }\n}\n\nfunction getTableColumnField(tableColumn: TableColumn \| null \| undefined) {\n switch ((tableColumn \|\| {}).__typename) {\n case 'SingleLineTextTableColumn':\n return SingleLineTextTableField\n\n case 'LongTextTableColumn':\n return LongTextTableField\n\n case 'CheckboxTableColumn':\n return CheckboxTableField\n\n case 'MultipleSelectTableColumn':\n return MultipleSelectTableField\n\n case 'SingleSelectTableColumn':\n return SingleSelectTableField\n\n case 'PhoneNumberTableColumn':\n return PhoneNumberTableField\n\n case 'EmailTableColumn':\n return EmailTableField\n\n case 'URLTableColumn':\n return URLTableField\n\n case 'NumberTableColumn':\n return NumberTableField\n\n default:\n return SingleLineTextTableField\n }\n}\n\ntype TableFormField = {\n id: string\n tableColumnId: string\n label?: string\n placeholder?: string\n required?: boolean\n hidden?: boolean\n type?: 'select' \| 'radio'\n hideLabel?: boolean\n}\n\ntype Props = {\n tableColumn: TableColumn \| null \| undefined\n tableFormField: TableFormField\n}\n\n// Escape characters: [ ] '\nfunction escapeCharacters(string: string) {\n return string.replace(/[[\\]']/g, '\\\\$&')\n}\n\nexport default function Field({\n tableColumn,\n tableFormField: {\n id,\n label = '',\n placeholder,\n required = false,\n hidden = false,\n type = 'radio',\n hideLabel = false,\n },\n}: Props): JSX.Element {\n const TableColumnField = getTableColumnField(tableColumn)\n const input = useRef<\n \| {\n validity: {\n valueMissing: boolean\n typeMismatch: boolean\n }\n }\n \| null\n \| undefined\n >(null)\n\n if (!tableColumn) return <PlaceholderTableField />\n\n function validate() {\n let errorMessage\n\n if (input.current) {\n const { validity = {} as ValidityState } = input.current\n\n if (validity.valueMissing) errorMessage = `${label} is required.`\n\n if (validity.typeMismatch) errorMessage = getTypeMismatchErrorMessage(tableColumn, label)\n }\n\n return errorMessage\n }\n\n // We're using `['${tableColumn.name}']` to avoid default Formik nested object behavior\n // which was causing an issue for table column names containing a dot.\n // https://formik.org/docs/guides/arrays#avoid-nesting\n // We need to escape square brackets [ ] because it's also used by Lodash\n // set array: https://lodash.com/docs/4.17.15#set, which is used by Formik.\n // We need to escape ' because otherwise Formik will wrap the field name inside a ''\n // for example, if we have hello'world, Formik will name the field 'hello'world'\n const formikFieldName = `['${escapeCharacters(tableColumn.name)}']`\n\n return (\n <FormikField name={formikFieldName} validate={validate}>\n {({ field, form }: any) =>\n hidden ? (\n <input {...field} ref={input} type=\"hidden\" />\n ) : (\n <TableColumnField\n {...field}\n type={type}\n form={form}\n tableColumn={tableColumn}\n ref={input}\n id={id}\n error={getIn(form.touched, field.name) && getIn(form.errors, field.name)}\n label={label}\n placeholder={placeholder}\n required={required}\n hideLabel={hideLabel}\n />\n )\n }\n </FormikField>\n )\n}\n","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+CiAgPGcgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIj4KICAgIDxjaXJjbGUgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGN4PSI5IiBjeT0iOSIgcj0iOSIgc3Ryb2tlLW9wYWNpdHk9Ii40Ii8+CiAgICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik05IDE4QTkgOSAwIDAgMCA5IDAiLz4KICA8L2c+Cjwvc3ZnPgo=\"","import { keyframes } from '@emotion/css'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { ReactComponent as Spinner20 } from '../../../../icons/spinner-20.svg'\n\nconst spin = keyframes`\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n`\n\nexport default function Spinner(): JSX.Element {\n return (\n <Spinner20\n className={useStyle({\n display: 'inline-flex',\n animation: `${spin} 1s linear infinite`,\n stroke: 'currentColor',\n })}\n />\n )\n}\n","import { useState, useEffect, useMemo } from 'react'\nimport { getBox } from '../../box-model'\nimport { TableFormFieldsPropController } from '../../prop-controllers/instances'\nimport { useIsInBuilder } from '../../runtimes/react'\n\nexport function useTableFormFieldRefs(\n propController: TableFormFieldsPropController \| null \| undefined,\n { fieldsCount }: { fieldsCount: number },\n): {\n container: (arg0: HTMLElement \| null \| undefined) => void\n items: Array<(arg0: HTMLElement \| null \| undefined) => void>\n} {\n const [container, setContainer] = useState<HTMLElement \| null \| undefined>(null)\n const [items, setItems] = useState<Array<HTMLElement \| null \| undefined>>(\n Array(fieldsCount + 1).fill(null),\n )\n\n const isInBuilder = useIsInBuilder()\n\n useEffect(() => {\n if (!isInBuilder) return\n\n let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n\n return () => {\n cancelAnimationFrame(animationFrameHandle)\n }\n\n function handleAnimationFrameRequest() {\n if (propController == null) return\n\n if (container != null) propController.tableFormLayoutChange({ layout: getBox(container) })\n\n items.map((item, index) => {\n if (item == null) return\n\n propController.tableFormFieldLayoutChange({ index, layout: getBox(item) })\n })\n\n animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n }\n }, [propController, container, items, isInBuilder])\n\n const itemRefs = useMemo(\n () =>\n Array.from({ length: fieldsCount + 1 }).map(\n (_, index) => (item: HTMLElement \| null \| undefined) => {\n setItems(is => [...is.slice(0, index), item, ...is.slice(index + 1)])\n },\n ),\n [fieldsCount, setItems],\n )\n\n return { container: setContainer, items: itemRefs }\n}\n","import {\n useState,\n useEffect,\n useRef,\n useMemo,\n forwardRef,\n ComponentPropsWithoutRef,\n Ref,\n useImperativeHandle,\n ForwardedRef,\n} from 'react'\nimport { Formik, getIn } from 'formik'\n\nimport { ReactComponent as Check12 } from '../../icons/check-12.svg'\n\nimport { getSizeHeight as getInputSizeHeight } from './components/Field/components/Input'\n\nimport {\n Size,\n Sizes,\n Provider as FormContextProvider,\n Shape,\n Contrast,\n Alignment,\n Alignments,\n} from './context/FormContext'\nimport Placeholder from './components/Placeholder'\nimport Field from './components/Field'\nimport Spinner from './components/Spinner'\nimport Button from '../Button'\nimport type { TableColumn, Table } from './types'\nimport {\n ElementIDValue,\n GapYValue,\n LinkValue,\n ResponsiveIconRadioGroupValue,\n ResponsiveLengthValue,\n ResponsiveSelectValue,\n ResponsiveValue,\n TableFormFieldsDescriptor,\n TableFormFieldsValue,\n TableValue,\n TextInputValue,\n TextStyleValue,\n} from '../../../prop-controllers/descriptors'\nimport { Link } from '../../shared/Link'\nimport { BoxModelHandle, getBox } from '../../../box-model'\nimport { PropControllersHandle } from '../../../state/modules/prop-controller-handles'\nimport { DescriptorsPropControllers } from '../../../prop-controllers/instances'\nimport { useTableFormFieldRefs } from '../../hooks/useTableFormFieldRefs'\nimport { useMutation, gql, useQuery } from '../../../api/react'\nimport { ResponsiveColor } from '../../../runtimes/react/controls'\nimport { TABLE_BY_ID } from '../../utils/queries'\nimport { cx } from '@emotion/css'\nimport { responsiveGridItem, responsiveStyle } from '../../utils/responsive-style'\nimport { useStyle } from '../../../runtimes/react/use-style'\n\nconst LOCAL_STORAGE_NAMESPACE = '@@makeswift/components/form'\n\nfunction getSizeFontSize(size: Size): number {\n switch (size) {\n case Sizes.SMALL:\n return 12\n\n case Sizes.MEDIUM:\n return 14\n\n case Sizes.LARGE:\n return 18\n\n default:\n throw new Error(`Invalid form size \"${size}\"`)\n }\n}\n\ntype Props = {\n id?: ElementIDValue\n tableId?: TableValue\n fields?: TableFormFieldsValue\n submitLink?: LinkValue\n gap?: GapYValue\n shape?: ResponsiveIconRadioGroupValue<Shape>\n size?: ResponsiveIconRadioGroupValue<Size>\n contrast?: ResponsiveIconRadioGroupValue<Contrast>\n labelTextStyle?: TextStyleValue\n labelTextColor?: ResponsiveColor \| null\n submitTextStyle?: TextStyleValue\n brandColor?: ResponsiveColor \| null\n submitTextColor?: ResponsiveColor \| null\n submitLabel?: TextInputValue\n submitVariant?: ResponsiveSelectValue<\n 'flat' \| 'outline' \| 'shadow' \| 'clear' \| 'blocky' \| 'bubbly' \| 'skewed'\n >\n submitWidth?: ResponsiveLengthValue\n submitAlignment?: ResponsiveIconRadioGroupValue<Alignment>\n width?: string\n margin?: string\n}\n\ntype GridFormBaseProps = { size?: Props['size'] }\n\ntype GridFormProps = GridFormBaseProps &\n Omit<ComponentPropsWithoutRef<'form'>, keyof GridFormBaseProps>\n\nconst GridForm = forwardRef(function GridFrom(\n { className, size, ...restOfProps }: GridFormProps,\n ref: ForwardedRef<HTMLFormElement>,\n) {\n return (\n <form\n {...restOfProps}\n ref={ref}\n className={cx(\n useStyle({ display: 'flex', flexWrap: 'wrap', width: '100%' }),\n useStyle(\n responsiveStyle([size] as const, ([size = Sizes.MEDIUM]) => ({\n fontSize: getSizeFontSize(size),\n })),\n ),\n className,\n )}\n />\n )\n})\n\ntype GridItemBaseProps = {\n grid: ResponsiveValue<{ spans: number[][]; count: number }>\n index: number\n rowGap: Props['gap']\n columnGap: Props['gap']\n}\n\ntype GridItemProps = GridItemBaseProps &\n Omit<ComponentPropsWithoutRef<'div'>, keyof GridItemBaseProps>\n\nconst GridItem = forwardRef(function GridItem(\n { className, grid, index, rowGap, columnGap, ...restOfProps }: GridItemProps,\n ref: ForwardedRef<HTMLDivElement>,\n) {\n return (\n <div\n {...restOfProps}\n ref={ref}\n className={cx(\n useStyle({ alignSelf: 'flex-end', flexDirection: 'column' }),\n useStyle(responsiveGridItem({ grid, index, rowGap, columnGap })),\n className,\n )}\n />\n )\n})\n\nfunction getAlignmentMargin(alignment: Alignment): string {\n switch (alignment) {\n case Alignments.LEFT:\n return '0 auto 0 0'\n case Alignments.RIGHT:\n return '0 0 0 auto'\n default:\n return '0 auto'\n }\n}\n\ntype StyledButtonBaseProps = { size?: Props['size']; alignment?: Props['submitAlignment'] }\n\ntype StyledButtonProps = StyledButtonBaseProps &\n Omit<ComponentPropsWithoutRef<typeof Button>, keyof StyledButtonBaseProps>\n\nfunction StyledButton({ className, size, alignment, ...restOfProps }: StyledButtonProps) {\n return (\n <Button\n {...restOfProps}\n as=\"button\"\n className={cx(\n useStyle({ display: 'flex', alignItems: 'center', justifyContent: 'center' }),\n useStyle(\n responsiveStyle(\n [size, alignment] as const,\n ([size = Sizes.MEDIUM, alignment = Alignments.CENTER]) => ({\n minHeight: getInputSizeHeight(size),\n maxHeight: getInputSizeHeight(size),\n margin: getAlignmentMargin(alignment),\n paddingTop: 0,\n paddingBottom: 0,\n }),\n ),\n ),\n className,\n )}\n />\n )\n}\n\nfunction ErrorContainer({ className, ...restOfProps }: ComponentPropsWithoutRef<'div'>) {\n return (\n <div\n {...restOfProps}\n className={cx(\n useStyle({\n padding: '8px 16px',\n backgroundColor: '#f19eb9',\n borderRadius: 4,\n marginTop: 16,\n }),\n className,\n )}\n />\n )\n}\n\nfunction IconContainer({ className, ...restOfProps }: ComponentPropsWithoutRef<'div'>) {\n return <div {...restOfProps} className={cx(useStyle({ fill: 'currentColor' }), className)} />\n}\n\nfunction ErrorMessage({ className, ...restOfProps }: ComponentPropsWithoutRef<'p'>) {\n return (\n <p\n {...restOfProps}\n className={cx(\n useStyle({ fontSize: 12, margin: '8px 0', color: 'rgba(127, 0, 0, 0.95)' }),\n className,\n )}\n />\n )\n}\n\nfunction getTableColumnDefaultValue(tableColumn: TableColumn) {\n switch (tableColumn.__typename) {\n case 'CheckboxTableColumn':\n return false\n\n case 'MultipleSelectTableColumn':\n return []\n\n case 'SingleLineTextTableColumn':\n case 'LongTextTableColumn':\n case 'SingleSelectTableColumn':\n case 'PhoneNumberTableColumn':\n case 'EmailTableColumn':\n case 'URLTableColumn':\n case 'NumberTableColumn':\n default:\n return ''\n }\n}\n\nconst CREATE_TABLE_RECORD = gql`\n mutation CreateTableRecord($input: CreateTableRecordInput!) {\n createTableRecord(input: $input) {\n tableRecord {\n id\n }\n }\n }\n`\n\ntype Column = { columnId: string; data: Record<string, any> }\ntype Fields = Record<string, string \| string[] \| boolean>\n\ntype Descriptors = { fields?: TableFormFieldsDescriptor }\n\nconst Form = forwardRef(function Form(\n {\n id,\n tableId,\n fields: fieldsProp,\n submitLabel = 'Submit',\n submitLink,\n shape,\n size,\n contrast,\n brandColor,\n gap,\n width,\n margin,\n submitTextStyle,\n submitVariant,\n submitTextColor,\n submitWidth,\n submitAlignment,\n labelTextStyle,\n labelTextColor,\n }: Props,\n ref: Ref<BoxModelHandle & PropControllersHandle<Descriptors>>,\n) {\n const fields = useMemo(() => fieldsProp?.fields ?? [], [fieldsProp])\n const grid = useMemo(() => fieldsProp?.grid ?? [], [fieldsProp])\n const { data: { table } = {} } = useQuery<{ table: Table \| null }>(TABLE_BY_ID, {\n skip: tableId == null,\n variables: { id: tableId },\n })\n const [createTableRecord] = useMutation(CREATE_TABLE_RECORD)\n const [refEl, setRefEl] = useState<HTMLElement \| null>(null)\n const [propControllers, setPropControllers] =\n useState<DescriptorsPropControllers<Descriptors> \| null>(null)\n const [initialValues, setInitialValues] = useState<Fields>(() =>\n fields.reduce((acc, formField) => {\n const tableColumn = table && table.columns.find(field => field.id === formField.tableColumnId)\n const defaultValue = formField ? formField.defaultValue : null\n\n if (tableColumn) {\n acc[tableColumn.name] =\n defaultValue == null ? getTableColumnDefaultValue(tableColumn) : defaultValue\n }\n\n return acc\n }, {} as Fields),\n )\n const controller = propControllers?.fields\n const { container, items } = useTableFormFieldRefs(controller, { fieldsCount: fields.length })\n const [isDone, setIsDone] = useState(false)\n const linkRef = useRef<HTMLAnchorElement>(null)\n\n useImperativeHandle(\n ref,\n () => ({\n getBoxModel() {\n return refEl instanceof Element ? getBox(refEl) : null\n },\n setPropControllers,\n }),\n [refEl, setPropControllers],\n )\n\n useEffect(() => {\n container(refEl)\n }, [container, refEl])\n\n useEffect(() => {\n if (!isDone) return\n\n let timeoutId = setTimeout(() => setIsDone(false), 2500)\n\n return () => clearTimeout(timeoutId)\n }, [isDone])\n\n function getTableColumn({ tableColumnId }: any) {\n return table && table.columns.find(field => tableColumnId === field.id)\n }\n\n async function handleSubmit(values: any, { setSubmitting, resetForm, setStatus }: any) {\n if (table) {\n const columns: Column[] = []\n\n fields.forEach(field => {\n const tableColumn = getTableColumn(field)\n\n if (tableColumn) {\n const data = values[tableColumn.name]\n\n if (data) {\n columns.push({ columnId: field.tableColumnId, data })\n\n if (field.autofill) {\n localStorage.setItem(\n `${LOCAL_STORAGE_NAMESPACE}/${tableColumn.name}`,\n JSON.stringify(data),\n )\n }\n }\n }\n })\n\n try {\n await createTableRecord({\n variables: { input: { data: { tableId: table.id, columns } } },\n })\n setIsDone(true)\n setInitialValues(prev =>\n fields.reduce(\n (acc, field) => {\n const tableColumn = getTableColumn(field)\n\n if (tableColumn) {\n const data = values[tableColumn.name]\n\n if (data && field.autofill) return { ...acc, [tableColumn.name]: data }\n }\n\n return acc\n },\n { ...prev },\n ),\n )\n resetForm()\n\n if (linkRef.current != null) linkRef.current.click()\n } catch (error) {\n setStatus({ error: 'An unexpected error has occurred, please try again later' })\n } finally {\n setSubmitting(false)\n }\n }\n }\n\n useEffect(() => {\n setInitialValues(prev =>\n fields.reduce(\n (acc, formField) => {\n const tableColumn =\n table && table.columns.find(field => field.id === formField.tableColumnId)\n\n if (tableColumn && formField.autofill) {\n const storedValue = localStorage.getItem(\n `${LOCAL_STORAGE_NAMESPACE}/${tableColumn.name}`,\n )\n\n if (storedValue) {\n try {\n acc[tableColumn.name] = JSON.parse(storedValue)\n } catch (e) {\n // Ignore\n }\n }\n }\n\n return acc\n },\n { ...prev },\n ),\n )\n }, [fields, table])\n\n return (\n <FormContextProvider\n value={{ shape, size, contrast, brandColor, labelTextStyle, labelTextColor }}\n >\n {tableId == null ? (\n <Placeholder ref={setRefEl} width={width} margin={margin} />\n ) : (\n <>\n <Formik\n onSubmit={handleSubmit}\n initialValues={initialValues}\n initialStatus={{ error: null }}\n enableReinitialize\n >\n {formik => {\n const error = formik.status && formik.status.error\n const errors = fields\n .map(field => {\n const tableColumn = getTableColumn(field)\n\n return (\n tableColumn &&\n getIn(formik.touched, tableColumn.name) &&\n getIn(formik.errors, tableColumn.name)\n )\n })\n .filter(message => typeof message === 'string')\n\n return (\n <>\n <GridForm\n ref={setRefEl}\n id={id}\n className={cx(width, margin)}\n size={size}\n onSubmit={formik.handleSubmit}\n onReset={formik.handleReset}\n noValidate\n >\n {fields.map((field, index) => {\n const tableColumn = getTableColumn(field)\n\n return (\n <GridItem\n key={field.id}\n ref={items[index]}\n grid={grid}\n index={index}\n rowGap={gap}\n columnGap={gap}\n >\n <Field tableColumn={tableColumn} tableFormField={field} />\n </GridItem>\n )\n })}\n <GridItem\n ref={items[fields.length]}\n grid={grid}\n index={fields.length}\n rowGap={gap}\n columnGap={gap}\n >\n <StyledButton\n type=\"submit\"\n // @ts-ignore: `disabled` is in `'button'` but not in `T`.\n disabled={formik.isSubmitting \|\| isDone}\n shape={shape}\n size={size}\n color={brandColor}\n variant={submitVariant}\n textColor={submitTextColor}\n width={submitWidth}\n alignment={submitAlignment}\n textStyle={submitTextStyle}\n >\n {formik.isSubmitting ? (\n <Spinner />\n ) : isDone ? (\n <IconContainer>\n <Check12 />\n </IconContainer>\n ) : (\n submitLabel\n )}\n </StyledButton>\n {(errors.length > 0 \|\| error) && (\n <ErrorContainer>\n {errors.map(message => (\n <ErrorMessage key={message}>{message}</ErrorMessage>\n ))}\n {error != null && <ErrorMessage>{error}</ErrorMessage>}\n </ErrorContainer>\n )}\n </GridItem>\n </GridForm>\n {submitLink != null && <Link ref={linkRef} hidden link={submitLink} />}\n </>\n )\n }}\n </Formik>\n </>\n )}\n </FormContextProvider>\n )\n})\n\nexport default Form\n"],"names":["_extends","getContrastColor","size","Sizes","SMALL","MEDIUM","LARGE","Error","forwardRef","ref","error","form","className","restOfProps","shape","contrast","brandColor","useFormContext","cx","useStyle","responsiveField","responsiveStyle","minHeight","getSizeHeight","maxHeight","maxWidth","minWidth","height","borderRadius","backgroundColor","opacity","marginBottom","borderWidth","borderStyle","borderColor","width","margin","display","flexDirection","_jsxs","_jsx","Label","Input","justifyContent","Contrasts","LIGHT","DARK","as","Component","labelTextStyle","labelTextColor","responsiveTextStyle","textColor","color","colorToString","id","label","name","hideLabel","tableColumn","_Fragment","resize","swatch","hue","h","saturation","s","lightness","l","alpha","a","Color","isLight","FAKE_CHECKBOX_CLASS_NAME","style","position","pointerEvents","getContrastBorderColor","getContrastBackgroundColor","HiddenCheckbox","cursor","content","boxSizing","getSize","borderLeft","borderTop","getCheckmarkColor","transform","value","handleChange","event","setFieldValue","currentTarget","checked","alignItems","getInputSizeHeight","marginRight","required","onChange","handle","useRef","validity","valueMissing","length","typeMismatch","useImperativeHandle","current","filter","v","options","map","option","StyledLabel","includes","FAKE_RADIO_BUTTON_CLASS_NAME","HiddenRadioButton","top","left","Container","userSelect","right","getSizeHorizontalPadding","border","borderTopColor","Select","appearance","type","getLabelSizeHeight","Shapes","ROUNDED","getShapeBorderRadius","__typename","SingleLineTextTableField","LongTextTableField","CheckboxTableField","MultipleSelectTableField","SingleSelectTableField","PhoneNumberTableField","EmailTableField","URLTableField","NumberTableField","string","replace","tableFormField","placeholder","hidden","TableColumnField","getTableColumnField","input","errorMessage","getTypeMismatchErrorMessage","formikFieldName","escapeCharacters","FormikField","field","getIn","touched","errors","spin","keyframes","Spinner20","animation","stroke","LOCAL_STORAGE_NAMESPACE","GridForm","flexWrap","fontSize","getSizeFontSize","GridItem","grid","index","rowGap","columnGap","alignSelf","responsiveGridItem","alignment","Alignments","LEFT","RIGHT","Button","CENTER","getAlignmentMargin","paddingTop","paddingBottom","padding","marginTop","fill","CREATE_TABLE_RECORD","gql","Form","tableId","fields","fieldsProp","submitLabel","submitLink","gap","submitTextStyle","submitVariant","submitTextColor","submitWidth","submitAlignment","useMemo","data","table","useQuery","TABLE_BY_ID","skip","variables","createTableRecord","useMutation","refEl","setRefEl","useState","propControllers","setPropControllers","initialValues","setInitialValues","reduce","acc","formField","columns","find","tableColumnId","defaultValue","getTableColumnDefaultValue","controller","container","items","useTableFormFieldRefs","fieldsCount","isDone","setIsDone","linkRef","getBoxModel","Element","getBox","useEffect","timeoutId","setTimeout","clearTimeout","values","setSubmitting","resetForm","setStatus","forEach","getTableColumn","push","columnId","autofill","setItem","JSON","stringify","prev","click","storedValue","localStorage","getItem","parse","e","FormContextProvider","handleSubmit","formik","status","message","handleReset","isSubmitting","Check12"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAI;AAEJ,sBAAoB;AAAEA,eAAW,OAAO,UAAU,SAAU,QAAQ;AAAE,aAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AAAE,UAAI,SAAS,UAAU;AAAI,eAAS,OAAO,QAAQ;AAAE,YAAI,OAAO,UAAU,eAAe,KAAK,QAAQ,GAAG,GAAG;AAAE,iBAAO,OAAO,OAAO;AAAA,QAAK;AAAA;IAAM;AAAC,WAAO;AAAA;AAAW,SAAOA,WAAS,MAAM,MAAM,SAAS;AAAI;AAI7T,IAAI,aAAa,qBAAoB,OAAO;AAC1C,SAAoB,sBAAM,cAAc,OAAOA,WAAS;AAAA,IACtD,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,EACX,GAAK,KAAK,GAAG,SAAU,SAAqB,sBAAM,cAAc,QAAQ;AAAA,IACpE,UAAU;AAAA,IACV,UAAU;AAAA,IACV,GAAG;AAAA,EACJ,CAAA,EAAE;AACL;ACHO,yBAAuB,MAAoB;AACxC,UAAA;AAAA,SACD,MAAM;AACF,aAAA;AAAA,SAEJ,MAAM;AACF,aAAA;AAAA,SAEJ,MAAM;AACF,aAAA;AAAA;AAGD,YAAA,IAAI,MAAM,sBAAsB,OAAO;AAAA;AAEnD;AAEO,kCAAkC,MAAoB;AACnD,UAAA;AAAA,SACD,MAAM;AACF,aAAA;AAAA,SAEJ,MAAM;AACF,aAAA;AAAA,SAEJ,MAAM;AACF,aAAA;AAAA;AAGD,YAAA,IAAI,MAAM,sBAAsB,OAAO;AAAA;AAEnD;AAEA,gCAAgC,MAAoB;AAC1C,UAAA;AAAA,SACD,MAAM;AACF,aAAA;AAAA,SAEJ,MAAM;AACF,aAAA;AAAA,SAEJ,MAAM;AACF,aAAA;AAAA;AAGD,YAAA,IAAI,MAAM,sBAAsB,OAAO;AAAA;AAEnD;AAEO,8BAA8B,OAAsB;AACjD,UAAA;AAAA,SACD,OAAO;AACH,aAAA;AAAA,SAEJ,OAAO;AACH,aAAA;AAAA,SAEJ,OAAO;AACH,aAAA;AAAA;AAGD,YAAA,IAAI,MAAM,uBAAuB,QAAQ;AAAA;AAErD;AAEO,gCAAgC,UAAoB,OAAyB;AAC1E,UAAA;AAAA,SACD,UAAU;AACb,aAAO,QAAQ,yBAAyB;AAAA,SAErC,UAAU;AACb,aAAO,QAAQ,yBAAyB;AAAA;AAGlC,YAAA,IAAI,MAAM,0BAA0B,WAAW;AAAA;AAE3D;AAEO,oCAAoC,UAA4B;AAC7D,UAAA;AAAA,SACD,UAAU;AACN,aAAA;AAAA,SAEJ,UAAU;AACN,aAAA;AAAA;AAGD,YAAA,IAAI,MAAM,0BAA0B,WAAW;AAAA;AAE3D;AAEO,4BAA0B,UAA4B;AACnD,UAAA;AAAA,SACD,UAAU;AACN,aAAA;AAAA,SAEJ,UAAU;AACN,aAAA;AAAA;AAGD,YAAA,IAAI,MAAM,0BAA0B,WAAW;AAAA;AAE3D;AAEA,qCAAqC,UAAoB;AAC/C,UAAA;AAAA,SACD,UAAU;AACN,aAAA;AAAA,SAEJ,UAAU;AACN,aAAA;AAAA;AAGD,YAAA,IAAI,MAAM,0BAA0B,WAAW;AAAA;AAE3D;AAEA,yBACE,OACW;AACJ,SAAA;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA,IACT,aAAa;AAAA,IACb,aAAa;AAAA,IACb,YAAY;AAAA,KACT,gBACD,CAAC,MAAM,OAAO,MAAM,MAAM,MAAM,UAAU,MAAM,UAAU,GAC1D,CAAC;AAAA,IACC,QAAQ,OAAO;AAAA,IACf,OAAO,MAAM;AAAA,IACb,WAAW,UAAU;AAAA,IACrB,aAAa,EAAE,QAAQ,EAAE,KAAK,GAAG,YAAY,GAAG,WAAW,KAAK,OAAO,EAAE;AAAA,QACpE;AAAA,IACL,SAAS,GAAG,uBAAuB,IAAI,OAAO,yBAAyB,IAAI;AAAA,IAC3E,cAAc,qBAAqB,KAAK;AAAA,IACxC,aAAa,uBAAuB,UAAU,MAAM,KAAK;AAAA,IACzD,OAAOC,mBAAiB,QAAQ;AAAA,IAChC,iBAAiB,2BAA2B,QAAQ;AAAA,IAEpD,yBAAyB;AAAA,MACvB,aAAa,cAAc,UAAU;AAAA,IACvC;AAAA,IAEA,iBAAiB;AAAA,MACf,OAAO,4BAA4B,QAAQ;AAAA,IAC7C;AAAA,EAAA,EAEJ;AAEJ;AC5JO,yBAAuBC,MAAoB;AACxCA,UAAAA;AAAAA,SACDC,MAAMC;AACF,aAAA;AAAA,SAEJD,MAAME;AACF,aAAA;AAAA,SAEJF,MAAMG;AACF,aAAA;AAAA;AAGD,YAAA,IAAIC,MAAO,sBAAqBL,OAAhC;AAAA;AAEX;AAMD,IAAA,UAAeM,WAAW,eACxB,IACAC,KACA;AAFA,eAAEC;AAAAA,YAAQ;AAAA,IAAOC;AAAAA,IAAMC;AAAAA,MAAvB,IAAqCC,wBAArC,IAAqCA;AAAAA,IAAnCH;AAAAA,IAAeC;AAAAA,IAAMC;AAAAA;AAGjB,QAAA;AAAA,IAAEE;AAAAA,IAAOZ;AAAAA,IAAMa;AAAAA,IAAUC;AAAAA,MAAeC,eAA9C;AAEA,uEAEQJ;IACJ;AAAA,IACA,WAAWK,GACTC,SAASC,gBAAgB;AAAA,MAAEN;AAAAA,MAAOZ;AAAAA,MAAMa;AAAAA,MAAUC;AAAAA,MAAYN;AAAAA,IAAAA,CAAtC,CAAhB,GACRS,SACEE,gBAAgB,CAACnB,IAAD,GAAiB,CAAC,CAACA,QAAOC,MAAME,YAAa;AAAA,MAC3DiB,WAAWC,gBAAcrB,KAAD;AAAA,MACxBsB,WAAWD,gBAAcrB,KAAD;AAAA,IAAA,EAFX,CADT,GAMRU,SARW;AAAA,EAAA,EAJjB;AAgBD,CAtBwB;ACvBzB,mBAAiB;AAEb,6BAAA,OAAA;AAAA,IACE,WAAWO,SAAS;AAAA,MAClBM,UAAU;AAAA,MACVC,UAAU;AAAA,MACVC,QAAQ;AAAA,MACRC,cAAc;AAAA,MACdC,iBAAiB;AAAA,MACjBC,SAAS;AAAA,MACTC,cAAc;AAAA,IAAA,CAPG;AAAA,EAAA,CAFvB;AAaD;AAED,mBAAiB;AAEb,6BAAA,OAAA;AAAA,IACE,WAAWZ,SAAS;AAAA,MAClBO,UAAU;AAAA,MACVC,QAAQ;AAAA,MACRC,cAAc;AAAA,MACdI,aAAa;AAAA,MACbC,aAAa;AAAA,MACbC,aAAa;AAAA,MACbJ,SAAS;AAAA,IAAA,CAPQ;AAAA,EAAA,CAFvB;AAaD;AAED,kBAAkB;AAEd,6BAAA,OAAA;AAAA,IACE,WAAWX,SAAS;AAAA,MAClBO,UAAU;AAAA,MACVC,QAAQ;AAAA,MACRC,cAAc;AAAA,MACdC,iBAAiB;AAAA,MACjBC,SAAS;AAAA,IAAA,CALQ;AAAA,EAAA,CAFvB;AAWD;AAQD,IAAA,cAAetB,WAAW,sBACxB;AAAA,EAAEI;AAAAA,EAAWuB;AAAAA,EAAOC;AAAAA,GACpB3B,KACa;AAEX,8BAAA,OAAA;AAAA,IACE;AAAA,IACA,WAAWS,GACTC,SAAS;AAAA,MAAEkB,SAAS;AAAA,MAAQC,eAAe;AAAA,IAAA,CAAnC,GACRH,OACAC,QACAxB,SAJW;AAAA,IAOb,UAAA,CAAA2B,qBAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAEF,SAAS;AAAA,QAAQC,eAAe;AAAA,QAAUP,cAAc;AAAA,MAAtE;AAAA,MAAA,UAAA,CACES,oBAACC,SAAD,CAAA,CAAA,GACCD,oBAAAE,SAFH,CAAA,CAAA,CAAA;AAAA,IAAA,CAAA,GAIAH,qBAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAEF,SAAS;AAAA,QAAQC,eAAe;AAAA,QAAUP,cAAc;AAAA,MAAtE;AAAA,MAAA,UAAA,CACES,oBAACC,SAAD,CAAA,CAAA,GACCD,oBAAAE,SAFH,CAAA,CAAA,CAAA;AAAA,IAAA,CAAA,GAIAF,oBAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAEH,SAAS;AAAA,QAAQC,eAAe;AAAA,QAAUK,gBAAgB;AAAA,MAAxE;AAAA,MAAA,UACEH,oBAAC,QAAD,EAAA;AAAA,IAAA,CAlBJ,CAAA;AAAA,EAAA,CADF;AAuBD,CA3BwB;ACjDlB,uBAAuBtC,MAAoB;AACxCA,UAAAA;AAAAA,SACDC,MAAMC;AACF,aAAA;AAAA,SAEJD,MAAME;AACF,aAAA;AAAA,SAEJF,MAAMG;AACF,aAAA;AAAA;AAGD,YAAA,IAAIC,MAAO,sBAAqBL,OAAhC;AAAA;AAEX;AAED,0BAA0Ba,UAA4B;AAC5CA,UAAAA;AAAAA,SACD6B,UAAUC;AACN,aAAA;AAAA,SAEJD,UAAUE;AACN,aAAA;AAAA;AAGD,YAAA,IAAIvC,MAAO,0BAAyBQ,WAApC;AAAA;AAEX;AAS8D,iBAAA,IAIrC;AAJqC,eAC7DgC;AAAAA;AAAAA,IACAnC;AAAAA,MAF6D,IAG1DC,wBAH0D,IAG1DA;AAAAA,IAFHkC;AAAAA,IACAnC;AAAAA;AAGA,QAAMoC,YAAYD,kBAAM;AAClB,QAAA;AAAA,IAAEhC;AAAAA,IAAUb;AAAAA,IAAM+C;AAAAA,IAAgBC;AAAAA,MAAmBjC,eAA3D;AAGE,6BAAC,WAAD,iCACMJ,cADN;AAAA,IAEE,WAAWK,GACTC,SAAS;AAAA,MAAEkB,SAAS;AAAA,MAASD,QAAQ;AAAA,IAAA,CAA7B,GACRjB,SAASgC,oBAAoBF,cAAD,CAApB,GACR9B,SACEE,gBACE,CAACnB,MAAMa,UAAUmC,cAAjB,GACA,CAAC,CAAChD,QAAOC,MAAME,QAAQU,YAAW6B,UAAUC,OAAOO,eAAgB;AAAA,MACjE9B,WAAWC,cAAcrB,KAAD;AAAA,MACxBmD,OAAOD,aAAa,OAAOnD,iBAAiBc,SAAD,IAAauC,cAAcF,SAAD;AAAA,IAAA,EAJ1D,CADT,GASRxC,SAZW;AAAA,EAAA,EAHjB;AAmBD;ACxDD,IAAA,2BAAeJ,WAAoC,mCACjD,IACAC,KACA;AAFA,eAAE8C;AAAAA;AAAAA,IAAIC,QAAQ;AAAA,IAAIC;AAAAA,IAAM/C;AAAAA,IAAOgD,YAAY;AAAA,IAAOC;AAAAA,MAAlD,IAAkE9C,wBAAlE,IAAkEA;AAAAA,IAAhE0C;AAAAA,IAAIC;AAAAA,IAAYC;AAAAA,IAAM/C;AAAAA,IAAOgD;AAAAA,IAAmBC;AAAAA;AAIhD,8BAAAC,UAAA;AAAA,IAAA,UAAA,CACG,CAACF,iCAAcjB,SAAD;AAAA,MAAO,SAASc;AAAAA,MAAKC,UAAAA;AAAAA,IAAAA,CAArB,GACfhB,oBAACE,SAAD,iCACM7B,cADN;AAAA,MAEE,cAAY2C;AAAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,OAAO9C,SAAS;AAAA,IAAA,EATpB,CAAA;AAAA,EAAA,CADF;AAcD,CAlBwB;ACLzB,IAAA,WAAeF,WAAuC,mBACpD,KACAC,KACA;AAFA,gBAAEC;AAAAA,YAAQ;AAAA,IAAOC;AAAAA,MAAjB,IAA0BE,wBAA1B,IAA0BA;AAAAA,IAAxBH;AAAAA,IAAeC;AAAAA;AAGX,QAAA;AAAA,IAAEG;AAAAA,IAAOZ;AAAAA,IAAMa;AAAAA,IAAUC;AAAAA,MAAeC,eAA9C;AAEA,0EAEQJ;IACJ;AAAA,IACA,WAAWK,GACTC,SAAS;AAAA,MAAE0C,QAAQ;AAAA,IAAA,CAAX,GACR1C,SAASC,gBAAgB;AAAA,MAAEV;AAAAA,MAAOI;AAAAA,MAAOZ;AAAAA,MAAMa;AAAAA,MAAUC;AAAAA,IAAjC,CAAA,CAAhB,CAFG;AAAA,IAIb,MAAM;AAAA,EAAA,EARV;AAWD,CAjBwB;ACIzB,IAAA,qBAAeR,WAAuC,6BACpD,IACAC,KACA;AAFA,eAAE8C;AAAAA;AAAAA,IAAIC,QAAQ;AAAA,IAAI9C;AAAAA,IAAOgD,YAAY;AAAA,IAAOC;AAAAA,MAA5C,IAA4D9C,wBAA5D,IAA4DA;AAAAA,IAA1D0C;AAAAA,IAAIC;AAAAA,IAAY9C;AAAAA,IAAOgD;AAAAA,IAAmBC;AAAAA;AAI1C,8BAAAC,UAAA;AAAA,IAAA,UAAA,CACG,CAACF,iCAAcjB,SAAD;AAAA,MAAO,SAASc;AAAAA,MAAKC,UAAAA;AAAAA,IAAAA,CAArB,GACfhB,oBAAC,UAAD,iCAAc3B,cAAd;AAAA,MAA2B,cAAY2C;AAAAA,MAAO;AAAA,MAAU;AAAA,MAAQ,OAAO9C,SAAS;AAAA,IAAA,EAFlF,CAAA;AAAA,EAAA,CADF;AAMD,CAVwB;ACGzB,6BAA2B;AAAA,EACzBoD,QAAQ;AAAA,IAAEC,KAAKC;AAAAA,IAAGC,YAAYC;AAAAA,IAAGC,WAAWC;AAAAA;AAAAA,EAC5CC,OAAOC;AAAAA,GAIN;AACD,SAAOC,YAAM;AAAA,IAAEP;AAAAA,IAAGE;AAAAA,IAAGE;AAAAA,EAAAA,CAAT,EAAcC,MAAMC,CAAzB,EAA4BE,YAAY,uBAAuB;AACvE;AASD,MAAMC,2BAA2B;AAEjC,sBAAsB;AAAA,EAAE7D;AAAAA,EAAW8D;AAAAA,EAAO3D;AAAAA,EAAUL;AAAAA,GAA4B;AAE5E,6BAAA,OAAA;AAAA,IACE;AAAA,IACA,WAAWQ,GACTuD,0BACAtD,SAAS;AAAA,MACPwD,UAAU;AAAA,MACVxC,OAAO;AAAA,MACPR,QAAQ;AAAA,MACRM,aAAa;AAAA,MACbL,cAAc;AAAA,MACdgD,eAAe;AAAA,MACf5C,aAAa;AAAA,IAAA,CAPP,GASRb,SACEE,gBAAgB,CAACN,QAAD,GAAqB,CAAC,CAACA,YAAW6B,UAAUC,WAAY;AAAA,MACtEX,aAAa2C,uBAAuB9D,WAAUL,KAAX;AAAA,MACnCmB,iBAAiBiD,2BAA2B/D,SAAD;AAAA,IAAA,EAF9B,CADT,GAMRH,SAjBW;AAAA,EAAA,CAHjB;AAwBD;AAWD,MAAMmE,iBAAiBvE,WAAW,yBAChC,IACAC,KACA;AAFA,eAAEP;AAAAA;AAAAA,IAAMc;AAAAA,IAAYD;AAAAA,IAAUL;AAAAA,IAAOE;AAAAA,MAArC,IAAmDC,wBAAnD,IAAmDA;AAAAA,IAAjDX;AAAAA,IAAMc;AAAAA,IAAYD;AAAAA,IAAUL;AAAAA,IAAOE;AAAAA;AAGrC,uEAEQC;IACJ;AAAA,IACA,WAAWK,GACTC,SAAS;AAAA,MACPwD,UAAU;AAAA,MACV7C,SAAS;AAAA,MACTK,OAAO;AAAA,MACPR,QAAQ;AAAA,MACRqD,QAAQ;AAAA,MAEM,cAAA;AAAA,QACZA,QAAQ;AAAA,SAEN,QAAOP,6BAA6B;AAAA,UACpC3C,SAAS;AAAA,QAD2B;AAAA,MAVjC;AAAA,OAeL,gBAAe2C,6BAA6B,iCACzCpD,gBACD,CAACL,UAAD,GACA,CAAC,CAAC;AAAA,QAAE8C,SAAS;AAAA,UAAEC,KAAK;AAAA,UAAGE,YAAY;AAAA,UAAGE,WAAW;AAAA,QAA/C;AAAA,QAAoDE,QAAQ;AAAA,UAAM,CAAS,OAAA;AAAA,QAC3ExC,iBAAiByB,cAAc;AAAA,UAAEQ;AAAAA,UAAQO;AAAAA,QAAAA,CAAX;AAAA,MAAA,EAHhB,IAD0B;AAAA,QAO5CnC,aAAa;AAAA,QAED,YAAA;AAAA,UACV+C,SAAS;AAAA,UACTN,UAAU;AAAA,UACVO,WAAW;AAAA,UACX/C,OAAO;AAAA,UACPR,QAAQ;AAAA,UACRM,aAAa;AAAA,WACVZ,gBACD,CAACnB,MAAMc,UAAP,GACA,CAAC,CACCd,QAAOC,MAAME,QACb;AAAA,UAAEyD,SAAS;AAAA,YAAEC,KAAK;AAAA,YAAGE,YAAY;AAAA,YAAGE,WAAW;AAAA,UAA/C;AAAA,UAAoDE,QAAQ;AAAA,YAAM,CAC7D,OAAA;AAAA,UACLrC,aAAamD,cAAQjF,KAAD,IAAS;AAAA,UAC7BkF,YAAY;AAAA,UACZC,WAAW;AAAA,UACXnD,aAAaoD,oBAAkB;AAAA,YAAExB;AAAAA,YAAQO;AAAAA,UAAAA,CAAX;AAAA,QAAA,EAThB,IAPR;AAAA,UAmBVkB,WAAW;AAAA,QAnBD;AAAA,MAxBP;AAAA,MA+Ca,oBAAA;AAAA,SAChB,cAAad,6BAA6BpD,gBAC1C,CAACL,UAAD,GACA,CAAC,CAACA,cAAa;AAAA,UAAE8C,QAAQ;AAAA,YAAEC,KAAK;AAAA,YAAGE,YAAY;AAAA,YAAGE,WAAW;AAAA,UAA9C;AAAA,UAAmDE,OAAO;AAAA,QAAA,OAAU;AAAA,UACjFnC,aAAaoB,cAActC,WAAD;AAAA,QAAA,EAH6B;AAAA,MAhDtD;AAAA,MAwDqB,4BAAA;AAAA,SACxB,cAAayD,6BAA6BpD,gBAC1C,CAACN,QAAD,GACA,CAAC,CAACA,YAAW6B,UAAUC,WAAY;AAAA,UACjCX,aAAa2C,uBAAuB9D,WAAUL,KAAX;AAAA,QAAA,EAHoB;AAAA,MADjC;AAAA,IAxDtB,CAAA,GAiERE,SAlEW;AAAA,EAAA,EAJjB;AA0ED,CA9EgC;AAyFjC,IAAA,WAAeJ,WAAoC,mBACjD,IACAC,KACA;AAFA,eAAEC;AAAAA;AAAAA,IAAOE;AAAAA,IAAW8D;AAAAA,IAAO/D;AAAAA,MAA3B,IAAoCE,wBAApC,IAAoCA;AAAAA,IAAlCH;AAAAA,IAAOE;AAAAA,IAAW8D;AAAAA,IAAO/D;AAAAA;AAGrB,QAAA;AAAA,IAAET;AAAAA,IAAMa;AAAAA,IAAUC;AAAAA,MAAeC,eAAvC;AAGE,8BAAA,OAAA;AAAA,IACE,WAAWC,GACTC,SAAS;AAAA,MAAEwD,UAAU;AAAA,IAAA,CAAb,GACRxD,SACEE,gBAAgB,CAACnB,IAAD,GAAiB,CAAC,CAACA,QAAOC,MAAME,YAAa;AAAA,MAC3DsB,QAAQwD,cAAQjF,KAAD;AAAA,MACfiC,OAAOgD,cAAQjF,KAAD;AAAA,IAFiB,EAAlB,CADT,CAFG;AAAA,IAUb,UAAA,CAAAsC,oBAAC,gBAAD,iCACM3B,cADN;AAAA,MAEE,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,EAlBJ,GAoBE2B,oBAAC,cAAD;AAAA,MAAc;AAAA,MAAsB;AAAA,MAAc;AAAA,MAAoB;AAAA,IAAA,CApBxE,CAAA;AAAA,EAAA,CADF;AAwBD,CA9BwB;ACxIzB,IAAA,qBAAehC,WAAW,6BACxB,IAWAC,KACA;AAZA,eACEE;AAAAA;AAAAA,IACA4C;AAAAA,IACAE;AAAAA,IACAD,QAAQ;AAAA,IACRgC,QAAQ;AAAA,IACR9E;AAAAA,IACAgD;AAAAA,IACAC;AAAAA,MARF,IASK9C,wBATL,IASKA;AAAAA,IARHF;AAAAA,IACA4C;AAAAA,IACAE;AAAAA,IACAD;AAAAA,IACAgC;AAAAA,IACA9E;AAAAA,IACAgD;AAAAA,IACAC;AAAAA;AAKI,QAAA;AAAA,IAAEzD;AAAAA,MAASe,eAAjB;AAESwE,wBAAaC,OAAyC;AAC7D/E,SAAKgF,cAAclC,MAAMiC,MAAME,cAAcC,OAA7C;AAAA,EACD;AAED,8BACGpD,SAAD;AAAA,IACE,WAAWvB,GACTC,SAAS;AAAA,MAAEkB,SAAS;AAAA,MAAQyD,YAAY;AAAA,MAAU1D,QAAQ;AAAA,IAAA,CAAlD,GACRjB,SACEE,gBAAgB,CAACnB,IAAD,GAAiB,CAAC,CAACA,QAAOC,MAAME,YAAa;AAAA,MAC3DiB,WAAWyE,gBAAmB7F,KAAD;AAAA,MAC7BsB,WAAWuE,gBAAmB7F,KAAD;AAAA,IAFE,EAAlB,CADT,CAFG;AAAA,IASb,SAASqD;AAAAA,IAET,UAAA,CAAAf,oBAAA,QAAA;AAAA,MAAM,WAAWrB,SAAS;AAAA,QAAE6E,aAAa;AAAA,MAAA,CAAhB;AAAA,MACvB,8BAAC,UAAD,iCACMnF,cADN;AAAA,QAEE,cAAY2C;AAAAA,QACZ,SAASgC;AAAAA,QACT,UAAUC;AAAAA,QACV;AAAA,QACA;AAAA,QACA,OAAO/E,SAAS;AAAA,MAAA,EAPlB;AAAA,IADF,CAAA,GAWC8C,KAvBH;AAAA,EAAA,CADF;AA2BD,CA/CwB;ACZzB,mBAAmB,IAAuE;AAAvE,eAAE5C;AAAAA;AAAAA,MAAF,IAAgBC,wBAAhB,IAAgBA;AAAAA,IAAdD;AAAAA;AACZ,6BAAC6B,SAAD,iCAAW5B,cAAX;AAAA,IAAwB,WAAWK,GAAGC,SAAS;AAAA,MAAEiB,QAAQ;AAAA,IAAX,CAAA,GAA2BxB,SAApC;AAAA,EAAA,EAA5C;AACD;AAED,uBAAqB,IAAuE;AAAvE,eAAEA;AAAAA;AAAAA,MAAF,IAAgBC,wBAAhB,IAAgBA;AAAAA,IAAdD;AAAAA;AAEnB,6BAAC6B,SAAD,iCACM5B,cADN;AAAA,IAEE,WAAWK,GACTC,SAAS;AAAA,MACPkB,SAAS;AAAA,MACTyD,YAAY;AAAA,MACZ1D,QAAQ;AAAA,MACU,kBAAA;AAAA,QAAEL,cAAc;AAAA,MAAhB;AAAA,IAJZ,CAAA,GAMRnB,SAPW;AAAA,EAAA,EAHjB;AAcD;AAED,2BAA2B,IAAiE;AAAjE,eAAEA;AAAAA;AAAAA,MAAF,IAAgBC,wBAAhB,IAAgBA;AAAAA,IAAdD;AAAAA;AAC3B,sEAAiBC;IAAa,WAAWK,GAAGC,SAAS;AAAA,MAAE6E,aAAa;AAAA,IAAhB,CAAA,GAAsBpF,SAA/B;AAAA,EAAA,EAA3C;AACD;AAiBD,IAAA,2BAAeJ,WAQb,mCACA,IASAC,KACA;AAVA,eACEkD;AAAAA;AAAAA,IACAH,QAAQ;AAAA,IACRyC;AAAAA,IACAT,QAAQ,CAJV;AAAA,IAKEU;AAAAA,IACAxC,YAAY;AAAA,MANd,IAOK7C,wBAPL,IAOKA;AAAAA,IANH8C;AAAAA,IACAH;AAAAA,IACAyC;AAAAA,IACAT;AAAAA,IACAU;AAAAA,IACAxC;AAAAA;AAKIyC,QAAAA,SAASC,OAAO;AAAA,IACpBC,UAAU;AAAA,MAAEC,cAAcL,aAAa,QAAQT,MAAMe,WAAW;AAAA,MAAGC,cAAc;AAAA,IAAvE;AAAA,EAAA,CADS;AAIrBC,sBAAoBhG,KAAK,MAAM0F,OAAOO,SAAS,CAA5B,CAAA;AAEVjB,wBAAaC,OAAyC;AAC7DS,WAAOO,QAAQL,SAASC,eACtBL,aAAa,QACb,CAACP,MAAME,cAAcC,WACrBL,MAAMmB,OAAOC,CAAKA,MAAAA,MAAMlB,MAAME,cAAcJ,KAA5C,EAAmDe,WAAW;AAEhEL,aAASR,KAAD;AAAA,EACT;AAGC,8BAAA,OAAA;AAAA,IAAA,UAAA,CACG,CAAChC,iCAAc,WAAD;AAAA,MAAYF,UAAAA;AAAAA,IAAAA,CAD7B,GAEGG,YAAYkD,QAAQC,IAAIC,CAAAA,gCACtBC,eAAD;AAAA,MAA6B,SAASD,OAAOxD;AAAAA,MAA7C,UAAA,CACEf,oBAAC,mBAAD;AAAA,QACE,8BAAC,UAAD,iCACM3B,cADN;AAAA,UAEE,cAAY2C;AAAAA,UACZ,UAAUiC;AAAAA,UACV,SAASD,MAAMyB,SAASF,OAAOtD,IAAtB;AAAA,UACT,IAAIsD,OAAOxD;AAAAA,UACX,OAAOwD,OAAOtD;AAAAA,QAAAA,EANhB;AAAA,MAAA,CAFJ,GAWGsD,OAAOtD,IAXV;AAAA,IAAA,GAAkBsD,OAAOxD,EAAzB,CADD,CAFH;AAAA,EAAA,CADF;AAoBD,CAvDwB;ACzCzB,2BAA2B;AAAA,EACzBO,QAAQ;AAAA,IAAEC,KAAKC;AAAAA,IAAGC,YAAYC;AAAAA,IAAGC,WAAWC;AAAAA,MAAM;AAAA,IAAEL,KAAK;AAAA,IAAGE,YAAY;AAAA,IAAGE,WAAW;AAAA,EAD7D;AAAA,EAEzBE,OAAOC;AAAAA,GACM;AACb,SAAOC,YAAM;AAAA,IAAEP;AAAAA,IAAGE;AAAAA,IAAGE;AAAAA,EAAAA,CAAT,EAAcC,MAAMC,CAAzB,EAA4BE,YAAY,uBAAuB;AACvE;AAOD,qBAAmB;AAAA,EAAEtE;AAAAA,GAAwB;AAEzC,6BAAA,OAAA;AAAA,IACE,WAAWgB,GACTC,SAAS;AAAA,MAAEwD,UAAU;AAAA,IAAA,CAAb,GACRxD,SACEE,gBAAgB,CAACnB,IAAD,GAAiB,CAAC,CAACA,QAAOC,MAAME,YAAa;AAAA,MAC3DsB,QAAQwD,cAAQjF,KAAD;AAAA,MACfiC,OAAOgD,cAAQjF,KAAD;AAAA,IAFiB,EAAlB,CADT,CAFG;AAAA,EAAA,CAFjB;AAaD;AAED,MAAMgH,+BAA+B;AAOrC,yBAAyB,IAAsE;AAAtE,eAAEtG;AAAAA;AAAAA,IAAWG;AAAAA,IAAUL;AAAAA,MAAvB,IAAiCG,wBAAjC,IAAiCA;AAAAA,IAA/BD;AAAAA,IAAWG;AAAAA,IAAUL;AAAAA;AAC9C,qEAEQG;IACJ,WAAWK,GACTgG,8BACA/F,SAAS;AAAA,MACPwD,UAAU;AAAA,MACVxC,OAAO;AAAA,MACPR,QAAQ;AAAA,MACRM,aAAa;AAAA,MACbL,cAAc;AAAA,MACdgD,eAAe;AAAA,MACf5C,aAAa;AAAA,IAAA,CAPP,GASRb,SACEE,gBAAgB,CAACN,QAAD,GAAqB,CAAC,CAACA,YAAW6B,UAAUC,WAAY;AAAA,MACtEX,aAAa2C,uBAAuB9D,WAAUL,KAAX;AAAA,MACnCmB,iBAAiBiD,2BAA2B/D,SAAD;AAAA,IAAA,EAF9B,CADT,GAMRH,SAjBW;AAAA,EAAA,EAHjB;AAwBD;AASD,MAAMuG,oBAAoB3G,WAAW,4BACnC,IACAC,KACA;AAFA,eAAEG;AAAAA;AAAAA,IAAWI;AAAAA,IAAYD;AAAAA,IAAUL;AAAAA,MAAnC,IAA6CG,wBAA7C,IAA6CA;AAAAA,IAA3CD;AAAAA,IAAWI;AAAAA,IAAYD;AAAAA,IAAUL;AAAAA;AAGnC,uEAEQG;IACJ,MAAK;AAAA,IACL,WAAWK,GACTC,SAAS;AAAA,MACPwD,UAAU;AAAA,MACV7C,SAAS;AAAA,MACTK,OAAO;AAAA,MACPR,QAAQ;AAAA,MACRqD,QAAQ;AAAA,MAEM,cAAA;AAAA,QACZA,QAAQ;AAAA,SAEN,QAAOkC,iCAAiC;AAAA,UACxCpF,SAAS;AAAA,QAD+B;AAAA,MAVrC;AAAA,OAeL,gBAAeoF,iCAAiC,iCAC7C7F,gBACD,CAACL,UAAD,GACA,CAAC,CAACA,cAAa;AAAA,QAAE8C,QAAQ;AAAA,UAAEC,KAAK;AAAA,UAAGE,YAAY;AAAA,UAAGE,WAAW;AAAA,QAA9C;AAAA,QAAmDE,OAAO;AAAA,MAAA,OAAU;AAAA,QACjFxC,iBAAiByB,cAActC,WAAD;AAAA,MAAA,EAHhB,IAD8B;AAAA,QAOhDkB,aAAa;AAAA,QAED,YAAA;AAAA,UACV+C,SAAS;AAAA,UACTN,UAAU;AAAA,UACVO,WAAW;AAAA,UACXkC,KAAK;AAAA,UACLC,MAAM;AAAA,UACNlF,OAAO;AAAA,UACPR,QAAQ;AAAA,UACRC,cAAc;AAAA,UACd2D,WAAW;AAAA,WACRlE,gBACD,CAACL,UAAD,GACA,CAAC,CAACA,cAAa;AAAA,UAAE8C,QAAQ;AAAA,YAAEC,KAAK;AAAA,YAAGE,YAAY;AAAA,YAAGE,WAAW;AAAA,UAA9C;AAAA,UAAmDE,OAAO;AAAA,QAAA,OAAU;AAAA,UACjFxC,iBAAiByD,kBAAkBtE,WAAD;AAAA,QAAA,EAHpB;AAAA,MAlCf;AAAA,MA2Ca,oBAAA;AAAA,SAChB,cAAakG,iCAAiC7F,gBAC9C,CAACL,UAAD,GACA,CAAC,CAACA,cAAa;AAAA,UAAE8C,QAAQ;AAAA,YAAEC,KAAK;AAAA,YAAGE,YAAY;AAAA,YAAGE,WAAW;AAAA,UAA9C;AAAA,UAAmDE,OAAO;AAAA,QAAA,OAAU;AAAA,UACjFnC,aAAaoB,cAActC,WAAD;AAAA,QAAA,EAHiC;AAAA,MA5C1D;AAAA,MAoDqB,4BAAA;AAAA,SACxB,cAAakG,iCAAiC7F,gBAC9C,CAACN,QAAD,GACA,CAAC,CAACA,YAAW6B,UAAUC,WAAY;AAAA,UACjCX,aAAa2C,uBAAuB9D,WAAUL,KAAX;AAAA,QAAA,EAHwB;AAAA,MADrC;AAAA,IApDtB,CAAA,GA6DRE,SA9DW;AAAA,IAgEb;AAAA,EAAA,EApEJ;AAuED,CA3EmC;AAsFpC,IAAA,cAAeJ,WAAoC,sBACjD,IACAC,KACA;AAFA,eAAEC;AAAAA;AAAAA,IAAOE;AAAAA,IAAW8D;AAAAA,IAAO/D;AAAAA,MAA3B,IAAoCE,wBAApC,IAAoCA;AAAAA,IAAlCH;AAAAA,IAAOE;AAAAA,IAAW8D;AAAAA,IAAO/D;AAAAA;AAGrB,QAAA;AAAA,IAAET;AAAAA,IAAMa;AAAAA,IAAUC;AAAAA,MAAeC,eAAvC;AAEA,8BACGqG,aAAD;AAAA,IAAW;AAAA,IACT,UAAA,CAAA9E,oBAAC,mBAAD,iCACM3B,cADN;AAAA,MAEE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,EANJ,GAQE2B,oBAAC,iBAAD;AAAA,MAAiB;AAAA,MAAsB;AAAA,MAAc;AAAA,MAAoB;AAAA,IAAA,CAR3E,CAAA;AAAA,EAAA,CADF;AAYD,CAlBwB;AC1JzB,qBAAqB,IAAuE;AAAvE,eAAE5B;AAAAA;AAAAA,MAAF,IAAgBC,wBAAhB,IAAgBA;AAAAA,IAAdD;AAAAA;AAEnB,6BAAC6B,SAAD,iCACM5B,cADN;AAAA,IAEE,WAAWK,GACTC,SAAS;AAAA,MACPkB,SAAS;AAAA,MACTyD,YAAY;AAAA,MACZ1D,QAAQ;AAAA,MAEU,kBAAA;AAAA,QAChBL,cAAc;AAAA,MADE;AAAA,IALZ,CAAA,GASRnB,SAVW;AAAA,EAAA,EAHjB;AAiBD;AAED,8BAA8B,IAAiE;AAAjE,eAAEA;AAAAA;AAAAA,MAAF,IAAgBC,wBAAhB,IAAgBA;AAAAA,IAAdD;AAAAA;AAC9B,sEAAiBC;IAAa,WAAWK,GAAGC,SAAS;AAAA,MAAE6E,aAAa;AAAA,IAAhB,CAAA,GAAsBpF,SAA/B;AAAA,EAAA,EAA3C;AACD;AAiBD,IAAA,8BAAeJ,WAQb,sCACA,IASAC,KACA;AAVA,eACEkD;AAAAA;AAAAA,IACAH,QAAQ;AAAA,IACRgC,QAAQ;AAAA,IACRS,WAAW;AAAA,IACXvC,YAAY;AAAA,IACZwC;AAAAA,MANF,IAOKrF,wBAPL,IAOKA;AAAAA,IANH8C;AAAAA,IACAH;AAAAA,IACAgC;AAAAA,IACAS;AAAAA,IACAvC;AAAAA,IACAwC;AAAAA;AAKIC,QAAAA,SAASC,OAAO;AAAA,IACpBC,UAAU;AAAA,MAAEC,cAAcL,aAAa,QAAQT,UAAU;AAAA,MAAIgB,cAAc;AAAA,IAAjE;AAAA,EAAA,CADS;AAIrBC,sBAAoBhG,KAAK,MAAM0F,OAAOO,SAAS,CAA5B,CAAA;AAEVjB,wBAAaC,OAAyC;AAC7DS,WAAOO,QAAQL,SAASC,eAAeL,aAAa,QAAQ,CAACP,MAAME,cAAcC;AAEjFK,aAASR,KAAD;AAAA,EACT;AAGC,8BAAA,OAAA;AAAA,IAAA,UAAA,CACG,CAAChC,iCAAcjB,SAAD;AAAA,MAAO,IAAG;AAAA,MAAKe,UAAAA;AAAAA,IAAAA,CADhC,GAEGG,YAAYkD,QAAQC,IAAIC,CAAAA,gCACtB,aAAD;AAAA,MAA6B,SAASA,OAAOxD;AAAAA,MAAI,cAAYC;AAAAA,MAA7D,UAAA,CACEhB,oBAAC,sBAAD;AAAA,QACE,8BAAC,aAAD,iCACM3B,cADN;AAAA,UAEE,UAAU4E;AAAAA,UACV,SAASD,UAAUuB,OAAOtD;AAAAA,UAC1B,IAAIsD,OAAOxD;AAAAA,UACX,OAAOwD,OAAOtD;AAAAA,QAAAA,EALhB;AAAA,MAAA,CAFJ,GAUGsD,OAAOtD,IAVV;AAAA,IAAA,GAAkBsD,OAAOxD,EAAzB,CADD,CAFH;AAAA,EAAA,CADF;AAmBD,CAnDwB;AClCzB,mBAAmB,IAQA;AARA,eACjBzC;AAAAA;AAAAA,IACAZ;AAAAA,IACAa;AAAAA,IACAC;AAAAA,IACAN;AAAAA,IACAE;AAAAA,MANiB,IAOdC,wBAPc,IAOdA;AAAAA,IANHC;AAAAA,IACAZ;AAAAA,IACAa;AAAAA,IACAC;AAAAA,IACAN;AAAAA,IACAE;AAAAA;AAGA,qEAEQC;IACJ,WAAWK,GACTC,SAASC,gBAAgB;AAAA,MAAEN;AAAAA,MAAOZ;AAAAA,MAAMa;AAAAA,MAAUC;AAAAA,MAAYN;AAAAA,IAAAA,CAAtC,CAAhB,GACRS,SAAS;AAAA,MACPkB,SAAS;AAAA,MACTyD,YAAY;AAAA,MACZnB,UAAU;AAAA,MACV4C,YAAY;AAAA,MACZrF,aAAa;AAAA,MAEc,2BAAA;AAAA,QACzBA,aAAa;AAAA,MARR;AAAA,OAWJb,gBACD,CAACnB,MAAMa,QAAP,GACA,CAAC,CAACb,QAAOC,MAAME,QAAQU,YAAW6B,UAAUC,WAAY;AAAA,MACtDvB,WAAWC,gBAAcrB,KAAD;AAAA,MACxBsB,WAAWD,gBAAcrB,KAAD;AAAA,MAEZ,YAAA;AAAA,QACV+E,SAAS;AAAA,QACTN,UAAU;AAAA,QACV6C,OAAOC,yBAAyBvH,KAAD;AAAA,QAC/BkH,KAAK;AAAA,QACL7B,WAAW;AAAA,QACXmC,QAAQ;AAAA,QACRC,gBAAgB1H,mBAAiBc,SAAD;AAAA,MAPtB;AAAA,IAAA,EANE,EAXZ,GA6BRH,SA/BW;AAAA,EAAA,EAHjB;AAsCD;AAED,MAAMgH,SAASpH,WAAW,iBACxB,IACAC,KACA;AAFA,eAAEG;AAAAA;AAAAA,MAAF,IAAgBC,wBAAhB,IAAgBA;AAAAA,IAAdD;AAAAA;AAGF,wEAEQC;IACJ;AAAA,IACA,WAAWK,GACTC,SAAS;AAAA,MACP0G,YAAY;AAAA,MACZlD,UAAU;AAAA,MACVyC,KAAK;AAAA,MACLC,MAAM;AAAA,MACNvF,SAAS;AAAA,MACTK,OAAO;AAAA,MACPR,QAAQ;AAAA,IAPF,CAAA,GASRf,SAVW;AAAA,EAAA,EAJjB;AAkBD,CAtBwB;AAwCzB,IAAA,0BAAeJ,WAAqC,kCAClD,IAUAC,KACA;AAXA,eACE8C;AAAAA;AAAAA,IACAI;AAAAA,IACA6B,QAAQ;AAAA,IACRhC,QAAQ;AAAA,IACR9C,QAAQ;AAAA,IACRgD,YAAY;AAAA,IACZ/C;AAAAA,MAPF,IAQKE,wBARL,IAQKA;AAAAA,IAPH0C;AAAAA,IACAI;AAAAA,IACA6B;AAAAA,IACAhC;AAAAA,IACA9C;AAAAA,IACAgD;AAAAA,IACA/C;AAAAA;AAKI,QAAA;AAAA,IAAEG;AAAAA,IAAOZ;AAAAA,IAAMa;AAAAA,IAAUC;AAAAA,MAAeC,eAA9C;AAGE,8BAAA2C,UAAA;AAAA,IAAA,UAAA,CACG,CAACF,iCAAcjB,SAAD;AAAA,MAAO,SAASc;AAAAA,MAAKC,UAAAA;AAAAA,IAAAA,CADtC,GAEEjB,qBAAC,WAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAA,CAAAC,oBAAA,QAAA;AAAA,QAAA,UAAOgD,UAAU,KAAK,MAAMA;AAAAA,MAAAA,CAA5B,GACAjD,qBAAC,QAAD,iCAAY1B,cAAZ;AAAA,QAAyB,cAAY2C;AAAAA,QAAO;AAAA,QAAU;AAAA,QAAQ;AAAA,QAC5D,UAAA,CAAAhB,oBAAA,UAAA;AAAA,UAAQ,OAAM;AAAA,UAAd,UAAA;AAAA,QAAA,CADF,GAEGmB,YAAYkD,QAAQC,IAAIC,CAAAA,+BACvB,UAAA;AAAA,UAAwB,OAAOA,OAAOtD;AAAAA,UAAtC,UACGsD,OAAOtD;AAAAA,QAAAA,GADGsD,OAAOxD,EAApB,CADD,CAFH;AAAA,MAAA,EARF,CAAA;AAAA,IAAA,CAFF,CAAA;AAAA,EAAA,CADF;AAsBD,CArCwB;ACtFzB,IAAA,yBAAe/C,WAQb,iCAAgC,IAAiCC,KAAK;AAAtC,eAAEqH;AAAAA;AAAAA,MAAF,IAAWjH,wBAAX,IAAWA;AAAAA,IAATiH;AAAAA;AAC3BA,SAAAA,SAAS,WAEbtF,oBAAA,0DAA4B3B;IAAa;AAAA,EAAA,EAA1C,IAEA2B,oBAAC,6BAAD,iCAAiC3B,cAAjC;AAAA,IAA8C;AAAA,EAAA,EAJhD;AAMD,CAfwB;ACNzB,IAAA,wBAAeL,WAAoC,gCACjD,IACAC,KACA;AAFA,eAAE8C;AAAAA;AAAAA,IAAIC,QAAQ;AAAA,IAAIC;AAAAA,IAAM/C;AAAAA,IAAOgD,YAAY;AAAA,IAAOC;AAAAA,MAAlD,IAAkE9C,wBAAlE,IAAkEA;AAAAA,IAAhE0C;AAAAA,IAAIC;AAAAA,IAAYC;AAAAA,IAAM/C;AAAAA,IAAOgD;AAAAA,IAAmBC;AAAAA;AAIhD,8BAAAC,UAAA;AAAA,IAAA,UAAA,CACG,CAACF,iCAAcjB,SAAD;AAAA,MAAO,SAASc;AAAAA,MAAKC,UAAAA;AAAAA,IAAAA,CAArB,GACfhB,oBAACE,SAAD,iCACM7B,cADN;AAAA,MAEE,cAAY2C;AAAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,OAAO9C,SAAS;AAAA,IAAA,EATpB,CAAA;AAAA,EAAA,CADF;AAcD,CAlBwB;ACAzB,IAAA,kBAAeF,WAAoC,0BACjD,IACAC,KACA;AAFA,eAAE8C;AAAAA;AAAAA,IAAIC,QAAQ;AAAA,IAAIC;AAAAA,IAAM/C;AAAAA,IAAOgD,YAAY;AAAA,IAAOC;AAAAA,MAAlD,IAAkE9C,wBAAlE,IAAkEA;AAAAA,IAAhE0C;AAAAA,IAAIC;AAAAA,IAAYC;AAAAA,IAAM/C;AAAAA,IAAOgD;AAAAA,IAAmBC;AAAAA;AAIhD,8BAAAC,UAAA;AAAA,IAAA,UAAA,CACG,CAACF,iCAAcjB,SAAD;AAAA,MAAO,SAASc;AAAAA,MAAKC,UAAAA;AAAAA,IAAAA,CAArB,GACfhB,oBAACE,SAAD,iCACM7B,cADN;AAAA,MAEE,cAAY2C;AAAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,OAAO9C,SAAS;AAAA,IAAA,EATpB,CAAA;AAAA,EAAA,CADF;AAcD,CAlBwB;ACAzB,IAAA,gBAAeF,WAAoC,wBACjD,IACAC,KACA;AAFA,eAAE8C;AAAAA;AAAAA,IAAIC,QAAQ;AAAA,IAAIC;AAAAA,IAAM/C;AAAAA,IAAOgD,YAAY;AAAA,IAAOC;AAAAA,MAAlD,IAAkE9C,wBAAlE,IAAkEA;AAAAA,IAAhE0C;AAAAA,IAAIC;AAAAA,IAAYC;AAAAA,IAAM/C;AAAAA,IAAOgD;AAAAA,IAAmBC;AAAAA;AAIhD,8BAAAC,UAAA;AAAA,IAAA,UAAA,CACG,CAACF,iCAAcjB,SAAD;AAAA,MAAO,SAASc;AAAAA,MAAKC,UAAAA;AAAAA,IAAAA,CAArB,GACfhB,oBAACE,SAAD,iCACM7B,cADN;AAAA,MAEE,cAAY2C;AAAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,OAAO9C,SAAS;AAAA,IAAA,EATpB,CAAA;AAAA,EAAA,CADF;AAcD,CAlBwB;ACAzB,IAAA,mBAAeF,WAAoC,2BACjD,IACAC,KACA;AAFA,eAAE8C;AAAAA;AAAAA,IAAIC,QAAQ;AAAA,IAAIC;AAAAA,IAAM/C;AAAAA,IAAOgD,YAAY;AAAA,IAAOC;AAAAA,MAAlD,IAAkE9C,wBAAlE,IAAkEA;AAAAA,IAAhE0C;AAAAA,IAAIC;AAAAA,IAAYC;AAAAA,IAAM/C;AAAAA,IAAOgD;AAAAA,IAAmBC;AAAAA;AAIhD,8BAAAC,UAAA;AAAA,IAAA,UAAA,CACG,CAACF,iCAAcjB,SAAD;AAAA,MAAO,SAASc;AAAAA,MAAKC,UAAAA;AAAAA,IAAAA,CAArB,GACfhB,oBAACE,SAAD,iCACM7B,cADN;AAAA,MAEE,cAAY2C;AAAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,OAAO9C,SAAS;AAAA,IAAA,EATpB,CAAA;AAAA,EAAA,CADF;AAcD,CAlBwB;ACPzB,eAAe;AAAA,EAAER;AAAAA,GAA6B;AAE1C,6BAAA,OAAA;AAAA,IACE,WAAWgB,GACTC,SAAS;AAAA,MACPkB,SAAS;AAAA,MACTZ,UAAU;AAAA,MACVC,UAAU;AAAA,MACVE,cAAc;AAAA,MACdC,iBAAiB;AAAA,MACjBC,SAAS;AAAA,IAAA,CANH,GAQRX,SACEE,gBAAgB,CAACnB,IAAD,GAAiB,CAAC,CAACA,QAAOC,MAAME,YAAa;AAAA,MAC3D+B,QAAS,eAAc2F,cAAmB7H,KAAD;AAAA,MACzCoB,WAAW,MAAMyG,cAAmB7H,KAAD;AAAA,MACnCsB,WAAW,MAAMuG,cAAmB7H,KAAD;AAAA,IAHJ,EAAlB,CADT,CATG;AAAA,EAAA,CAFjB;AAqBD;AAED,gBAAe;AAAA,EAAEY;AAAAA,EAAOZ;AAAAA,GAAuC;AAE3D,6BAAA,OAAA;AAAA,IACE,WAAWgB,GACTC,SAAS;AAAA,MACPkB,SAAS;AAAA,MACTF,OAAO;AAAA,MACPH,aAAa;AAAA,MACbC,aAAa;AAAA,MACbC,aAAa;AAAA,MACbJ,SAAS;AAAA,IANH,CAAA,GAQRX,SACEE,gBACE,CAACP,OAAOZ,IAAR,GACA,CAAC,CAACY,SAAQkH,OAAOC,SAAS/H,QAAOC,MAAME,YAAa;AAAA,MAClDiB,WAAWyE,gBAAmB7F,KAAD;AAAA,MAC7BsB,WAAWuE,gBAAmB7F,KAAD;AAAA,MAC7B0B,cAAcsG,qBAAqBpH,MAAD;AAAA,IAHpC,EAFa,CADT,CATG;AAAA,EAAA,CAFjB;AAwBD;AAE4D,iCAAA;AACrD,QAAA;AAAA,IAAEZ;AAAAA,IAAMY;AAAAA,MAAUG,eAAxB;AAGE,8BAAA2C,UAAA;AAAA,IAAA,UAAA,CACEpB,oBAAC,OAAD;AAAA,MAAO;AAAA,IAAA,CADT,GAEEA,oBAAC,QAAD;AAAA,MAAO;AAAA,MAAc;AAAA,IAAA,CAFvB,CAAA;AAAA,EAAA,CADF;AAMD;ACrDD,qCAAqCmB,aAA6CH,OAAe;AACtFG,UAAAA,gBAAe,CAAA,GAAIwE;AAAAA,SACrB;AACK,aAAA,GAAE3E;AAAAA,SAEP;AACK,aAAA,GAAEA;AAAAA,SAEP;AACK,aAAA,GAAEA;AAAAA,SAEP;AACK,aAAA,GAAEA;AAAAA,SAEP;AAAA,SACA;AAAA,SACA;AAAA;AAEK,aAAA,GAAEA;AAAAA;AAEf;AAED,6BAA6BG,aAA6C;AAC/DA,UAAAA,gBAAe,CAAA,GAAIwE;AAAAA,SACrB;AACIC,aAAAA;AAAAA,SAEJ;AACIC,aAAAA;AAAAA,SAEJ;AACIC,aAAAA;AAAAA,SAEJ;AACIC,aAAAA;AAAAA,SAEJ;AACIC,aAAAA;AAAAA,SAEJ;AACIC,aAAAA;AAAAA,SAEJ;AACIC,aAAAA;AAAAA,SAEJ;AACIC,aAAAA;AAAAA,SAEJ;AACIC,aAAAA;AAAAA;AAGAR,aAAAA;AAAAA;AAEZ;AAmBD,0BAA0BS,QAAgB;AACjCA,SAAAA,OAAOC,QAAQ,WAAW,MAA1B;AACR;AAE6B,eAAA;AAAA,EAC5BnF;AAAAA,EACAoF,gBAAgB;AAAA,IACdxF;AAAAA,IACAC,QAAQ;AAAA,IACRwF;AAAAA,IACA/C,WAAW;AAAA,IACXgD,SAAS;AAAA,IACTnB,OAAO;AAAA,IACPpE,YAAY;AAAA;AAAA,GAEO;AACfwF,QAAAA,mBAAmBC,oBAAoBxF,WAAD;AACtCyF,QAAAA,QAAQhD,OASZ,IATkB;AAWpB,MAAI,CAACzC;AAAoB,WAAAnB,oBAAC,uBAAR,CAAA,CAAA;AAEE,sBAAA;AACd6G,QAAAA;AAEAD,QAAAA,MAAM1C,SAAS;AACX,YAAA;AAAA,QAAEL,WAAW,CAAA;AAAA,UAAwB+C,MAAM1C;AAE7CL,UAAAA,SAASC;AAAc+C,uBAAgB,GAAE7F;AAEzC6C,UAAAA,SAASG;AAA6B8C,uBAAAA,4BAA4B3F,aAAaH,KAAd;AAAA,IACtE;AAEM6F,WAAAA;AAAAA,EACR;AASKE,QAAAA,kBAAmB,KAAIC,iBAAiB7F,YAAYF,IAAb;AAE7C,6BACGgG,SAAD;AAAA,IAAa,MAAMF;AAAAA,IAAiB;AAAA,IAApC,UACG,CAAC;AAAA,MAAEG;AAAAA,MAAO/I;AAAAA,UACTsI,uEACaS;MAAO,KAAKN;AAAAA,MAAO,MAAK;AAAA,IAAA,EAAnC,IAEA5G,oBAAC,kBAAD,iCACMkH,QADN;AAAA,MAEE;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAKN;AAAAA,MACL;AAAA,MACA,OAAOO,MAAMhJ,KAAKiJ,SAASF,MAAMjG,IAArB,KAA8BkG,MAAMhJ,KAAKkJ,QAAQH,MAAMjG,IAApB;AAAA,MAC/C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,EAXF;AAAA,EAAA,CANR;AAuBD;ACpKD,IAAI;AAEJ,oBAAoB;AAAE,aAAW,OAAO,UAAU,SAAU,QAAQ;AAAE,aAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AAAE,UAAI,SAAS,UAAU;AAAI,eAAS,OAAO,QAAQ;AAAE,YAAI,OAAO,UAAU,eAAe,KAAK,QAAQ,GAAG,GAAG;AAAE,iBAAO,OAAO,OAAO;AAAA,QAAK;AAAA;IAAM;AAAC,WAAO;AAAA;AAAW,SAAO,SAAS,MAAM,MAAM,SAAS;AAAI;AAI7T,IAAI,eAAe,uBAAsB,OAAO;AAC9C,SAAoB,sBAAM,cAAc,OAAO,SAAS;AAAA,IACtD,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ,GAAK,KAAK,GAAG,MAAO,MAAkB,sBAAM,cAAc,KAAK;AAAA,IAC3D,MAAM;AAAA,IACN,aAAa;AAAA,IACb,WAAW;AAAA,EACf,GAAkB,sBAAM,cAAc,UAAU;AAAA,IAC5C,QAAQ;AAAA,IACR,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,eAAe;AAAA,EACnB,CAAG,GAAgB,sBAAM,cAAc,QAAQ;AAAA,IAC3C,eAAe;AAAA,IACf,GAAG;AAAA,EACP,CAAG,CAAC,EAAE;AACN;ACrBA,MAAMqG,OAAOC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AASkC,mBAAA;AAC7C,6BACGC,cAAD;AAAA,IACE,WAAW7I,SAAS;AAAA,MAClBkB,SAAS;AAAA,MACT4H,WAAY,GAAEH;AAAAA,MACdI,QAAQ;AAAA,IAAA,CAHS;AAAA,EAAA,CAFvB;AASD;ACjBC,+BAAA,gBACA,EAAE,eAIF;AACA,QAAM,CAAC,WAAW,gBAAgB,SAAyC,IAAI;AACzE,QAAA,CAAC,OAAO,YAAY,SACxB,MAAM,cAAc,CAAC,EAAE,KAAK,IAAI,CAClC;AAEA,QAAM,cAAc;AAEpB,YAAU,MAAM;AACd,QAAI,CAAC;AAAa;AAEd,QAAA,uBAAuB,sBAAsB,2BAA2B;AAE5E,WAAO,MAAM;AACX,2BAAqB,oBAAoB;AAAA,IAAA;AAGJ,2CAAA;AACrC,UAAI,kBAAkB;AAAM;AAE5B,UAAI,aAAa;AAAM,uBAAe,sBAAsB,EAAE,QAAQ,OAAO,SAAS,GAAG;AAEnF,YAAA,IAAI,CAAC,MAAM,UAAU;AACzB,YAAI,QAAQ;AAAM;AAElB,uBAAe,2BAA2B,EAAE,OAAO,QAAQ,OAAO,IAAI,GAAG;AAAA,MAAA,CAC1E;AAED,6BAAuB,sBAAsB,2BAA2B;AAAA,IAC1E;AAAA,KACC,CAAC,gBAAgB,WAAW,OAAO,WAAW,CAAC;AAElD,QAAM,WAAW,QACf,MACE,MAAM,KAAK,EAAE,QAAQ,cAAc,EAAG,CAAA,EAAE,IACtC,CAAC,GAAG,UAAU,CAAC,SAAyC;AACtD,aAAS,CAAM,OAAA,CAAC,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC;AAAA,EAExE,CAAA,GACF,CAAC,aAAa,QAAQ,CACxB;AAEA,SAAO,EAAE,WAAW,cAAc,OAAO,SAAS;AACpD;ACGA,MAAMC,0BAA0B;AAEhC,yBAAyBjK,MAAoB;AACnCA,UAAAA;AAAAA,SACDC,MAAMC;AACF,aAAA;AAAA,SAEJD,MAAME;AACF,aAAA;AAAA,SAEJF,MAAMG;AACF,aAAA;AAAA;AAGD,YAAA,IAAIC,MAAO,sBAAqBL,OAAhC;AAAA;AAEX;AA+BD,MAAMkK,WAAW5J,WAAW,kBAC1B,IACAC,KACA;AAFA,eAAEG;AAAAA;AAAAA,IAAWV;AAAAA,MAAb,IAAsBW,wBAAtB,IAAsBA;AAAAA,IAApBD;AAAAA,IAAWV;AAAAA;AAGb,sEAEQW;IACJ;AAAA,IACA,WAAWK,GACTC,SAAS;AAAA,MAAEkB,SAAS;AAAA,MAAQgI,UAAU;AAAA,MAAQlI,OAAO;AAAA,IAAA,CAA7C,GACRhB,SACEE,gBAAgB,CAACnB,IAAD,GAAiB,CAAC,CAACA,QAAOC,MAAME,YAAa;AAAA,MAC3DiK,UAAUC,gBAAgBrK,KAAD;AAAA,IAAA,EADZ,CADT,GAKRU,SAPW;AAAA,EAAA,EAJjB;AAeD,CAnB0B;AA+B3B,MAAM4J,WAAWhK,WAAW,mBAC1B,KACAC,KACA;AAFA,iBAAEG;AAAAA;AAAAA,IAAW6J;AAAAA,IAAMC;AAAAA,IAAOC;AAAAA,IAAQC;AAAAA,MAAlC,KAAgD/J,wBAAhD,KAAgDA;AAAAA,IAA9CD;AAAAA,IAAW6J;AAAAA,IAAMC;AAAAA,IAAOC;AAAAA,IAAQC;AAAAA;AAGlC,qEAEQ/J;IACJ;AAAA,IACA,WAAWK,GACTC,SAAS;AAAA,MAAE0J,WAAW;AAAA,MAAYvI,eAAe;AAAA,IAAA,CAAzC,GACRnB,SAAS2J,mBAAmB;AAAA,MAAEL;AAAAA,MAAMC;AAAAA,MAAOC;AAAAA,MAAQC;AAAAA,IAAAA,CAAxB,CAAnB,GACRhK,SAHW;AAAA,EAAA,EAJjB;AAWD,CAf0B;AAiB3B,4BAA4BmK,WAA8B;AAChDA,UAAAA;AAAAA,SACDC,WAAWC;AACP,aAAA;AAAA,SACJD,WAAWE;AACP,aAAA;AAAA;AAEA,aAAA;AAAA;AAEZ;AAOD,sBAAsB,KAAmE;AAAnE,iBAAEtK;AAAAA;AAAAA,IAAWV;AAAAA,IAAM6K;AAAAA,MAAnB,KAAiClK,wBAAjC,KAAiCA;AAAAA,IAA/BD;AAAAA,IAAWV;AAAAA,IAAM6K;AAAAA;AAErC,6BAACI,UAAD,iCACMtK,cADN;AAAA,IAEE,IAAG;AAAA,IACH,WAAWK,GACTC,SAAS;AAAA,MAAEkB,SAAS;AAAA,MAAQyD,YAAY;AAAA,MAAUnD,gBAAgB;AAAA,IAA1D,CAAA,GACRxB,SACEE,gBACE,CAACnB,MAAM6K,SAAP,GACA,CAAC,CAAC7K,QAAOC,MAAME,QAAQ0K,aAAYC,WAAWI,YAAa;AAAA,MACzD9J,WAAWyE,gBAAmB7F,KAAD;AAAA,MAC7BsB,WAAWuE,gBAAmB7F,KAAD;AAAA,MAC7BkC,QAAQiJ,mBAAmBN,UAAD;AAAA,MAC1BO,YAAY;AAAA,MACZC,eAAe;AAAA,IAAA,EAPJ,CADT,GAYR3K,SAdW;AAAA,EAAA,EAJjB;AAsBD;AAED,wBAAwB,KAAgE;AAAhE,iBAAEA;AAAAA;AAAAA,MAAF,KAAgBC,wBAAhB,KAAgBA;AAAAA,IAAdD;AAAAA;AACxB,qEAEQC;IACJ,WAAWK,GACTC,SAAS;AAAA,MACPqK,SAAS;AAAA,MACT3J,iBAAiB;AAAA,MACjBD,cAAc;AAAA,MACd6J,WAAW;AAAA,IAJL,CAAA,GAMR7K,SAPW;AAAA,EAAA,EAHjB;AAcD;AAED,uBAAuB,KAAgE;AAAhE,iBAAEA;AAAAA;AAAAA,MAAF,KAAgBC,wBAAhB,KAAgBA;AAAAA,IAAdD;AAAAA;AACvB,qEAAgBC;IAAa,WAAWK,GAAGC,SAAS;AAAA,MAAEuK,MAAM;AAAA,IAAT,CAAA,GAA4B9K,SAArC;AAAA,EAAA,EAA1C;AACD;AAED,sBAAsB,KAA8D;AAA9D,iBAAEA;AAAAA;AAAAA,MAAF,KAAgBC,wBAAhB,KAAgBA;AAAAA,IAAdD;AAAAA;AACtB,mEAEQC;IACJ,WAAWK,GACTC,SAAS;AAAA,MAAEmJ,UAAU;AAAA,MAAIlI,QAAQ;AAAA,MAASiB,OAAO;AAAA,IAAzC,CAAA,GACRzC,SAFW;AAAA,EAAA,EAHjB;AASD;AAED,oCAAoC+C,aAA0B;AACpDA,UAAAA,YAAYwE;AAAAA,SACb;AACI,aAAA;AAAA,SAEJ;AACH,aAAO;SAEJ;AAAA,SACA;AAAA,SACA;AAAA,SACA;AAAA,SACA;AAAA,SACA;AAAA,SACA;AAAA;AAEI,aAAA;AAAA;AAEZ;AAED,MAAMwD,sBAAsBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAetBC,MAAAA,OAAOrL,WAAW,eACtB;AAAA,EACE+C;AAAAA,EACAuI;AAAAA,EACAC,QAAQC;AAAAA,EACRC,cAAc;AAAA,EACdC;AAAAA,EACApL;AAAAA,EACAZ;AAAAA,EACAa;AAAAA,EACAC;AAAAA,EACAmL;AAAAA,EACAhK;AAAAA,EACAC;AAAAA,EACAgK;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAvJ;AAAAA,EACAC;AAAAA,GAEFzC,KACA;AACMsL,QAAAA,SAASU,QAAQ;;AAAMT,0DAAYD,WAAZC,YAAsB;KAAI,CAACA,UAAD,CAAjC;AAChBvB,QAAAA,OAAOgC,QAAQ;;AAAMT,0DAAYvB,SAAZuB,YAAoB;KAAI,CAACA,UAAD,CAA/B;AACd,QAAA;AAAA,IAAEU,MAAM;AAAA,MAAEC;AAAAA,QAAU,CAAA;AAAA,MAAOC,SAAkCC,aAAa;AAAA,IAC9EC,MAAMhB,WAAW;AAAA,IACjBiB,WAAW;AAAA,MAAExJ,IAAIuI;AAAAA,IAAN;AAAA,EAAA,CAF4B;AAInC,QAAA,CAACkB,qBAAqBC,YAAYtB,mBAAD;AACvC,QAAM,CAACuB,OAAOC,YAAYC,SAA6B,IAArB;AAClC,QAAM,CAACC,iBAAiBC,sBACtBF,SAAyD,IAAjD;AACJ,QAAA,CAACG,eAAeC,oBAAoBJ,SAAiB,MACzDrB,OAAO0B,OAAO,CAACC,KAAKC,cAAc;AAC1BhK,UAAAA,cAAcgJ,SAASA,MAAMiB,QAAQC,KAAKnE,CAASA,UAAAA,MAAMnG,OAAOoK,UAAUG,aAAnD;AACvBC,UAAAA,eAAeJ,YAAYA,UAAUI,eAAe;AAE1D,QAAIpK,aAAa;AACf+J,UAAI/J,YAAYF,QACdsK,gBAAgB,OAAOC,2BAA2BrK,WAAD,IAAgBoK;AAAAA,IACpE;AAEML,WAAAA;AAAAA,EAAAA,GACN,CAAA,CAVH,CADgD;AAalD,QAAMO,aAAaZ,mDAAiBtB;AAC9B,QAAA;AAAA,IAAEmC;AAAAA,IAAWC;AAAAA,MAAUC,sBAAsBH,YAAY;AAAA,IAAEI,aAAatC,OAAOxF;AAAAA,EAAAA,CAAnC;AAC5C,QAAA,CAAC+H,QAAQC,aAAanB,SAAS,KAAD;AAC9BoB,QAAAA,UAAUpI,OAA0B,IAApB;AAEtBK,sBACEhG,KACA,MAAO;AAAA,IACLgO,cAAc;AACLvB,aAAAA,iBAAiBwB,UAAUC,OAAOzB,KAAD,IAAU;AAAA,IAF/C;AAAA,IAILI;AAAAA,EAEF,IAAA,CAACJ,OAAOI,kBAAR,CARiB;AAWnBsB,YAAU,MAAM;AACdV,cAAUhB,KAAD;AAAA,EAAA,GACR,CAACgB,WAAWhB,KAAZ,CAFM;AAIT0B,YAAU,MAAM;AACV,QAAA,CAACN;AAAQ;AAETO,QAAAA,YAAYC,WAAW,MAAMP,UAAU,KAAD,GAAS,IAAzB;AAEnB,WAAA,MAAMQ,aAAaF,SAAD;AAAA,EAAA,GACxB,CAACP,MAAD,CANM;AAQe,0BAAA;AAAA,IAAER;AAAAA,KAAsB;AAC9C,WAAOnB,SAASA,MAAMiB,QAAQC,KAAKnE,CAASoE,UAAAA,kBAAkBpE,MAAMnG,EAApD;AAAA,EACjB;AAED,8BAA4ByL,QAAa;AAAA,IAAEC;AAAAA,IAAeC;AAAAA,IAAWC;AAAAA,KAAkB;AACrF,QAAIxC,OAAO;AACT,YAAMiB,UAAoB,CAAA;AAE1B7B,aAAOqD,QAAQ1F,CAAS,UAAA;AAChB/F,cAAAA,cAAc0L,eAAe3F,KAAD;AAElC,YAAI/F,aAAa;AACT+I,gBAAAA,OAAOsC,OAAOrL,YAAYF;AAEhC,cAAIiJ,MAAM;AACRkB,oBAAQ0B,KAAK;AAAA,cAAEC,UAAU7F,MAAMoE;AAAAA,cAAepB;AAAAA,YAAAA,CAA9C;AAEIhD,gBAAAA,MAAM8F,UAAU;AACLC,2BAAAA,QACV,GAAEtF,2BAA2BxG,YAAYF,QAC1CiM,KAAKC,UAAUjD,IAAf,CAFF;AAAA,YAID;AAAA,UACF;AAAA,QACF;AAAA,MAAA,CAhBH;AAmBI,UAAA;AACF,cAAMM,kBAAkB;AAAA,UACtBD,WAAW;AAAA,YAAE3D,OAAO;AAAA,cAAEsD,MAAM;AAAA,gBAAEZ,SAASa,MAAMpJ;AAAAA,gBAAIqK;AAAAA,cAArB;AAAA,YAAR;AAAA,UAAT;AAAA,QAAA,CADU;AAGvBW,kBAAU,IAAD;AACTf,yBAAiBoC,CACf7D,SAAAA,OAAO0B,OACL,CAACC,KAAKhE,UAAU;AACR/F,gBAAAA,cAAc0L,eAAe3F,KAAD;AAElC,cAAI/F,aAAa;AACT+I,kBAAAA,OAAOsC,OAAOrL,YAAYF;AAE5BiJ,gBAAAA,QAAQhD,MAAM8F;AAAiB,qBAAA,iCAAK9B,MAAL;AAAA,iBAAW/J,YAAYF,OAAOiJ;AAAAA,cAAAA;AAAAA,UAClE;AAEMgB,iBAAAA;AAAAA,QAAAA,GAET,mBAAKkC,KAZP,CADc;AAgBP;AAELpB,YAAAA,QAAQ9H,WAAW;AAAM8H,kBAAQ9H,QAAQmJ;eACtCnP;AACG,kBAAA;AAAA,UAAEA,OAAO;AAAA,QAAA,CAAV;AAAA,MAAA,UACD;AACRuO,sBAAc,KAAD;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAEDL,YAAU,MAAM;AACdpB,qBAAiBoC,CACf7D,SAAAA,OAAO0B,OACL,CAACC,KAAKC,cAAc;AACZhK,YAAAA,cACJgJ,SAASA,MAAMiB,QAAQC,KAAKnE,CAASA,UAAAA,MAAMnG,OAAOoK,UAAUG,aAAnD;AAEPnK,UAAAA,eAAegK,UAAU6B,UAAU;AACrC,cAAMM,cAAcC,aAAaC,QAC9B,GAAE7F,2BAA2BxG,YAAYF,MADxB;AAIpB,YAAIqM,aAAa;AACX,cAAA;AACFpC,gBAAI/J,YAAYF,QAAQiM,KAAKO,MAAMH,WAAX;AAAA,mBACjBI;UAER;AAAA,QACF;AAAA,MACF;AAEMxC,aAAAA;AAAAA,IAAAA,GAET,mBAAKkC,KArBP,CADc;AAAA,EAAA,GAyBf,CAAC7D,QAAQY,KAAT,CA1BM;AA4BT,6BACGwD,UAAD;AAAA,IACE,OAAO;AAAA,MAAErP;AAAAA,MAAOZ;AAAAA,MAAMa;AAAAA,MAAUC;AAAAA,MAAYiC;AAAAA,MAAgBC;AAAAA,IAD9D;AAAA,IAAA,UAGG4I,WAAW,OACVtJ,oBAAC,aAAD;AAAA,MAAa,KAAK2K;AAAAA,MAAU;AAAA,MAAc;AAAA,IAAA,CAA1C,IAEA3K,oBAAAoB,UAAA;AAAA,MAAA,8BACG,QAAD;AAAA,QACE,UAAUwM;AAAAA,QACV;AAAA,QACA,eAAe;AAAA,UAAE1P,OAAO;AAAA,QAH1B;AAAA,QAIE,oBAJF;AAAA,QAAA,UAMG2P,CAAU,WAAA;AACH3P,gBAAAA,QAAQ2P,OAAOC,UAAUD,OAAOC,OAAO5P;AACvCmJ,gBAAAA,SAASkC,OACZjF,IAAI4C,CAAS,UAAA;AACN/F,kBAAAA,cAAc0L,eAAe3F,KAAD;AAGhC/F,mBAAAA,eACAgG,MAAM0G,OAAOzG,SAASjG,YAAYF,IAA7B,KACLkG,MAAM0G,OAAOxG,QAAQlG,YAAYF,IAA5B;AAAA,UAAA,CAPI,EAUZkD,OAAO4J,CAAW,YAAA,OAAOA,YAAY,QAVzB;AAab,sCAAA3M,UAAA;AAAA,YAAA,UAAA,CACErB,qBAAC,UAAD;AAAA,cACE,KAAK4K;AAAAA,cACL;AAAA,cACA,WAAWjM,GAAGiB,OAAOC,MAAR;AAAA,cACb;AAAA,cACA,UAAUiO,OAAOD;AAAAA,cACjB,SAASC,OAAOG;AAAAA,cAChB,YAPF;AAAA,cASGzE,UAAAA,CAAAA,OAAOjF,IAAI,CAAC4C,OAAOgB,UAAU;AACtB/G,sBAAAA,cAAc0L,eAAe3F,KAAD;AAElC,2CACG,UAAD;AAAA,kBAEE,KAAKyE,MAAMzD;AAAAA,kBACX;AAAA,kBACA;AAAA,kBACA,QAAQyB;AAAAA,kBACR,WAAWA;AAAAA,kBANb,8BAQG,OAAD;AAAA,oBAAO;AAAA,oBAA0B,gBAAgBzC;AAAAA,kBAAAA,CAAjD;AAAA,gBAAA,GAPKA,MAAMnG,EADb;AAAA,cAAA,CAJH,GAgBDhB,qBAAC,UAAD;AAAA,gBACE,KAAK4L,MAAMpC,OAAOxF;AAAAA,gBAClB;AAAA,gBACA,OAAOwF,OAAOxF;AAAAA,gBACd,QAAQ4F;AAAAA,gBACR,WAAWA;AAAAA,gBALb,UAAA,CAOE3J,oBAAC,cAAD;AAAA,kBACE,MAAK;AAAA,kBAEL,UAAU6N,OAAOI,gBAAgBnC;AAAAA,kBACjC;AAAA,kBACA;AAAA,kBACA,OAAOtN;AAAAA,kBACP,SAASqL;AAAAA,kBACT,WAAWC;AAAAA,kBACX,OAAOC;AAAAA,kBACP,WAAWC;AAAAA,kBACX,WAAWJ;AAAAA,kBAEViE,UAAAA,OAAOI,eACLjO,oBAAA,SAAD,CAAA,CAAA,IACE8L,SACF9L,oBAAC,eAAD;AAAA,oBAAA,UACEA,oBAACkO,YAAD,EAAA;AAAA,kBADF,CAAA,IAIAzE;AAAAA,gBAAAA,CA3BN,GA8BIpC,QAAOtD,SAAS,KAAK7F,+BACpB,gBAAD;AAAA,kBAAA,UAAA,CACGmJ,OAAO/C,IAAIyJ,CAAAA,gCACT,cAAD;AAAA,oBAA6BA,UAAAA;AAAAA,kBAAAA,GAAVA,OAAnB,CADD,GAGA7P,SAAS,4BAAS,cAAD;AAAA,oBAAeA,UAAAA;AAAAA,kBAAAA,CAJnC,CAAA;AAAA,gBAAA,CA/BJ,CAAA;AAAA,cAAA,CAzBF,CAAA;AAAA,YAAA,CAAA,GAiECwL,cAAc,4BAAS,MAAD;AAAA,cAAM,KAAKsC;AAAAA,cAAS,QAApB;AAAA,cAA2B,MAAMtC;AAAAA,YAAAA,CAlE1D,CAAA;AAAA,UAAA,CADF;AAAA,QAsED;AAAA,MAAA,CA1FH;AAAA,IAAA,CADF;AAAA,EAAA,CAPN;AAwGD,CA1QsB;;"}