infinity-forge 9.7.9 → 9.9.0

package/dist/ui/components/form/input-manager/interfaces.d.ts

@@ -0,0 +1,9 @@
+import { InputPropsDynamic } from '../handler/index.js';
+export type InputManagerProps = {
+    inputs?: (InputPropsDynamic<any> | ((props: {
+        basePath: string;
+    }) => React.ReactNode))[][];
+    gridColumns?: number;
+    inputPath?: string;
+    onDeleteItem?: (item: any) => void;
+};

package/dist/ui/components/form/input-manager/interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interfaces.js.map

package/dist/ui/components/form/input-manager/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-manager/interfaces.ts"],"names":[],"mappings":""}

package/dist/ui/components/form/input-manager/styles.d.ts

@@ -0,0 +1,4 @@
+import { InputManagerProps } from './interfaces.js';
+export declare const InputManager: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, {
+    $gridColumns: InputManagerProps["gridColumns"];
+}>> & string;

package/dist/ui/components/form/input-manager/styles.js

@@ -0,0 +1,62 @@
+import styled from 'styled-components';
+export const InputManager = styled('div') `
+  margin-bottom: 15px;
+
+  .add_new_item_input_manager {
+    display: flex;
+    justify-content: flex-end;
+    margin-bottom: 15px;
+
+    button {
+      background-color: #f1f1f1;
+      border: 1px solid #ccc;
+      padding: 5px 10px;
+      border-radius: 3px;
+      cursor: pointer;
+      transition: 0.3s;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 10px;
+
+      svg {
+        fill: #6e6e6e;
+        height: 19px;
+        width: auto;
+      }
+    }
+  }
+
+
+  .list-input-manager {
+    display: grid;
+    grid-template-columns: repeat(${({ $gridColumns }) => $gridColumns}, 1fr);
+    gap: 15px;
+  }
+
+  .item {
+    border: 1px solid #0000004a;
+    padding: 15px;
+    margin-bottom: 15px;
+
+    .top-input-manager {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 10px;
+
+      .delete {
+        background-color: transparent;
+        border: 0;
+        padding: 0;
+
+        svg {
+          width: 19px;
+          height: auto;
+          fill: red;
+        }
+      }
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-manager/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-manager/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAGtC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAoD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+BzD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BrE,CAAA"}

package/dist/ui/components/form/input-mask/index.d.ts

@@ -0,0 +1,7 @@
+import { InputProps } from '../interfaces.js';
+export type InputMaskProps = {
+    mask?: string;
+    maskModifier?: (value: string) => string;
+    removeMask?: boolean;
+};
+export declare function InputMask(props: InputMaskProps & InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-mask/index.js

@@ -0,0 +1,64 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { useField } from 'formik';
+import { InputControl } from '../input-control/index.js';
+export function InputMask(props) {
+    const [loading, setLoading] = useState(false);
+    const [field, state, utils] = useField({ name: props.name });
+    const inputRef = useRef(null);
+    function applyMask(value, mask) {
+        let maskedValue = '';
+        let index = 0;
+        const numbers = value.replace(/\D/g, '');
+        for (let char of mask) {
+            if (index >= numbers.length)
+                break;
+            if (char === '_') {
+                maskedValue += numbers[index++];
+            }
+            else {
+                maskedValue += char;
+            }
+        }
+        return maskedValue;
+    }
+    function changeValue(value) {
+        return __awaiter(this, void 0, void 0, function* () {
+            setLoading(true);
+            const maskedValue = applyMask(value, props.maskModifier ? props.maskModifier(value) : props.mask);
+            try {
+                if (props.onChangeInput) {
+                    const valueUpdated = yield props.onChangeInput(maskedValue, () => utils.setValue(value), { state, utils }, applyMask);
+                    utils.setValue(valueUpdated || maskedValue);
+                    return;
+                }
+                else {
+                    utils.setValue(maskedValue);
+                }
+            }
+            catch (error) {
+                console.error(error);
+            }
+            finally {
+                setLoading(false);
+            }
+        });
+    }
+    useEffect(() => {
+        if (props.mask) {
+            const maskedValue = applyMask(field.value || '', props.mask);
+            utils.setValue(maskedValue);
+        }
+    }, [props.mask]);
+    return (_jsx(InputControl, Object.assign({}, props, { loading: loading, children: _jsx("input", { disabled: props.disabled, id: props.name, autoComplete: props.autoComplete, readOnly: props.readOnly, placeholder: props.placeholder, ref: inputRef, value: field.value || '', onInput: (ev) => changeValue(ev.currentTarget.value) }) })));
+}
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-mask/index.js.map

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

package/dist/ui/components/form/input-password/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { InputProps } from '../interfaces.js';
+export declare function InputPassword(props: {
+    onClickEye?: (setShowPassword: React.Dispatch<React.SetStateAction<boolean>>) => void;
+} & InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-password/index.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useField } from 'formik';
+import { Icon } from '../../../../ui/icons/index.js';
+import { InputControl } from '../input-control/index.js';
+import * as S from './styles.js';
+export function InputPassword(props) {
+    const [showPassword, setShowPassword] = useState(false);
+    const [field, _, helpers] = useField(props.name);
+    function onClickEye() {
+        if (props.onClickEye) {
+            props.onClickEye(setShowPassword);
+            return;
+        }
+        setShowPassword(!showPassword);
+    }
+    useEffect(() => {
+        if (field.value === undefined) {
+            helpers.setValue('');
+        }
+    }, [field.value]);
+    return (_jsx(S.InputPassword, { children: _jsxs(InputControl, Object.assign({}, props, { children: [_jsx("input", Object.assign({ id: props.name, type: showPassword ? 'text' : 'password', className: 'font-16-regular' }, props, field)), _jsx("button", { tabIndex: -1, type: 'button', className: 'eye', onClick: onClickEye, "aria-label": 'password eye', children: _jsx("div", { className: 'icon', children: _jsx(Icon, { name: !showPassword ? 'IconEyeSlash' : 'IconEye' }) }) })] })) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-password/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-password/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAI/C,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAE7B,MAAM,UAAU,aAAa,CAC3B,KAA6G;IAE7G,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAEhD,SAAS,UAAU;QACjB,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;YACrB,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA;YACjC,OAAM;QACR,CAAC;QAED,eAAe,CAAC,CAAC,YAAY,CAAC,CAAA;IAChC,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,KAAC,CAAC,CAAC,aAAa,cACd,MAAC,YAAY,oBAAK,KAAK,eACrB,8BACE,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxC,SAAS,EAAC,iBAAiB,IACvB,KAAK,EACL,KAAK,EACT,EAEF,iBAAQ,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,UAAU,gBAAa,cAAc,YAChG,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,GAAI,GACtD,GACC,KACI,GACC,CACnB,CAAA;AACH,CAAC"}

package/dist/ui/components/form/input-password/styles.d.ts

@@ -0,0 +1 @@
+export declare const InputPassword: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;

package/dist/ui/components/form/input-password/styles.js

@@ -0,0 +1,33 @@
+import styled from 'styled-components';
+export const InputPassword = styled('div') `
+  input {
+    padding-right: 50px;
+
+    &::-ms-reveal {
+      display: none;
+    }
+  }
+
+  .eye {
+    background-color: unset;
+    border: 0;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    right: 15px;
+    display: flex;
+    cursor: pointer;
+
+    .icon {
+      display: flex;
+      width: 20px;
+
+      svg {
+        width: 100%;
+        height: auto;
+        fill: currentColor;
+      }
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-password/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-password/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BzC,CAAA"}

package/dist/ui/components/form/input-range/index.d.ts

@@ -0,0 +1,6 @@
+import { InputProps } from '../../../../ui/index.js';
+type InputRangeProps = InputProps & {
+    sufix?: string;
+};
+export declare function InputRange({ name, min, max, sufix, onChangeMode, onChangeInput, onChangeBlur, ...props }: InputRangeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/components/form/input-range/index.js

@@ -0,0 +1,49 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useField, useFormikContext } from 'formik';
+import { Error, InputControl } from '../../../../ui/index.js';
+import * as S from './styles.js';
+export function InputRange(_a) {
+    var _b;
+    var { name, min, max, sufix, onChangeMode, onChangeInput, onChangeBlur } = _a, props = __rest(_a, ["name", "min", "max", "sufix", "onChangeMode", "onChangeInput", "onChangeBlur"]);
+    const [field, state, utils] = useField({ name });
+    const formikContext = useFormikContext();
+    const formik = { utils, state };
+    const [tempValue, setTempValue] = useState(state.value);
+    const isValid = Number(max) !== Number(min) && state.value !== undefined;
+    const percent = isValid ? ((Number(state.value) - Number(min)) / (Number(max) - Number(min))) * 100 : 0;
+    const isEnd = percent >= 90;
+    const isStart = percent <= 10;
+    function handleChange(event) {
+        const value = Number(event.target.value);
+        if (onChangeMode === 'blur') {
+            setTempValue(value);
+        }
+        else {
+            utils.setValue(value);
+            onChangeInput === null || onChangeInput === void 0 ? void 0 : onChangeInput(value, undefined, formik, null, formikContext);
+        }
+    }
+    function triggerBlurLikeBehavior() {
+        if (onChangeMode === 'blur' && tempValue !== undefined) {
+            utils.setValue(tempValue);
+            onChangeBlur === null || onChangeBlur === void 0 ? void 0 : onChangeBlur(tempValue, undefined, formik, null, formikContext);
+        }
+    }
+    return (_jsx(Error, { name: name, children: _jsx(S.InputRange, { className: 'input_range', children: _jsx(InputControl, Object.assign({ name: name }, props, { children: _jsxs("div", { className: 'value-box', children: [state.value !== undefined && (_jsxs("span", { className: 'value_actual', style: {
+                                left: `${percent}%`,
+                                transform: `translate(${isEnd ? -100 : isStart ? 0 : -percent}%, -100%)`,
+                            }, children: [state.value, sufix] })), _jsx("input", { id: name, name: name, min: min, max: max, type: 'range', value: (_b = tempValue !== null && tempValue !== void 0 ? tempValue : state.value) !== null && _b !== void 0 ? _b : min, onChange: handleChange, onMouseUp: triggerBlurLikeBehavior, onTouchEnd: triggerBlurLikeBehavior }), _jsxs("div", { className: 'values_input_range', children: [_jsxs("span", { children: [min, sufix] }), _jsxs("span", { children: [max, sufix] })] })] }) })) }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-range/index.js.map

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

package/dist/ui/components/form/input-range/styles.d.ts

@@ -0,0 +1 @@
+export declare const InputRange: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;

package/dist/ui/components/form/input-range/styles.js

@@ -0,0 +1,106 @@
+import styled from 'styled-components';
+export const InputRange = styled('div') `
+  label {
+    margin-bottom: 20px;
+  }
+
+  input {
+    padding: 0;
+    border: none;
+  }
+
+  span {
+    font-size: 14px;
+  }
+
+  .value-box {
+    position: relative;
+  }
+
+  .value_actual {
+    position: absolute;
+    top: 0;
+  }
+
+  .values_input_range {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  input[type='range'] {
+    font-size: 1.5rem;
+    width: 100%;
+  }
+
+  input[type='range'] {
+    color: ${(p) => p.theme.primaryColor};
+    --thumb-height: 14px;
+    --track-height: 0.14em;
+    --track-color: #dcdcdc;
+    --brightness-hover: 180%;
+    --brightness-down: 80%;
+    --clip-edges: 0.125em;
+  }
+
+  input[type='range'] {
+    position: relative;
+    background: #fff0;
+    overflow: hidden;
+  }
+
+  input[type='range']:active {
+    cursor: grabbing;
+  }
+
+  input[type='range']:disabled {
+    filter: grayscale(1);
+    opacity: 0.3;
+    cursor: not-allowed;
+  }
+
+  /* === WebKit specific styles === */
+  input[type='range'],
+  input[type='range']::-webkit-slider-runnable-track,
+  input[type='range']::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    transition: all ease 100ms;
+    height: var(--thumb-height);
+  }
+
+  input[type='range']::-webkit-slider-thumb {
+    --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);
+    --clip-bottom: calc(var(--thumb-height) - var(--clip-top));
+    --clip-further: calc(100% + 1px);
+    --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax currentColor;
+
+    width: var(--thumb-width, var(--thumb-height));
+    background: linear-gradient(currentColor 0 0) scroll no-repeat left center / 50% calc(var(--track-height) + 1px);
+    background-color: currentColor;
+    box-shadow: var(--box-fill);
+    border-radius: var(--thumb-width, var(--thumb-height));
+    height: 1.4rem;
+    width: 1.4rem;
+
+    filter: brightness(100%);
+    clip-path: polygon(
+      100% -1px,
+      var(--clip-edges) -1px,
+      0 var(--clip-top),
+      -100vmax var(--clip-top),
+      -100vmax var(--clip-bottom),
+      0 var(--clip-bottom),
+      var(--clip-edges) 100%,
+      var(--clip-further) var(--clip-further)
+    );
+  }
+
+  input[type='range']::-webkit-slider-runnable-track {
+    background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center / 100% calc(var(--track-height) + 1px);
+  }
+
+  input[type='range']:disabled::-webkit-slider-thumb {
+    cursor: not-allowed;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-range/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-range/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAmC1B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoEvC,CAAA"}

package/dist/ui/components/form/input-seo/index.d.ts

@@ -0,0 +1,5 @@
+export type InputSeoProps = {
+    group?: string;
+    disableMetaImage?: boolean;
+};
+export declare function InputSeo(props: InputSeoProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-seo/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InputMetaImage } from './input-meta-image/index.js';
+import { Error, Input, Textarea } from '../../../../ui/index.js';
+import * as S from './styles.js';
+export function InputSeo(props) {
+    const groupName = props.group ? props.group + '.' : '';
+    return (_jsx(Error, { name: 'InputSeo', children: _jsxs(S.InputSeo, { className: 'input_seo', children: [_jsxs("h3", { children: [_jsxs("svg", { width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: [_jsx("g", { clipPath: 'url(#clip0_4_20)', children: _jsx("path", { d: 'M19.2187 4.63546C19.6502 4.63546 20 4.28573 20 3.85421V0.781249C20 0.355987 19.654 0 19.2187 0H16.1458C15.7144 0 15.3645 0.349731 15.3645 0.781249C15.3645 1.21277 15.7144 1.5625 16.1458 1.5625H17.3326L15.3517 3.54339C13.788 1.36383 11.2785 0 8.46358 0C3.78585 0 0 3.78539 0 8.46358C0 13.141 3.78539 16.9272 8.46358 16.9272C10.4619 16.9272 12.354 16.2388 13.8704 14.9753L18.6663 19.7712C18.9714 20.0763 19.4661 20.0763 19.7711 19.7712C20.0763 19.4661 20.0763 18.9714 19.7711 18.6663L14.9753 13.8704C17.1318 11.2825 17.4624 7.77678 16.1636 4.94124L18.4375 2.66738V3.85406C18.4375 4.28558 18.7872 4.63546 19.2187 4.63546ZM8.46358 1.5625C10.8684 1.5625 12.9895 2.79922 14.2253 4.66979L9.99998 8.89509L7.47954 6.37465C7.17436 6.06963 6.67983 6.06963 6.37465 6.37465L1.96457 10.7847C0.36087 6.30797 3.69598 1.5625 8.46358 1.5625ZM8.46358 15.3645C6.05864 15.3645 3.93768 14.1278 2.70187 12.2572L6.92717 8.03191L9.44761 10.5523C9.75264 10.8575 10.2473 10.8575 10.5523 10.5523L14.9624 6.14226C16.5663 10.619 13.2312 15.3645 8.46358 15.3645Z', fill: '#2A2A2A' }) }), _jsx("defs", { children: _jsx("clipPath", { id: 'clip0_4_20', children: _jsx("rect", { width: '20', height: '20', fill: 'white' }) }) })] }), "SEO"] }), _jsxs("div", { className: 'content', children: [!props.disableMetaImage && _jsx(InputMetaImage, { name: `${groupName}metaImage` }), _jsx(Input, { name: `${groupName}metaTitle`, label: 'SEO Title (m\u00E1x 60 caracteres)', className: 'font-16', maxLength: 60 }), _jsx(Textarea, { rows: 2, name: `${groupName}metaDescription`, label: 'Meta Description (m\u00E1x 160 caracteres)', className: 'font-16', maxLength: 160 })] })] }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-seo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-seo/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAA;AAE7C,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAO7B,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAEtD,OAAO,CACL,KAAC,KAAK,IAAC,IAAI,EAAC,UAAU,YACpB,MAAC,CAAC,CAAC,QAAQ,IAAC,SAAS,EAAC,WAAW,aAC/B,yBACE,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAC5F,YAAG,QAAQ,EAAC,kBAAkB,YAC5B,eACE,CAAC,EAAC,ygCAAygC,EAC3gC,IAAI,EAAC,SAAS,GACd,GACA,EACJ,yBACE,mBAAU,EAAE,EAAC,YAAY,YACvB,eAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,GACnC,GACN,IACH,WAEH,EAEL,eAAK,SAAS,EAAC,SAAS,aACrB,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAC,cAAc,IAAC,IAAI,EAAE,GAAG,SAAS,WAAW,GAAI,EAE7E,KAAC,KAAK,IACJ,IAAI,EAAE,GAAG,SAAS,WAAW,EAC7B,KAAK,EAAC,oCAA+B,EACrC,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,EAAE,GACb,EAEF,KAAC,QAAQ,IACP,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,GAAG,SAAS,iBAAiB,EACnC,KAAK,EAAC,4CAAuC,EAC7C,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,GAAG,GACd,IACE,IACK,GACP,CACT,CAAA;AACH,CAAC"}

package/dist/ui/components/form/input-seo/input-meta-image/index.d.ts

@@ -0,0 +1,2 @@
+import { InputProps } from '../../../../../ui/index.js';
+export declare function InputMetaImage(props: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-seo/input-meta-image/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useFile, InputControl, Icon, useRenderedFile } from '../../../../../ui/index.js';
+import * as S from './styles.js';
+export function InputMetaImage(props) {
+    const { LabelFileArea, InputFile, field } = useFile(Object.assign(Object.assign({}, props), { accept: 'image/*', isLocalFile: true }));
+    return (_jsx(S.InputMetaImage, { children: _jsxs(InputControl, Object.assign({}, props, { children: [_jsx(InputFile, { visible: false }), _jsx("div", { className: 'meta-image', children: !field.value || (Array.isArray(field.value) && field.value.length === 0) ? (_jsx(LabelFileArea, { children: _jsxs("div", { className: 'meta_image_no_file_selected', children: [_jsx(Icon, { name: 'IconUpload', color: '#000' }), _jsx("p", { children: "Selecionar arquivo" })] }) })) : (field.value.map((file) => _jsx(ResultFile, { file: file, inputProps: props }))) })] })) }));
+}
+function ResultFile({ inputProps, file }) {
+    const { Image, fileName, DeleteFileButton } = useRenderedFile(Object.assign(Object.assign({}, inputProps), { file }));
+    return (_jsxs("div", { className: 'result_meta_image', children: [_jsx(Image, {}), _jsx("p", { children: fileName }), _jsx(DeleteFileButton, {})] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-seo/input-meta-image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-seo/input-meta-image/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,eAAe,EAAkB,MAAM,MAAM,CAAA;AAE/F,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAE7B,MAAM,UAAU,cAAc,CAAC,KAAiB;IAC9C,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,OAAO,iCAAM,KAAK,KAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,IAAG,CAAA;IAEvG,OAAO,CACL,KAAC,CAAC,CAAC,cAAc,cACf,MAAC,YAAY,oBAAK,KAAK,eACrB,KAAC,SAAS,IAAC,OAAO,EAAE,KAAK,GAAI,EAE7B,cAAK,SAAS,EAAC,YAAY,YACxB,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAC1E,KAAC,aAAa,cACZ,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,MAAM,GAAG,EACvC,6CAAyB,IACrB,GACQ,CACjB,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,GAAI,CAAC,CACzE,GACG,KACO,GACE,CACpB,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,UAAU,EAAE,IAAI,EAAoD;IACxF,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,eAAe,iCACxD,UAAU,KACb,IAAI,IACJ,CAAA;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,KAAK,KAAG,EAET,sBAAI,QAAQ,GAAK,EAEjB,KAAC,gBAAgB,KAAG,IAChB,CACP,CAAA;AACH,CAAC"}

package/dist/ui/components/form/input-seo/input-meta-image/styles.d.ts

@@ -0,0 +1 @@
+export declare const InputMetaImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;

package/dist/ui/components/form/input-seo/input-meta-image/styles.js

@@ -0,0 +1,38 @@
+import styled from 'styled-components';
+export const InputMetaImage = styled('div') `
+  .meta-image {
+    .meta_image_no_file_selected,
+    .result_meta_image {
+      gap: 20px;
+      align-items: center;
+      border-radius: 5px;
+      border: 1px solid #ccc;
+      padding: 15px 20px;
+      cursor: pointer;
+      display: inline-flex;
+
+      img {
+        height: 30px !important;
+        width: 30px !important;
+      }
+
+      svg {
+        width: 17px !important;
+        fill: #828282;
+      }
+
+      .action-button {
+        padding: 0;
+        border: 0;
+        width: unset !important;
+        height: unset !important;
+      }
+    }
+
+    p {
+      margin-bottom: 0;
+      font-size: 14px;
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-seo/input-meta-image/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-seo/input-meta-image/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmC1C,CAAA"}

package/dist/ui/components/form/input-seo/styles.d.ts

@@ -0,0 +1 @@
+export declare const InputSeo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;

package/dist/ui/components/form/input-seo/styles.js

@@ -0,0 +1,45 @@
+import { styled } from 'styled-components';
+export const InputSeo = styled('div') `
+  padding-top: 15px;
+
+  h3 {
+    display: flex;
+    gap: 10px; 
+    align-items: center;
+    font-size: 18px;
+    margin-bottom: 5px;
+
+    svg {
+      width: 21px;
+      height: auto;
+    }
+  }
+
+  .content {
+    .preview {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+
+    .meta-image {
+      width: 45px;
+      height: 45px;
+      border-radius: 100%;
+      background-color: #545454;
+    }
+
+    h3 {
+      color: #1a0dab;
+      font-size: 18px;
+      margin-bottom: 0;
+    }
+
+    p {
+      color: #545454;
+      word-wrap: break-word;
+      line-height: 1.4;
+    }
+  }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-seo/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-seo/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CpC,CAAA"}

package/dist/ui/components/form/input-star/index.d.ts

@@ -0,0 +1,2 @@
+import { InputProps } from '../interfaces.js';
+export declare function InputStar(props: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-star/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useField } from 'formik';
+import { InputControl } from '../input-control/index.js';
+import * as S from './styles.js';
+export function InputStar(props) {
+    const name = props.name;
+    const [field, _, helpers] = useField({ name });
+    const value = field.value;
+    return (_jsx(InputControl, Object.assign({}, props, { children: _jsx(S.InputStar, { role: 'radiogroup', children: [1, 2, 3, 4, 5].map((starValue) => (_jsxs("label", { htmlFor: `${name}-${starValue}`, children: [_jsx("input", { type: 'radio', id: `${name}-${starValue}`, name: name, value: starValue, checked: value === starValue, onChange: () => helpers.setValue(starValue) }), _jsx(S.StarIcon, { "aria-hidden": 'true', "$isActive": starValue <= value, className: starValue <= value ? 'active' : '', children: "\u2605" })] }, starValue))) }) })));
+}
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-star/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-star/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAI/C,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAE7B,MAAM,UAAU,SAAS,CAAC,KAAiB;IACzC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAA;IACvB,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;IAE9C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAA;IAEzB,OAAO,CACL,KAAC,YAAY,oBAAK,KAAK,cACrB,KAAC,CAAC,CAAC,SAAS,IAAC,IAAI,EAAC,YAAY,YAC3B,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAClC,iBAAuB,OAAO,EAAE,GAAG,IAAI,IAAI,SAAS,EAAE,aACpD,gBACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,GAAG,IAAI,IAAI,SAAS,EAAE,EAC1B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,KAAK,KAAK,SAAS,EAC5B,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,GAC3C,EACF,KAAC,CAAC,CAAC,QAAQ,mBACG,MAAM,eACP,SAAS,IAAI,KAAK,EAC7B,SAAS,EAAE,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,uBAGlC,KAfH,SAAS,CAgBb,CACT,CAAC,GACU,IACD,CAChB,CAAA;AACH,CAAC"}

package/dist/ui/components/form/input-star/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const InputStar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StarIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $isActive: boolean;
+}>> & string;

package/dist/ui/components/form/input-star/styles.js

@@ -0,0 +1,30 @@
+import styled from 'styled-components';
+export const InputStar = styled.div `
+  display: flex;
+  gap: 4px;
+
+  label {
+    cursor: pointer;
+    position: relative;
+
+    input {
+      position: absolute;
+      opacity: 0;
+      height: 0;
+      width: 0;
+      overflow: hidden;
+    }
+  }
+`;
+export const StarIcon = styled.span `
+  display: block;
+  color: ${({ $isActive }) => ($isActive ? '#ffd700' : '#e4e5e9')};
+  transition: color 0.2s;
+  font-size: 2rem;
+  line-height: 1;
+
+  &:hover {
+    color: #ffd700;
+  }
+`;
+//# sourceMappingURL=styles.js.map