@mobilestockweb/form 0.2.3 → 1.0.1

package/index.d.ts

@@ -1,13 +1,57 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode, InputHTMLAttributes, RefObject } from 'react';
 import { BadgeType } from '@mobilestockweb/badge';
 import { ButtonProps } from '@mobilestockweb/button';
-import * as react from 'react';
-import { InputHTMLAttributes, RefObject } from 'react';
 import { FormHandles, FormProps } from '@unform/core';
 import { ViewBaseProps } from '@mobilestockweb/container';
+import { DefaultTheme } from 'styled-components';
 import { GroupBase, Props } from 'react-select';
 import { ZodSchema } from 'zod';
 
+declare function ErrorLabel(): react_jsx_runtime.JSX.Element;
+
+declare function HelpText(): react_jsx_runtime.JSX.Element;
+
+declare function HelpButton(): react_jsx_runtime.JSX.Element;
+
+declare function Title({ children }: {
+    children?: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare enum TypeFiles {
+    json = "application/json",
+    png = "image/png",
+    jpg = "image/jpg",
+    jpeg = "image/jpeg",
+    all = "*/*"
+}
+
+type TypeEventOnChange$1 = EventOnChangeAddFiles | EventOnChangeRemoveFile;
+type MultipleArchiveProviderProps<TypeEventOnChangeGeneric extends TypeEventOnChange$1 = TypeEventOnChange$1> = {
+    children: ReactNode;
+    accept?: (keyof typeof TypeFiles)[];
+    onChange?(event: TypeEventOnChangeGeneric): void;
+    name: string;
+};
+
+type EventOnChangeAddFiles = {
+    value: File[];
+    event: 'ADD_FILES';
+};
+type EventOnChangeRemoveFile = {
+    value: File;
+    event: 'REMOVE_FILE';
+};
+interface MultipleArchiveProps extends Omit<MultipleArchiveProviderProps, 'children' | 'accept'> {
+    children?: React.ReactNode;
+    accept?: (keyof typeof TypeFiles)[] | string;
+    alignLabel?: 'END' | 'CENTER' | 'START';
+    label?: string;
+}
+
+declare function Display$1({ accept, ...props }: MultipleArchiveProps): react_jsx_runtime.JSX.Element;
+
 interface BadgeProps {
     text: string;
     renderInsidePill?: boolean;
@@ -83,6 +127,38 @@ declare function FormButton({ type, disabled, isLoading, onClick, ...props }: Fo
 
 declare function FormHorizontal({ children, ...props }: ViewBaseProps): react_jsx_runtime.JSX.Element;
 
+type TypeEventOnChange = EventOnChangeRemoveImage | EventOnChangeReorderImages | EventOnChangeCropSave;
+type PhotoListProviderProps<TypeEventOnChangeGeneric extends TypeEventOnChange = TypeEventOnChange> = {
+    children: ReactNode;
+    onChange?(event: TypeEventOnChangeGeneric): void;
+    multiple?: boolean;
+    dragAndDrop?: boolean;
+    buttonAddDirection?: 'LEFT' | 'RIGHT';
+    name: string;
+    size?: Uppercase<keyof DefaultTheme['sizeImage'] & string>;
+    gap?: Uppercase<keyof DefaultTheme['gaps'] & string>;
+};
+
+type EventOnChangeRemoveImage = {
+    value: File;
+    event: 'REMOVE_IMAGE';
+};
+type EventOnChangeReorderImages = {
+    value: File[];
+    event: 'REORDER_IMAGES';
+};
+type EventOnChangeCropSave = {
+    value: File;
+    event: 'CROP_SAVE';
+};
+interface PhotoInputProps extends Omit<PhotoListProviderProps, 'children'> {
+    label?: string;
+    alignLabel?: 'END' | 'CENTER' | 'START';
+    buttonAddDirection?: 'LEFT' | 'RIGHT';
+    numberOfImagesVisible?: number;
+}
+declare function FormPhotoList({ label, alignLabel, buttonAddDirection, numberOfImagesVisible, ...props }: PhotoInputProps): react_jsx_runtime.JSX.Element;
+
 interface PropsFormInputRadio extends InputHTMLAttributes<HTMLInputElement> {
     name: string;
     label: string;
@@ -134,6 +210,13 @@ declare const Form: typeof FormComponent & {
     };
     Vertical: typeof FormVertical;
     Horizontal: typeof FormHorizontal;
+    MultipleArchive: typeof Display$1 & {
+        Title: typeof Title;
+        HelpButton: typeof HelpButton;
+        HelpText: typeof HelpText;
+        ErrorLabel: typeof ErrorLabel;
+    };
+    PhotoList: typeof FormPhotoList;
 };
 
 export { Form, type SubmitParams, useForm };

package/index.js

@@ -1,29 +1,29 @@
-"use strict";var It=Object.create;var j=Object.defineProperty,vt=Object.defineProperties,wt=Object.getOwnPropertyDescriptor,Bt=Object.getOwnPropertyDescriptors,Mt=Object.getOwnPropertyNames,ae=Object.getOwnPropertySymbols,Lt=Object.getPrototypeOf,ce=Object.prototype.hasOwnProperty,Fe=Object.prototype.propertyIsEnumerable;var he=(e,t,o)=>t in e?j(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,d=(e,t)=>{for(var o in t||(t={}))ce.call(t,o)&&he(e,o,t[o]);if(ae)for(var o of ae(t))Fe.call(t,o)&&he(e,o,t[o]);return e},f=(e,t)=>vt(e,Bt(t));var N=(e,t)=>{var o={};for(var r in e)ce.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&ae)for(var r of ae(e))t.indexOf(r)<0&&Fe.call(e,r)&&(o[r]=e[r]);return o};var _t=(e,t)=>{for(var o in t)j(e,o,{get:t[o],enumerable:!0})},Ve=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Mt(t))!ce.call(e,i)&&i!==o&&j(e,i,{get:()=>t[i],enumerable:!(r=wt(t,i))||r.enumerable});return e};var h=(e,t,o)=>(o=e!=null?It(Lt(e)):{},Ve(t||!e||!e.__esModule?j(o,"default",{value:e,enumerable:!0}):o,e)),Ht=e=>Ve(j({},"__esModule",{value:!0}),e);var Oe=(e,t,o)=>new Promise((r,i)=>{var l=a=>{try{s(o.next(a))}catch(b){i(b)}},n=a=>{try{s(o.throw(a))}catch(b){i(b)}},s=a=>a.done?r(a.value):Promise.resolve(a.value).then(l,n);s((o=o.apply(e,t)).next())});var jt={};_t(jt,{Form:()=>Yt,useForm:()=>F});module.exports=Ht(jt);var _e=require("@mobilestockweb/button");var Ie=require("@unform/web"),ve=require("notistack"),H=require("react"),we=require("zod"),Be=require("@mobilestockweb/container");var le=require("react/jsx-runtime"),Me=(0,H.createContext)({});function F(){return(0,H.useContext)(Me)}function Le(i){var l=i,{children:e,onSubmit:t,schema:o}=l,r=N(l,["children","onSubmit","schema"]);let n=(0,H.useRef)(null),[s,a]=(0,H.useState)(!1);function b(){var m;(m=n.current)==null||m.submitForm()}function C(){var m,y;(m=n.current)==null||m.setErrors({}),(y=n.current)==null||y.reset()}function u(m){let y={};for(let p of m){let P=p.path.filter(w=>typeof w=="string"||typeof w=="number").join(".");P&&(y[String(P)]=p.message)}return y}function T(m){if(m instanceof we.ZodError)return u(m.issues);if(typeof m=="object"&&m!==null&&"errors"in m){let y=m.errors;if(Array.isArray(y)&&y.length>0&&"message"in y[0]&&"path"in y[0])return u(y)}return null}function v(p,P){return Oe(this,arguments,function*(m,{reset:y}){var w,ne,q,k,J;if((w=n.current)==null||w.setErrors({}),o){let x=o.safeParse(m);if(!x.success){(ne=n.current)==null||ne.setErrors(u(x.error.issues));return}}try{a(!0),yield t({data:m,ref:n,reset:y})}catch(x){let Q=T(x);if(Q)(q=n.current)==null||q.setErrors(Q);else{let X="Erro ao realizar opera\xE7\xE3o",ie=500;if(typeof x=="object"&&x!==null&&"isAxiosError"in x&&x.isAxiosError){let R=x;ie=((k=R.response)==null?void 0:k.status)||500;let c=(J=R.response)==null?void 0:J.data;c!=null&&c.message&&(X=c.message)}else x instanceof Error&&(X=x.message||X);(0,ve.enqueueSnackbar)(X,{variant:ie>=500?"error":"warning"})}}finally{a(!1)}})}return(0,le.jsx)(Me.Provider,{value:{formRef:n,submitForm:b,clearForm:C,loading:s},children:(0,le.jsx)(Ie.Form,f(d({},r),{ref:n,onSubmit:v,children:(0,le.jsx)(Be.Container.Vertical,{gap:"2XS",children:e})}))})}var ze=require("react/jsx-runtime");function He(l){var n=l,{type:e="SUBMIT",disabled:t,isLoading:o,onClick:r}=n,i=N(n,["type","disabled","isLoading","onClick"]);let{submitForm:s,clearForm:a,loading:b}=F();function C(u){switch(u.preventDefault(),e){case"SUBMIT":s();break;case"RESET":a();break;default:r==null||r(u)}}return(0,ze.jsx)(_e.Button,f(d({},i),{onClick:C,isLoading:e==="SUBMIT"&&b||o,disabled:b||o||t,type:e.toLowerCase()}))}var de=h(require("styled-components")),Ke=require("@mobilestockweb/badge"),We=require("@mobilestockweb/container"),Ze=h(require("@mobilestockweb/tools")),qe=require("@mobilestockweb/typography");var Ae=require("@unform/core"),V=require("react"),De=require("react/jsx-runtime"),$e=(0,V.createContext)(void 0);function ke(e){let{fieldName:t,registerField:o,error:r,defaultValue:i}=(0,Ae.useField)(e.name),[l,n]=(0,V.useState)(0),s=(0,V.useCallback)(u=>{let T=u;return e.maxCount!==void 0&&T>e.maxCount&&(T=e.maxCount),e.minCount!==void 0&&T<e.minCount&&(T=e.minCount),T},[e.maxCount,e.minCount]),a=(0,V.useCallback)(u=>{var v;let T=s(u);n(T),(v=e.onChange)==null||v.call(e,{value:T,event:"EDIT"})},[s]);(0,V.useEffect)(()=>{o({name:t,getValue:()=>l,setValue:(u,T)=>a(T),clearValue:()=>a(0)})},[t,l,o,a]),(0,V.useEffect)(()=>{a(Number(e.initialCount)||Number(i)||0)},[e.initialCount,a,i]);function b(u=1){n(T=>{var m;let v=s(T+1*u);return(m=e.onChange)==null||m.call(e,{value:v,event:"INCREMENT"}),v})}function C(u=1){n(T=>{var m;let v=s(T-1*u);return(m=e.onChange)==null||m.call(e,{value:v,event:"DECREMENT"}),v})}return(0,De.jsx)($e.Provider,{value:{count:l,increment:b,decrement:C,configureCount:a,multiplier:e.multiplier,maxCount:e.maxCount,minCount:e.minCount,editable:e.editable,label:e.label,labelPosition:e.labelPosition,buttonTransparent:e.buttonTransparent,groupElements:e.groupElements,error:r},children:e.children})}function O(){let e=(0,V.useContext)($e);if(!e)throw new Error("useCounter must be used within a CounterProvider");return e}var Ue=h(require("styled-components")),Ge=require("@mobilestockweb/container");var Xe=require("react/jsx-runtime");function D(e){return(0,Xe.jsx)(zt,d({align:"CENTER"},e))}var zt=(0,Ue.default)(Ge.Container.Vertical)`
+"use strict";var Hr=Object.create;var ve=Object.defineProperty,Or=Object.defineProperties,zr=Object.getOwnPropertyDescriptor,Vr=Object.getOwnPropertyDescriptors,Dr=Object.getOwnPropertyNames,xe=Object.getOwnPropertySymbols,Br=Object.getPrototypeOf,Ue=Object.prototype.hasOwnProperty,dt=Object.prototype.propertyIsEnumerable;var ct=(e,t,o)=>t in e?ve(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,h=(e,t)=>{for(var o in t||(t={}))Ue.call(t,o)&&ct(e,o,t[o]);if(xe)for(var o of xe(t))dt.call(t,o)&&ct(e,o,t[o]);return e},v=(e,t)=>Or(e,Vr(t));var P=(e,t)=>{var o={};for(var n in e)Ue.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&xe)for(var n of xe(e))t.indexOf(n)<0&&dt.call(e,n)&&(o[n]=e[n]);return o};var $r=(e,t)=>{for(var o in t)ve(e,o,{get:t[o],enumerable:!0})},ft=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Dr(t))!Ue.call(e,r)&&r!==o&&ve(e,r,{get:()=>t[r],enumerable:!(n=zr(t,r))||n.enumerable});return e};var I=(e,t,o)=>(o=e!=null?Hr(Br(e)):{},ft(t||!e||!e.__esModule?ve(o,"default",{value:e,enumerable:!0}):o,e)),kr=e=>ft(ve({},"__esModule",{value:!0}),e);var Se=(e,t,o)=>new Promise((n,r)=>{var u=a=>{try{l(o.next(a))}catch(g){r(g)}},i=a=>{try{l(o.throw(a))}catch(g){r(g)}},l=a=>a.done?n(a.value):Promise.resolve(a.value).then(u,i);l((o=o.apply(e,t)).next())});var fn={};$r(fn,{Form:()=>dn,useForm:()=>k});module.exports=kr(fn);var vt=require("@mobilestockweb/button");var gt=require("@unform/web"),ht=require("notistack"),te=require("react"),Ct=require("zod"),bt=require("@mobilestockweb/container");var Ie=require("react/jsx-runtime"),Et=(0,te.createContext)({});function k(){return(0,te.useContext)(Et)}function Tt(r){var u=r,{children:e,onSubmit:t,schema:o}=u,n=P(u,["children","onSubmit","schema"]);let i=(0,te.useRef)(null),[l,a]=(0,te.useState)(!1);function g(){var m;(m=i.current)==null||m.submitForm()}function c(){var m,E;(m=i.current)==null||m.setErrors({}),(E=i.current)==null||E.reset()}function p(m){let E={};for(let C of m){let d=C.path.filter(F=>typeof F=="string"||typeof F=="number").join(".");d&&(E[String(d)]=C.message)}return E}function b(m){if(m instanceof Ct.ZodError)return p(m.issues);if(typeof m=="object"&&m!==null&&"errors"in m){let E=m.errors;if(Array.isArray(E)&&E.length>0&&"message"in E[0]&&"path"in E[0])return p(E)}return null}function s(C,d){return Se(this,arguments,function*(m,{reset:E}){var F,L,y,S,B;if((F=i.current)==null||F.setErrors({}),o){let N=o.safeParse(m);if(!N.success){(L=i.current)==null||L.setErrors(p(N.error.issues));return}}try{a(!0),yield t({data:m,ref:i,reset:E})}catch(N){let $=b(N);if($)(y=i.current)==null||y.setErrors($);else{let ee="Erro ao realizar opera\xE7\xE3o",fe=500;if(typeof N=="object"&&N!==null&&"isAxiosError"in N&&N.isAxiosError){let f=N;fe=((S=f.response)==null?void 0:S.status)||500;let T=(B=f.response)==null?void 0:B.data;T!=null&&T.message&&(ee=T.message)}else N instanceof Error&&(ee=N.message||ee);(0,ht.enqueueSnackbar)(ee,{variant:fe>=500?"error":"warning"})}}finally{a(!1)}})}return(0,Ie.jsx)(Et.Provider,{value:{formRef:i,submitForm:g,clearForm:c,loading:l},children:(0,Ie.jsx)(gt.Form,v(h({},n),{ref:i,onSubmit:s,children:(0,Ie.jsx)(bt.Container.Vertical,{gap:"2XS",children:e})}))})}var Ft=require("react/jsx-runtime");function yt(u){var i=u,{type:e="SUBMIT",disabled:t,isLoading:o,onClick:n}=i,r=P(i,["type","disabled","isLoading","onClick"]);let{submitForm:l,clearForm:a,loading:g}=k();function c(p){switch(p.preventDefault(),e){case"SUBMIT":l();break;case"RESET":a();break;default:n==null||n(p)}}return(0,Ft.jsx)(vt.Button,v(h({},r),{onClick:c,isLoading:e==="SUBMIT"&&g||o,disabled:g||o||t,type:e.toLowerCase()}))}var Ge=I(require("styled-components")),Mt=require("@mobilestockweb/badge"),At=require("@mobilestockweb/container"),wt=I(require("@mobilestockweb/tools")),Ht=require("@mobilestockweb/typography");var Rt=require("@unform/core"),_=require("react"),St=require("react/jsx-runtime"),Pt=(0,_.createContext)(void 0);function xt(e){let{fieldName:t,registerField:o,error:n,defaultValue:r}=(0,Rt.useField)(e.name),[u,i]=(0,_.useState)(0),l=(0,_.useCallback)(p=>{let b=p;return e.maxCount!==void 0&&b>e.maxCount&&(b=e.maxCount),e.minCount!==void 0&&b<e.minCount&&(b=e.minCount),b},[e.maxCount,e.minCount]),a=(0,_.useCallback)(p=>{var s;let b=l(p);i(b),(s=e.onChange)==null||s.call(e,{value:b,event:"EDIT"})},[l]);(0,_.useEffect)(()=>{o({name:t,getValue:()=>u,setValue:(p,b)=>a(b),clearValue:()=>a(0)})},[t,u,o,a]),(0,_.useEffect)(()=>{a(Number(e.initialCount)||Number(r)||0)},[e.initialCount,a,r]);function g(p=1){i(b=>{var m;let s=l(b+1*p);return(m=e.onChange)==null||m.call(e,{value:s,event:"INCREMENT"}),s})}function c(p=1){i(b=>{var m;let s=l(b-1*p);return(m=e.onChange)==null||m.call(e,{value:s,event:"DECREMENT"}),s})}return(0,St.jsx)(Pt.Provider,{value:{count:u,increment:g,decrement:c,configureCount:a,multiplier:e.multiplier,maxCount:e.maxCount,minCount:e.minCount,editable:e.editable,label:e.label,labelPosition:e.labelPosition,buttonTransparent:e.buttonTransparent,groupElements:e.groupElements,error:n},children:e.children})}function U(){let e=(0,_.useContext)(Pt);if(!e)throw new Error("useCounter must be used within a CounterProvider");return e}var It=I(require("styled-components")),Lt=require("@mobilestockweb/container");var Nt=require("react/jsx-runtime");function me(e){return(0,Nt.jsx)(_r,h({align:"CENTER"},e))}var _r=(0,It.default)(Lt.Container.Vertical)`
   min-width: 40px;
   height: 34px;
   user-select: none;
-`;var ee=require("react/jsx-runtime");function te(e){let{groupElements:t}=O();return(0,ee.jsx)(D,{children:t&&e.renderInsidePill?(0,ee.jsx)(At,{$type:e.type,full:!0,align:"CENTER",children:(0,ee.jsx)($t,{$type:e.type,children:e.text})}):(0,ee.jsx)(Ke.Badge,{text:e.text,type:e.type,size:"XS"})})}function Je(e,t){return Object.keys(t.colors.badge).find(o=>o.toLowerCase()===(e==null?void 0:e.toLowerCase()))||"default"}var At=(0,de.default)(We.Container.Vertical)`
-  background-color: ${({$type:e,theme:t})=>{let o=Je(e,t);return t.colors.badge[o]}};
+`;var ye=require("react/jsx-runtime");function Fe(e){let{groupElements:t}=U();return(0,ye.jsx)(me,{children:t&&e.renderInsidePill?(0,ye.jsx)(Ur,{$type:e.type,full:!0,align:"CENTER",children:(0,ye.jsx)(Gr,{$type:e.type,children:e.text})}):(0,ye.jsx)(Mt.Badge,{text:e.text,type:e.type,size:"XS"})})}function Ot(e,t){return Object.keys(t.colors.badge).find(o=>o.toLowerCase()===(e==null?void 0:e.toLowerCase()))||"default"}var Ur=(0,Ge.default)(At.Container.Vertical)`
+  background-color: ${({$type:e,theme:t})=>{let o=Ot(e,t);return t.colors.badge[o]}};
   width: 100%;
-`,$t=(0,de.default)(qe.Typography)`
-  color: ${({$type:e,theme:t})=>{let o=Je(e,t);return Ze.default.defineTextColor(t.colors.badge[o])}};
-`;te.displayName="Form.FormCounter.Badge";var M=require("react"),I=require("@mobilestockweb/container"),rt=h(require("@mobilestockweb/tools"));var oe=h(require("styled-components")),Qe=require("@mobilestockweb/container");var Ye=require("react/jsx-runtime");function K(o){var r=o,{children:e}=r,t=N(r,["children"]);let{groupElements:i,error:l}=O();return(0,Ye.jsx)(kt,f(d({align:"CENTER",$groupElements:i,$error:!!l},t),{children:e}))}var kt=(0,oe.default)(Qe.Container.Horizontal)`
+`,Gr=(0,Ge.default)(Ht.Typography)`
+  color: ${({$type:e,theme:t})=>{let o=Ot(e,t);return wt.default.defineTextColor(t.colors.badge[o])}};
+`;Fe.displayName="Form.FormCounter.Badge";var J=require("react"),G=require("@mobilestockweb/container"),_t=I(require("@mobilestockweb/tools"));var Re=I(require("styled-components")),zt=require("@mobilestockweb/container");var Vt=require("react/jsx-runtime");function ge(o){var n=o,{children:e}=n,t=P(n,["children"]);let{groupElements:r,error:u}=U();return(0,Vt.jsx)(Xr,v(h({align:"CENTER",$groupElements:r,$error:!!u},t),{children:e}))}var Xr=(0,Re.default)(zt.Container.Horizontal)`
   border-radius: ${({theme:e})=>e.borderRadius.default};
   overflow: hidden;
   background-color: transparent;
   border: none;
-  ${({$groupElements:e,theme:t})=>e&&oe.css`
+  ${({$groupElements:e,theme:t})=>e&&Re.css`
       background-color: ${t.colors.input.default};
 
       border: 1px solid ${t.colors.input.border};
     `}
-  ${({$error:e,theme:t})=>e&&oe.css`
+  ${({$error:e,theme:t})=>e&&Re.css`
       background-color: ${t.colors.input.error};
       border: 1px solid ${t.colors.alert.urgent};
     `}
-`;var je=require("@mobilestockweb/typography"),et=require("react/jsx-runtime");function B({children:e}){return(0,et.jsx)(je.Typography,{color:"DANGER_600",size:"SM",weight:"MEDIUM",children:e})}var tt=require("@mobilestockweb/typography"),ot=require("react/jsx-runtime");function z({children:e}){return(0,ot.jsx)(tt.Typography,{weight:"REGULAR",children:e})}var E=require("react/jsx-runtime");function nt({children:e}){let{label:t,error:o,labelPosition:r}=O(),i=[],l=[],n=(0,M.useCallback)(a=>(0,M.isValidElement)(a)&&a.type===M.Fragment?n(a.props.children):a,[]),s=n(e);return M.Children.toArray(s).forEach(a=>{(0,M.isValidElement)(a)&&rt.default.isComponentWithDisplayName(a.type)&&a.type.displayName===te.displayName&&!a.props.renderInsidePill?i.push(a):l.push(a)}),(0,E.jsxs)(I.Container.Vertical,{align:"CENTER_START",children:[r==="TOP_START"&&t&&(0,E.jsxs)(I.Container.Horizontal,{padding:"NONE_NONE_2XS_NONE",gap:"2XS",children:[(0,E.jsx)(z,{children:t}),o&&!i.length&&(0,E.jsx)(B,{children:o})]}),r!=="LEFT"&&(0,E.jsxs)(I.Container.Vertical,{align:"CENTER",children:[(r!=="TOP_START"&&t||r!=="TOP_START"&&o&&!i.length)&&(0,E.jsxs)(I.Container.Vertical,{align:"CENTER",padding:"NONE_NONE_2XS_NONE",children:[t&&(0,E.jsx)(z,{children:t}),o&&!i.length&&(0,E.jsx)(B,{children:o})]}),(0,E.jsxs)(I.Container.Horizontal,{align:"CENTER_START",children:[i.length>0&&(0,E.jsx)(I.Container.Horizontal,{padding:"NONE_2XS_NONE_NONE",children:i}),(0,E.jsxs)(I.Container.Vertical,{children:[(0,E.jsx)(K,{children:l}),o&&!!i.length&&(0,E.jsx)(B,{children:o})]})]})]}),r==="LEFT"&&(0,E.jsx)(I.Container.Vertical,{children:(0,E.jsxs)(I.Container.Horizontal,{align:"CENTER",children:[(0,E.jsxs)(I.Container.Vertical,{padding:"NONE_2XS_NONE_NONE",children:[t&&(0,E.jsx)(z,{children:t}),o&&!i.length&&(0,E.jsx)(B,{children:o})]}),i.length>0&&(0,E.jsx)(I.Container.Horizontal,{padding:"NONE_2XS_NONE_NONE",children:i}),(0,E.jsx)(K,{children:l})]})})]})}var A=require("@mobilestockweb/container");var ue=require("react"),it=h(require("styled-components")),at=require("@mobilestockweb/button");var pe=require("react/jsx-runtime");function L(r){var i=r,{type:e,disabled:t}=i,o=N(i,["type","disabled"]);let{loading:l}=F(),n=O(),s=(0,ue.useRef)(null),a=(0,ue.useMemo)(()=>e==="PLUS"&&n.maxCount!==void 0?n.count>=n.maxCount:e==="MINUS"&&n.minCount!==void 0?n.count<=n.minCount:!1,[e,n.count,n.maxCount,n.minCount]);function b(){e==="PLUS"?n.increment():n.decrement()}function C(){s.current=setTimeout(()=>{"vibrate"in navigator&&navigator.vibrate(500),e==="PLUS"?n.increment(n.multiplier):n.decrement(n.multiplier)},500)}function u(){s.current&&(clearTimeout(s.current),s.current=null)}return(0,pe.jsx)(D,{children:(0,pe.jsx)(Dt,f(d({type:"button",icon:e==="PLUS"?"Plus":"Minus",backgroundColor:e==="PLUS"?"DEFAULT_DARK":"CANCEL_DARK"},o),{size:"SM",variant:n.buttonTransparent?"TRANSPARENT":"DEFAULT",$grouped:n.groupElements,disabled:a||t||l,onClick:b,onMouseDown:C,onMouseUp:u,onMouseLeave:u,onTouchStart:C,onTouchEnd:u}))})}var Dt=(0,it.default)(at.Button)`
+`;var Dt=require("@mobilestockweb/typography"),Bt=require("react/jsx-runtime");function Y({children:e}){return(0,Bt.jsx)(Dt.Typography,{color:"DANGER_600",size:"SM",weight:"MEDIUM",children:e})}var $t=require("@mobilestockweb/typography"),kt=require("react/jsx-runtime");function oe({children:e}){return(0,kt.jsx)($t.Typography,{weight:"REGULAR",children:e})}var x=require("react/jsx-runtime");function Ut({children:e}){let{label:t,error:o,labelPosition:n}=U(),r=[],u=[],i=(0,J.useCallback)(a=>(0,J.isValidElement)(a)&&a.type===J.Fragment?i(a.props.children):a,[]),l=i(e);return J.Children.toArray(l).forEach(a=>{(0,J.isValidElement)(a)&&_t.default.isComponentWithDisplayName(a.type)&&a.type.displayName===Fe.displayName&&!a.props.renderInsidePill?r.push(a):u.push(a)}),(0,x.jsxs)(G.Container.Vertical,{align:"CENTER_START",children:[n==="TOP_START"&&t&&(0,x.jsxs)(G.Container.Horizontal,{padding:"NONE_NONE_2XS_NONE",gap:"2XS",children:[(0,x.jsx)(oe,{children:t}),o&&!r.length&&(0,x.jsx)(Y,{children:o})]}),n!=="LEFT"&&(0,x.jsxs)(G.Container.Vertical,{align:"CENTER",children:[(n!=="TOP_START"&&t||n!=="TOP_START"&&o&&!r.length)&&(0,x.jsxs)(G.Container.Vertical,{align:"CENTER",padding:"NONE_NONE_2XS_NONE",children:[t&&(0,x.jsx)(oe,{children:t}),o&&!r.length&&(0,x.jsx)(Y,{children:o})]}),(0,x.jsxs)(G.Container.Horizontal,{align:"CENTER_START",children:[r.length>0&&(0,x.jsx)(G.Container.Horizontal,{padding:"NONE_2XS_NONE_NONE",children:r}),(0,x.jsxs)(G.Container.Vertical,{children:[(0,x.jsx)(ge,{children:u}),o&&!!r.length&&(0,x.jsx)(Y,{children:o})]})]})]}),n==="LEFT"&&(0,x.jsx)(G.Container.Vertical,{children:(0,x.jsxs)(G.Container.Horizontal,{align:"CENTER",children:[(0,x.jsxs)(G.Container.Vertical,{padding:"NONE_2XS_NONE_NONE",children:[t&&(0,x.jsx)(oe,{children:t}),o&&!r.length&&(0,x.jsx)(Y,{children:o})]}),r.length>0&&(0,x.jsx)(G.Container.Horizontal,{padding:"NONE_2XS_NONE_NONE",children:r}),(0,x.jsx)(ge,{children:u})]})})]})}var re=require("@mobilestockweb/container");var Le=require("react"),Gt=I(require("styled-components")),Xt=require("@mobilestockweb/button");var Xe=require("react/jsx-runtime");function Q(n){var r=n,{type:e,disabled:t}=r,o=P(r,["type","disabled"]);let{loading:u}=k(),i=U(),l=(0,Le.useRef)(null),a=(0,Le.useMemo)(()=>e==="PLUS"&&i.maxCount!==void 0?i.count>=i.maxCount:e==="MINUS"&&i.minCount!==void 0?i.count<=i.minCount:!1,[e,i.count,i.maxCount,i.minCount]);function g(){e==="PLUS"?i.increment():i.decrement()}function c(){l.current=setTimeout(()=>{"vibrate"in navigator&&navigator.vibrate(500),e==="PLUS"?i.increment(i.multiplier):i.decrement(i.multiplier)},500)}function p(){l.current&&(clearTimeout(l.current),l.current=null)}return(0,Xe.jsx)(me,{children:(0,Xe.jsx)(Wr,v(h({type:"button",icon:e==="PLUS"?"Plus":"Minus",backgroundColor:e==="PLUS"?"DEFAULT_DARK":"CANCEL_DARK"},o),{size:"SM",variant:i.buttonTransparent?"TRANSPARENT":"DEFAULT",$grouped:i.groupElements,disabled:a||t||u,onClick:g,onMouseDown:c,onMouseUp:p,onMouseLeave:p,onTouchStart:c,onTouchEnd:p}))})}var Wr=(0,Gt.default)(Xt.Button)`
   border-radius: ${({$grouped:e,theme:t})=>e?t.borderRadius.none:t.borderRadius.default};
-`;var U=require("react"),lt=h(require("styled-components")),ut=require("@mobilestockweb/clickable"),fe=require("@mobilestockweb/container"),ge=require("@mobilestockweb/typography");var _=require("react/jsx-runtime");function W(){let{count:e,editable:t,configureCount:o}=O(),r=(0,U.useRef)(null),[i,l]=(0,U.useState)(!1),[n,s]=(0,U.useState)(e.toString());(0,U.useEffect)(()=>{s(e.toString())},[e]);function a(C){let u=Number(C.target.value);o(Number.isNaN(u)?0:u),l(!1)}function b(C){var u;C.key==="Enter"&&(C.preventDefault(),(u=r.current)==null||u.blur())}return t?(0,_.jsx)(ut.Clickable,{onClick:()=>l(!0),type:"button",children:(0,_.jsx)(fe.Container.Horizontal,{padding:"NONE_2XS",children:(0,_.jsx)(D,{children:i?(0,_.jsx)(Ut,{"data-testid":"counter-input",ref:r,value:n,autoFocus:!0,onKeyDown:b,type:"text",inputMode:"numeric",onChange:C=>s(C.target.value),onFocus:C=>C.target.select(),onBlur:a}):(0,_.jsx)(ge.Typography,{weight:"BOLD",size:"LG",children:e})})})}):(0,_.jsx)(fe.Container.Horizontal,{padding:"NONE_2XS",children:(0,_.jsx)(D,{children:(0,_.jsx)(ge.Typography,{weight:"BOLD",size:"LG",children:e})})})}var Ut=lt.default.input`
+`;var pe=require("react"),Wt=I(require("styled-components")),qt=require("@mobilestockweb/clickable"),We=require("@mobilestockweb/container"),qe=require("@mobilestockweb/typography");var j=require("react/jsx-runtime");function he(){let{count:e,editable:t,configureCount:o}=U(),n=(0,pe.useRef)(null),[r,u]=(0,pe.useState)(!1),[i,l]=(0,pe.useState)(e.toString());(0,pe.useEffect)(()=>{l(e.toString())},[e]);function a(c){let p=Number(c.target.value);o(Number.isNaN(p)?0:p),u(!1)}function g(c){var p;c.key==="Enter"&&(c.preventDefault(),(p=n.current)==null||p.blur())}return t?(0,j.jsx)(qt.Clickable,{onClick:()=>u(!0),type:"button",children:(0,j.jsx)(We.Container.Horizontal,{padding:"NONE_2XS",children:(0,j.jsx)(me,{children:r?(0,j.jsx)(qr,{"data-testid":"counter-input",ref:n,value:i,autoFocus:!0,onKeyDown:g,type:"text",inputMode:"numeric",onChange:c=>l(c.target.value),onFocus:c=>c.target.select(),onBlur:a}):(0,j.jsx)(qe.Typography,{weight:"BOLD",size:"LG",children:e})})})}):(0,j.jsx)(We.Container.Horizontal,{padding:"NONE_2XS",children:(0,j.jsx)(me,{children:(0,j.jsx)(qe.Typography,{weight:"BOLD",size:"LG",children:e})})})}var qr=Wt.default.input`
   &:focus {
     outline: none;
     box-shadow: none;
@@ -42,23 +42,65 @@
   text-align: center;
   width: 40px;
   height: 34px;
-`;W.displayName="Form.FormCounter.Display";var g=require("react/jsx-runtime");function st(){let{label:e,labelPosition:t,error:o}=O();return(0,g.jsxs)(A.Container.Vertical,{align:"CENTER_START",children:[t==="TOP_START"&&e&&(0,g.jsxs)(A.Container.Horizontal,{padding:"NONE_NONE_2XS_NONE",gap:"2XS",children:[(0,g.jsx)(z,{children:e}),o&&(0,g.jsx)(B,{children:o})]}),t!=="LEFT"&&(0,g.jsxs)(A.Container.Vertical,{align:"CENTER",children:[t!=="TOP_START"&&(e||o)&&(0,g.jsxs)(A.Container.Vertical,{align:"CENTER",padding:"NONE_NONE_2XS_NONE",children:[e&&(0,g.jsx)(z,{children:e}),o&&(0,g.jsx)(B,{children:o})]}),(0,g.jsxs)(K,{children:[(0,g.jsx)(L,{type:"MINUS"}),(0,g.jsx)(W,{}),(0,g.jsx)(L,{type:"PLUS"})]})]}),t==="LEFT"&&(0,g.jsx)(A.Container.Vertical,{children:(0,g.jsxs)(A.Container.Horizontal,{align:"CENTER",children:[(e||o)&&(0,g.jsxs)(A.Container.Vertical,{padding:"NONE_2XS_NONE_NONE",children:[e&&(0,g.jsx)(z,{children:e}),o&&(0,g.jsx)(B,{children:o})]}),(0,g.jsxs)(K,{children:[(0,g.jsx)(L,{type:"MINUS"}),(0,g.jsx)(W,{}),(0,g.jsx)(L,{type:"PLUS"})]})]})})]})}var se=require("react/jsx-runtime");function mt(o){var r=o,{children:e}=r,t=N(r,["children"]);return(0,se.jsx)(ke,f(d({buttonTransparent:!1,labelPosition:"TOP_START",multiplier:1},t),{children:e?(0,se.jsx)(nt,{children:e}):(0,se.jsx)(st,{})}))}var ct=require("react/jsx-runtime");function be(e){return(0,ct.jsx)(L,f(d({},e),{type:"MINUS"}))}be.displayName="Form.FormCounter.Minus";var dt=require("react/jsx-runtime");function Ce(e){return(0,dt.jsx)(L,f(d({},e),{type:"PLUS"}))}Ce.displayName="Form.FormCounter.Plus";var pt=Object.assign(mt,{Display:W,Plus:Ce,Minus:be,Badge:te});var ft=require("@mobilestockweb/container");var bt=require("react/jsx-runtime");function gt(o){var r=o,{children:e}=r,t=N(r,["children"]);return(0,bt.jsx)(ft.Container.Horizontal,f(d({gap:"SM"},t),{children:e}))}var Ct=require("@unform/core"),S=require("react"),re=h(require("styled-components")),Et=require("@mobilestockweb/button"),Te=require("@mobilestockweb/container"),Ee=h(require("@mobilestockweb/tools")),Ne=require("@mobilestockweb/typography");var $=require("react/jsx-runtime"),Tt=(0,S.forwardRef)(function(v,T){var m=v,{name:t,label:o,defaultValue:r,type:i,autoSubmit:l,full:n,error:s,format:a,onChange:b,maxLength:C}=m,u=N(m,["name","label","defaultValue","type","autoSubmit","full","error","format","onChange","maxLength"]);let{loading:y}=F(),p=(0,Ct.useField)(t),P=(0,S.useRef)(null),[w,ne]=(0,S.useState)(!1),[q,k]=(0,S.useState)(""),J=i==="password",x=i==="tel"?15:i==="zipcode"?9:C,Q=t+"-input"+(0,S.useId)();(0,S.useEffect)(()=>{let R=q||r||(p==null?void 0:p.defaultValue)||"";P.current.value=R,k(R),p.registerField({name:p.fieldName,ref:P,getValue:c=>{var Y;return((Y=c.current)==null?void 0:Y.value)||""},setValue:(c,Y)=>{c.current&&(c.current.value=Y,k(Y))},clearValue:c=>{c.current&&(c.current.value="",k(""))}})},[p==null?void 0:p.fieldName,p==null?void 0:p.registerField]),(0,S.useImperativeHandle)(T,()=>({focus(){var R;(R=P.current)==null||R.focus()},blur(){var R;(R=P.current)==null||R.blur()}}));let X=(0,S.useCallback)(R=>{let c=R.target.value;switch(i){case"tel":c=Ee.default.phoneNumberFormatter(c);break;case"email":case"url":c=c.trim();break;case"zipcode":c=Ee.default.formatZipcode(c);break}a&&(c=a(c)),k(c),R.target.value=c,P.current.value=c,b==null||b(R),i==="tel"&&l&&c.length===15&&P.current.form&&(P.current.form.requestSubmit(),P.current.blur()),i==="zipcode"&&l&&c.length===9&&P.current.form&&(P.current.form.requestSubmit(),P.current.blur())},[i,a,l,b,p]);function ie(){return i==="password"?w?"text":"password":i}return(0,$.jsxs)(Gt,{full:n,$show:i!=="hidden",children:[o&&(0,$.jsx)(Xt,{htmlFor:Q,size:"SM",children:o}),(0,$.jsxs)(Kt,{align:"CENTER",padding:"XS_NONE",gap:"SM",$isError:!!(p!=null&&p.error),$isPassword:J,children:[(0,$.jsx)(Wt,f(d({},u),{ref:P,id:Q,value:q,onChange:X,maxLength:x,type:ie(),disabled:y||u.disabled})),J&&(0,$.jsx)(Et.Button,{size:"SM",onClick:()=>ne(!w),icon:w?"EyeOutline":"EyeOff",variant:"TRANSPARENT",type:"button"})]}),(p==null?void 0:p.error)&&(0,$.jsx)(Ne.Typography,{color:"DANGER",size:"SM",children:p==null?void 0:p.error})]})}),Gt=(0,re.default)(Te.Container.Vertical)`
+`;he.displayName="Form.FormCounter.Display";var R=require("react/jsx-runtime");function Kt(){let{label:e,labelPosition:t,error:o}=U();return(0,R.jsxs)(re.Container.Vertical,{align:"CENTER_START",children:[t==="TOP_START"&&e&&(0,R.jsxs)(re.Container.Horizontal,{padding:"NONE_NONE_2XS_NONE",gap:"2XS",children:[(0,R.jsx)(oe,{children:e}),o&&(0,R.jsx)(Y,{children:o})]}),t!=="LEFT"&&(0,R.jsxs)(re.Container.Vertical,{align:"CENTER",children:[t!=="TOP_START"&&(e||o)&&(0,R.jsxs)(re.Container.Vertical,{align:"CENTER",padding:"NONE_NONE_2XS_NONE",children:[e&&(0,R.jsx)(oe,{children:e}),o&&(0,R.jsx)(Y,{children:o})]}),(0,R.jsxs)(ge,{children:[(0,R.jsx)(Q,{type:"MINUS"}),(0,R.jsx)(he,{}),(0,R.jsx)(Q,{type:"PLUS"})]})]}),t==="LEFT"&&(0,R.jsx)(re.Container.Vertical,{children:(0,R.jsxs)(re.Container.Horizontal,{align:"CENTER",children:[(e||o)&&(0,R.jsxs)(re.Container.Vertical,{padding:"NONE_2XS_NONE_NONE",children:[e&&(0,R.jsx)(oe,{children:e}),o&&(0,R.jsx)(Y,{children:o})]}),(0,R.jsxs)(ge,{children:[(0,R.jsx)(Q,{type:"MINUS"}),(0,R.jsx)(he,{}),(0,R.jsx)(Q,{type:"PLUS"})]})]})})]})}var Ne=require("react/jsx-runtime");function Zt(o){var n=o,{children:e}=n,t=P(n,["children"]);return(0,Ne.jsx)(xt,v(h({buttonTransparent:!1,labelPosition:"TOP_START",multiplier:1},t),{children:e?(0,Ne.jsx)(Ut,{children:e}):(0,Ne.jsx)(Kt,{})}))}var Yt=require("react/jsx-runtime");function Ke(e){return(0,Yt.jsx)(Q,v(h({},e),{type:"MINUS"}))}Ke.displayName="Form.FormCounter.Minus";var Jt=require("react/jsx-runtime");function Ze(e){return(0,Jt.jsx)(Q,v(h({},e),{type:"PLUS"}))}Ze.displayName="Form.FormCounter.Plus";var Qt=Object.assign(Zt,{Display:he,Plus:Ze,Minus:Ke,Badge:Fe});var jt=require("@mobilestockweb/container");var to=require("react/jsx-runtime");function eo(o){var n=o,{children:e}=n,t=P(n,["children"]);return(0,to.jsx)(jt.Container.Horizontal,v(h({gap:"SM"},t),{children:e}))}var oo=require("@unform/core"),O=require("react"),Pe=I(require("styled-components")),ro=require("@mobilestockweb/button"),Je=require("@mobilestockweb/container"),Ye=I(require("@mobilestockweb/tools")),Qe=require("@mobilestockweb/typography");var ne=require("react/jsx-runtime"),no=(0,O.forwardRef)(function(s,b){var m=s,{name:t,label:o,defaultValue:n,type:r,autoSubmit:u,full:i,error:l,format:a,onChange:g,maxLength:c}=m,p=P(m,["name","label","defaultValue","type","autoSubmit","full","error","format","onChange","maxLength"]);let{loading:E}=k(),C=(0,oo.useField)(t),d=(0,O.useRef)(null),[F,L]=(0,O.useState)(!1),[y,S]=(0,O.useState)(""),B=r==="password",N=r==="tel"?15:r==="zipcode"?9:c,$=t+"-input"+(0,O.useId)();(0,O.useEffect)(()=>{let f=y||n||(C==null?void 0:C.defaultValue)||"";d.current.value=f,S(f),C.registerField({name:C.fieldName,ref:d,getValue:T=>{var W;return((W=T.current)==null?void 0:W.value)||""},setValue:(T,W)=>{T.current&&(T.current.value=W,S(W))},clearValue:T=>{T.current&&(T.current.value="",S(""))}})},[C==null?void 0:C.fieldName,C==null?void 0:C.registerField]),(0,O.useImperativeHandle)(b,()=>({focus(){var f;(f=d.current)==null||f.focus()},blur(){var f;(f=d.current)==null||f.blur()}}));let ee=(0,O.useCallback)(f=>{let T=f.target.value;switch(r){case"tel":T=Ye.default.phoneNumberFormatter(T);break;case"email":case"url":T=T.trim();break;case"zipcode":T=Ye.default.formatZipcode(T);break}a&&(T=a(T)),S(T),f.target.value=T,d.current.value=T,g==null||g(f),r==="tel"&&u&&T.length===15&&d.current.form&&(d.current.form.requestSubmit(),d.current.blur()),r==="zipcode"&&u&&T.length===9&&d.current.form&&(d.current.form.requestSubmit(),d.current.blur())},[r,a,u,g,C]);function fe(){return r==="password"?F?"text":"password":r}return(0,ne.jsxs)(Kr,{full:i,$show:r!=="hidden",children:[o&&(0,ne.jsx)(Zr,{htmlFor:$,size:"SM",children:o}),(0,ne.jsxs)(Yr,{align:"CENTER",padding:"XS_NONE",gap:"SM",$isError:!!(C!=null&&C.error),$isPassword:B,children:[(0,ne.jsx)(Jr,v(h({},p),{ref:d,id:$,value:y,onChange:ee,maxLength:N,type:fe(),disabled:E||p.disabled})),B&&(0,ne.jsx)(ro.Button,{size:"SM",onClick:()=>L(!F),icon:F?"EyeOutline":"EyeOff",variant:"TRANSPARENT",type:"button"})]}),(C==null?void 0:C.error)&&(0,ne.jsx)(Qe.Typography,{color:"DANGER",size:"SM",children:C==null?void 0:C.error})]})}),Kr=(0,Pe.default)(Je.Container.Vertical)`
   display: ${({$show:e})=>e?"flex":"none"};
-`,Xt=(0,re.default)(Ne.Typography).attrs({forwardedAs:"label"})``,Kt=(0,re.default)(Te.Container.Horizontal)`
+`,Zr=(0,Pe.default)(Qe.Typography).attrs({forwardedAs:"label"})``,Yr=(0,Pe.default)(Je.Container.Horizontal)`
   padding: ${({$isPassword:e})=>e?"0 0 0 10px":"0 10px"};
   background-color: ${({$isError:e,theme:t})=>e?t.colors.input.error:t.colors.input.default};
   border: 1px solid ${({$isError:e,theme:t})=>e?t.colors.alert.urgent:t.colors.input.border};
   border-radius: ${({theme:e})=>e.borderRadius.default};
-`,Wt=re.default.input`
+`,Jr=Pe.default.input`
   width: 100%;
   border: none;
   height: 2.5rem;
   outline: none;
   background-color: transparent;
-`;var Nt=require("@unform/core"),yt=require("react"),Pe=h(require("styled-components")),ye=require("@mobilestockweb/container"),Re=require("@mobilestockweb/typography");var G=require("react/jsx-runtime");function Pt(e){let{loading:t}=F(),{error:o,fieldName:r,registerField:i}=(0,Nt.useField)(e.name),l=(0,yt.useRef)(null),n=`radio_${e.name}_${e.label}`;function s(){i({name:r,ref:l,getValue:a=>a.current.value,clearValue:a=>{a.current.checked=!1}})}return(0,G.jsxs)(ye.Container.Vertical,{onClick:s,gap:"XS",padding:"2XS_NONE",children:[(0,G.jsxs)(ye.Container.Horizontal,{align:"START_CENTER",gap:"XS",children:[(0,G.jsx)(Zt,f(d({id:n,ref:l},e),{type:"radio",disabled:t})),(0,G.jsx)(qt,{htmlFor:n,size:"MD",children:e.label})]}),o&&(0,G.jsx)(Re.Typography,{color:"DANGER",size:"SM",children:o})]})}var Zt=Pe.default.input`
+`;var wo=require("@unform/core"),Ho=require("react"),Oo=I(require("styled-components")),De=require("@mobilestockweb/container");var io=require("@unform/core"),X=require("react");var V={getHashFile(e){return`${e.name}-${e.size}`}};var so=require("react/jsx-runtime"),ao=(0,X.createContext)(null);function lo({children:e,accept:t,onChange:o,name:n}){let{fieldName:r,registerField:u,defaultValue:i}=(0,io.useField)(n),[l,a]=(0,X.useState)(null),g=(0,X.useCallback)(s=>{let m=s.map(y=>({file:y,hash:V.getHashFile(y)})),E=(l||[]).map(y=>({file:y,hash:V.getHashFile(y)})),C=[...m,...E],d=Array.from(new Set(C.map(y=>y.hash))).map(y=>C.find(S=>S.hash===y)),F=d.filter(y=>m.some(S=>S.hash===y.hash));if(!F.length)return;let L=d.map(y=>y.file);a(L),o==null||o({value:F.map(y=>y.file),event:"ADD_FILES"})},[l,o]),c=(0,X.useCallback)(s=>{if(!s){a(null);return}let m=s.filter(E=>!!E);g(m)},[g,a]);(0,X.useEffect)(()=>{u({name:r,getValue:()=>l,setValue:(s,m)=>c(m||i),clearValue:()=>a(null)})},[r,u,l,c,i]),(0,X.useEffect)(()=>{a(null)},[t]);function p(s){if(!l)return;let m=l.filter(E=>V.getHashFile(E)!==s);a(m),o==null||o({value:l.find(E=>V.getHashFile(E)===s),event:"REMOVE_FILE"})}function b(){let s=document.createElement("input");s.style.display="none",s.setAttribute("type","file"),s.setAttribute("accept","*/*"),s.setAttribute("id",String(Math.random())),s.setAttribute("multiple","multiple"),document.body.appendChild(s),s.addEventListener("change",()=>{s.files&&g(Array.from(s.files)),document.body.removeChild(s)});let m=new MouseEvent("click");s.dispatchEvent(m)}return(0,so.jsx)(ao.Provider,{value:{handleSelectFile:b,handleSaveFiles:g,handleRemoveFile:p,accept:t,files:l,name:n},children:e})}function K(){let e=(0,X.useContext)(ao);if(!e)throw new Error("useMultipleArchive must be used within a MultipleArchiveProvider");return e}var Me={convertBytesToReadableFormat(e){return e>=1073741824?(e/1073741824).toFixed(2)+" GB":e>=1048576?(e/1048576).toFixed(2)+" MB":e>=1024?(e/1024).toFixed(2)+" KB":e+" B"},parseAcceptString(e){if(!e)return["all"];let t=["|",",",";"," ",`
+`,"	","\r"];return typeof e=="string"?e.split(new RegExp(t.map(o=>`\\${o}`).join("|"))).map(o=>o.trim().replace(".","")).filter(o=>o.length>0):e}};var Co=require("@mobilestockweb/container"),bo=require("@mobilestockweb/spacer");var uo=require("@unform/core"),mo=require("@mobilestockweb/typography");var po=require("react/jsx-runtime");function Ae(){let e=K(),{error:t}=(0,uo.useField)(e.name);return(0,po.jsx)(mo.Typography,{color:"DANGER",size:"XS",children:t})}var co=require("@mobilestockweb/button"),fo=require("react/jsx-runtime");function we(){return(0,fo.jsx)(co.Button,{type:"button",text:"Selecionar arquivo",size:"XS"})}var He=require("@mobilestockweb/typography");var ie=require("react/jsx-runtime");function Oe(){var t,o;let e=K();return(t=e.accept)!=null&&t.includes("all")?(0,ie.jsx)(He.Typography,{size:"XS",children:"Todos os tipos de arquivos s\xE3o suportados"}):(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)(He.Typography,{size:"XS",children:"Arquivos suportados"}),(0,ie.jsxs)(He.Typography,{size:"XS",children:["( ",(o=e.accept)==null?void 0:o.join(", ")," )"]})]})}var go=require("@mobilestockweb/typography"),ho=require("react/jsx-runtime");function ze({children:e}){return(0,ho.jsx)(go.Typography,{size:"LG",weight:"REGULAR",children:e||"Arraste o arquivo para c\xE1"})}var ae=require("react/jsx-runtime");function Eo(){var t;let e=K();return(0,ae.jsxs)(Co.Container.Vertical,{align:"CENTER",children:[(0,ae.jsx)(ze,{}),(0,ae.jsx)(bo.Spacer,{size:"2XS"}),(0,ae.jsx)(we,{}),(0,ae.jsx)(Ae,{}),(t=e.accept)!=null&&t.includes("all")?null:(0,ae.jsx)(Oe,{})]})}var To=I(require("chroma-js")),vo=require("react"),yo=require("styled-components");var Ro=require("react/jsx-runtime");function Fo(e){let t=K(),o=(0,yo.useTheme)(),[n,r]=(0,vo.useState)(!1);function u(i){var g;i.preventDefault(),r(!1);let l=i.dataTransfer;if(!l)return;let a=[];if(l.items&&l.items.length>0)for(let c=0;c<l.items.length;c++){let p=l.items[c];if(p.kind!=="file")continue;let b=p.webkitGetAsEntry();if(b&&b.isDirectory)continue;let s=p.getAsFile();s&&a.push(s)}else if(l.files&&l.files.length>0)for(let c=0;c<l.files.length;c++){let p=l.files.item(c);p&&a.push(p)}a.length!==0&&((g=t.accept)!=null&&g.some(c=>c!=="all")&&(a=a.filter(c=>{var b;let p=c.name.split(".").pop();return(b=t.accept)==null?void 0:b.includes(p==null?void 0:p.toLowerCase())}),!a.length)||t.handleSaveFiles(a))}return(0,Ro.jsx)("div",h({onDragOver:i=>{i.preventDefault(),r(!0)},onDrop:u,onDragLeave:i=>{i.preventDefault(),r(!1)},style:h({},n?{backgroundColor:(0,To.default)(o.colors.formMultipleArchive.droppableArea).alpha(.5).css()}:void 0),onClick:t.handleSelectFile},e))}var Po=require("react"),je=I(require("styled-components")),xo=require("@mobilestockweb/button"),So=require("@mobilestockweb/clickable"),le=require("@mobilestockweb/container"),Io=require("@mobilestockweb/icons"),Ve=require("@mobilestockweb/typography");var M=require("react/jsx-runtime");function Lo(){var n,r,u;let e=K(),[t,o]=(0,Po.useState)(!1);return(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(le.Container.Horizontal,{align:"END",children:!!((n=e.files)!=null&&n.length)&&(0,M.jsx)(So.Clickable,{type:"button","data-testid":"flip-button",onClick:()=>o(!t),children:(0,M.jsxs)(le.Container.Horizontal,{align:"CENTER",children:[(0,M.jsxs)(Ve.Typography,{size:"XS",children:[(r=e.files)==null?void 0:r.length," arquivos"]}),(0,M.jsx)(Qr,{"data-testid":"flip-icon-container","data-flip":t,$flip:t,children:(0,M.jsx)(Io.Icon,{name:"ChevronDown",size:"XS"})})]})})}),(0,M.jsx)(jr,{"data-testid":"multiple-archive-list","data-open":t,$flip:t,children:(u=e.files)==null?void 0:u.map((i,l)=>(0,M.jsxs)(le.Container.Horizontal,{align:"START_CENTER",children:[(0,M.jsxs)(le.Container.Horizontal,{gap:"SM",full:!0,children:[(0,M.jsx)(Ve.Typography,{size:"XS",weight:"MEDIUM",children:i.name.slice(0,20)}),i.size&&(0,M.jsx)(Ve.Typography,{size:"XS",children:Me.convertBytesToReadableFormat(i.size)})]}),(0,M.jsx)(le.Container.Vertical,{children:(0,M.jsx)(xo.Button,{variant:"TRANSPARENT",icon:"Trash",backgroundColor:"CANCEL_DARK",size:"XS","data-testid":`trash-button-${l}`,onClick:()=>e.handleRemoveFile(`${i.name}-${i.size}`)})})]},l))})]})}var Qr=(0,je.default)(le.Container.Horizontal)`
+  transform: ${({$flip:e})=>e?"rotate(180deg)":"rotate(0deg)"};
+  transition: transform 0.3s ease;
+`,jr=(0,je.default)(le.Container.Vertical)`
+  display: ${({$flip:e})=>e?"flex":"none"};
+  max-height: 200px;
+  overflow-y: auto;
+`;var No=require("@mobilestockweb/typography"),Ao=require("react/jsx-runtime");function Mo({children:e}){return(0,Ao.jsx)(No.Typography,{children:e})}var Z=require("react/jsx-runtime");function zo(o){var n=o,{accept:e}=n,t=P(n,["accept"]);let{error:r}=(0,wo.useField)(t.name),u=(0,Ho.useMemo)(()=>Me.parseAcceptString(e),[e]);return(0,Z.jsx)(lo,v(h({},t),{accept:u,children:(0,Z.jsxs)(De.Container.Vertical,{gap:"2XS",children:[(0,Z.jsx)(De.Container.Horizontal,{align:t.alignLabel||"START",children:(0,Z.jsx)(Mo,{children:t.label})}),(0,Z.jsxs)(en,{$error:!!r,padding:"MD",children:[(0,Z.jsx)(Fo,{children:t.children||(0,Z.jsx)(Eo,{})}),(0,Z.jsx)(Lo,{})]})]})}))}var en=(0,Oo.default)(De.Container.Vertical)`
+  border: 1px solid ${({theme:e,$error:t})=>t?e.colors.input.error:e.colors.input.border};
+  border-radius: ${({theme:e})=>e.borderRadius.default};
+  background-color: ${({theme:e,$error:t})=>t?e.colors.input.error:e.colors.input.default};
+  min-width: 400px;
+`;var Vo=Object.assign(zo,{Title:ze,HelpButton:we,HelpText:Oe,ErrorLabel:Ae});var H=require("@dnd-kit/core"),Tr=require("@dnd-kit/modifiers"),ue=require("@dnd-kit/sortable"),Ee=require("react"),vr=require("styled-components"),ke=require("@mobilestockweb/container");var Do=require("@unform/core"),A=require("react"),Bo=require("styled-components"),_o=require("react/jsx-runtime"),$o=(0,A.createContext)(null);function ko({gap:e="2XS",size:t="SM",name:o,children:n,onChange:r,multiple:u,dragAndDrop:i,buttonAddDirection:l}){let a=(0,Bo.useTheme)(),{fieldName:g,registerField:c,defaultValue:p}=(0,Do.useField)(o),[b,s]=(0,A.useState)(null),[m,E]=(0,A.useState)(!1),[C,d]=(0,A.useState)(null),F=(0,A.useMemo)(()=>a.sizeImage[t.toLowerCase()],[a,t]),L=(0,A.useMemo)(()=>a.gaps[e.toLowerCase()],[a,e]),y=(0,A.useCallback)(f=>{s(l==="RIGHT"?T=>[...T||[],...f].reverse():T=>[...T||[],...f])},[s,l]),S=(0,A.useCallback)(f=>{if(!f){s(null);return}y(f)},[y]);(0,A.useEffect)(()=>{c({name:g,getValue:()=>b,setValue:(f,T)=>S(T||p),clearValue:()=>s(null)})},[g,c,b,S,p]);function B(){let f=document.createElement("input");f.style.display="none",f.setAttribute("type","file"),f.setAttribute("accept","image/*"),f.setAttribute("id",String(Math.random())),u&&f.setAttribute("multiple","multiple"),document.body.appendChild(f),f.addEventListener("change",()=>{f.files&&(u?y(Array.from(f.files)):(E(!0),d(Array.from(f.files)[0])),document.body.removeChild(f))});let T=new MouseEvent("click");f.dispatchEvent(T)}function N(f){if(!b)return;let T=b.filter(W=>`${W.name}-${W.size}`!==f);s(T),r==null||r({value:b.find(W=>`${W.name}-${W.size}`===f),event:"REMOVE_IMAGE"})}function $(f){s(f),r==null||r({value:f,event:"REORDER_IMAGES"})}function ee(f){y([f]),E(!1),d(null),r==null||r({value:f,event:"CROP_SAVE"})}function fe(){E(!1),d(null)}return(0,_o.jsx)($o.Provider,{value:{showDeviceImage:B,images:b,removeImage:N,reorderImages:$,openImageCropModal:m,imageToCrop:C,handleImageCropCancel:fe,handleImageCropSave:ee,sizeComponent:F,gapComponent:L,dragAndDrop:i,name:o,gap:e},children:n})}function z(){let e=(0,A.useContext)($o);if(!e)throw new Error("usePhotoList must be used within a PhotoListProvider");return e}var Uo=require("@mobilestockweb/button");var Go=require("react/jsx-runtime");function et(){let e=z();return(0,Go.jsx)(Uo.Button,{type:"button",icon:"Plus",variant:"OUTLINE",onClick:e.showDeviceImage,style:{height:e.sizeComponent,width:e.sizeComponent,minWidth:e.sizeComponent,maxWidth:e.sizeComponent}})}var Xo=require("@unform/core"),Wo=require("@mobilestockweb/typography");var Ko=require("react/jsx-runtime");function qo(){let e=z(),{error:t}=(0,Xo.useField)(e.name);return(0,Ko.jsx)(Wo.Typography,{color:"DANGER",size:"XS",children:t})}var lr=require("@dnd-kit/sortable"),sr=require("@dnd-kit/utilities"),$e=require("react"),ur=require("styled-components"),mr=require("@mobilestockweb/container");var jo=require("@dnd-kit/sortable"),er=I(require("styled-components")),tr=require("@mobilestockweb/container");var Zo=require("@dnd-kit/sortable"),Yo=I(require("styled-components")),Qo=require("react/jsx-runtime");function Jo({id:e}){let{isDragging:t}=(0,Zo.useSortable)({id:e});return(0,Qo.jsx)(tn,{isDragging:t})}var tn=Yo.default.div`
+  height: 5px;
+  width: 90%;
+  background-color: ${({theme:e,isDragging:t})=>t?e.colors.formPhotoList.highlightBar:e.colors.formPhotoList.defaultBar};
+`;var tt=require("react/jsx-runtime");function or({id:e}){let t=z(),{listeners:o,attributes:n}=(0,jo.useSortable)({id:e});return(0,tt.jsx)(on,v(h(h({$sizeComponent:t.sizeComponent,align:"CENTER"},o),n),{children:(0,tt.jsx)(Jo,{id:e})}))}var on=(0,er.default)(tr.Container.Horizontal)`
+  padding: 4px 12px;
+  position: absolute;
+  bottom: 0;
+  width: ${({$sizeComponent:e})=>e};
+  background-color: ${({theme:e})=>e.colors.formPhotoList.controlBar};
+`;var Be=I(require("styled-components")),rr=require("@mobilestockweb/clickable"),nr=require("@mobilestockweb/icons"),ir=I(require("@mobilestockweb/tools"));var ot=require("react/jsx-runtime");function ar({id:e}){let t=z(),o=(0,Be.useTheme)();function n(){t.removeImage(e)}return(0,ot.jsx)(rn,{onClick:n,children:(0,ot.jsx)(nr.Icon,{name:"X",size:"XS",color:ir.default.defineTextColor(o.colors.formPhotoList.trashButton)})})}var rn=(0,Be.default)(rr.Clickable)`
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 1;
+  border-bottom-left-radius: 4px;
+  background-color: ${e=>e.theme.colors.formPhotoList.trashButton};
+`;var Ce=require("react/jsx-runtime");function nn({file:e}){let t=(0,ur.useTheme)(),o=z(),{setNodeRef:n,transform:r,transition:u,isDragging:i}=(0,lr.useSortable)({id:V.getHashFile(e)}),l=(0,$e.useMemo)(()=>URL.createObjectURL(e),[e]);return(0,Ce.jsxs)(mr.Container.Vertical,{ref:n,align:"CENTER",style:v(h({borderColor:t.colors.formPhotoList.controlBar,borderStyle:"solid",borderWidth:1},i&&{borderColor:t.colors.formPhotoList.highlightBar}),{transform:sr.CSS.Transform.toString(r),transition:u,zIndex:i?100:0,userSelect:"none",width:o.sizeComponent,minWidth:o.sizeComponent,maxWidth:o.sizeComponent,height:o.sizeComponent,flexShrink:0,backgroundColor:"white",position:"relative",borderRadius:t.borderRadius.default,overflow:"hidden"}),children:[(0,Ce.jsx)(ar,{id:V.getHashFile(e)}),(0,Ce.jsx)("img",{alt:"image",style:{width:"100%",objectFit:"cover"},src:l}),o.dragAndDrop&&(0,Ce.jsx)(or,{id:V.getHashFile(e)})]})}var pr=(0,$e.memo)(nn);var cr=require("@mobilestockweb/typography"),fr=require("react/jsx-runtime");function dr({children:e}){return(0,fr.jsx)(cr.Typography,{children:e})}var q=require("react"),br=require("react-image-crop"),be=I(require("styled-components")),it=require("@mobilestockweb/button"),ce=require("@mobilestockweb/container");var se=require("react"),rt=I(require("react-modal")),gr=require("styled-components"),hr=require("ua-parser-js");var nt=require("react/jsx-runtime");function Cr(o){var n=o,{children:e}=n,t=P(n,["children"]);let r=(0,gr.useTheme)(),[u,i]=(0,se.useState)(!1),[l,a]=(0,se.useState)(void 0),g=(0,se.useCallback)(()=>(0,hr.UAParser)(window.navigator.userAgent).device.type==="mobile"||window.innerWidth<=768,[]),c=(0,se.useCallback)(()=>{i(g()),a(window.innerHeight)},[g]);return(0,se.useEffect)(()=>(i(g()),a(window.innerHeight),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)}),[g,c]),u?(0,nt.jsx)(rt.default,v(h({ariaHideApp:!1,style:{content:{top:0,left:0,right:0,bottom:0,padding:0,margin:0,borderRadius:0,border:"none",height:l?`${l}px`:"100vh",maxHeight:l?`${l}px`:"100vh",boxSizing:"border-box"}}},t),{children:e})):(0,nt.jsx)(rt.default,v(h({ariaHideApp:!1,style:{overlay:{backgroundColor:r.colors.container.shadow},content:{top:"50%",left:"50%",right:"auto",bottom:"auto",padding:0,margin:0,transform:"translate(-50%, -50%)",borderRadius:8,border:"none",width:"min(900px, 100vw - 32px)",height:"min(700px, 100vh - 32px)",maxWidth:"calc(100vw - 32px)",maxHeight:"calc(100vh - 32px)",boxSizing:"border-box"}}},t),{children:e}))}var D=require("react/jsx-runtime");function Er(){let e=z(),t=(0,q.useRef)(null),o=(0,q.useRef)(null),[n,r]=(0,q.useState)(),[u,i]=(0,q.useState)(),[l,a]=(0,q.useState)(),g=(0,q.useMemo)(()=>e.imageToCrop?URL.createObjectURL(e.imageToCrop):void 0,[e.imageToCrop]);(0,q.useEffect)(()=>{e.imageToCrop||(r(void 0),i(void 0),a(void 0))},[e.imageToCrop,e.openImageCropModal]);function c({displayWidth:s,displayHeight:m,naturalWidth:E,naturalHeight:C}){i({displayWidth:s,displayHeight:m,naturalWidth:E,naturalHeight:C});let d=Math.min(s,m);r({unit:"px",width:d,height:d,x:s>m?(s-d)/2:0,y:m>s?(m-d)/2:0})}function p(){return Se(this,null,function*(){if(!e.imageToCrop||!n||!u)return;let s=u.naturalWidth/u.displayWidth,m=u.naturalHeight/u.displayHeight,E=n.x*s,C=n.y*m,d=n.width*s,F=n.height*m,L=new OffscreenCanvas(d,F),y=L.getContext("2d"),S=new Image;S.src=URL.createObjectURL(e.imageToCrop),yield new Promise($=>{S.onload=()=>$()}),y.drawImage(S,E,C,d,F,0,0,d,F);let B=yield L.convertToBlob({type:"image/png",quality:1}),N="";if(!e.imageToCrop.name)N="image-cropped.png";else{let $=e.imageToCrop.name.split(".");$.pop(),N=$.join(".")+"-cropped.png"}e.handleImageCropSave(new File([B],N,{type:"image/png",lastModified:Date.now()}))})}function b(s){let m=s.currentTarget,E=o.current,C=E.clientWidth,d=E.clientHeight,F=m.naturalWidth,L=m.naturalHeight,y=Math.min(C/F,d/L),S=F*y,B=L*y;a({width:S,height:B}),c({displayWidth:S,displayHeight:B,naturalWidth:F,naturalHeight:L})}return(0,D.jsx)(Cr,{isOpen:e.openImageCropModal,children:(0,D.jsxs)(ce.Container.Vertical,{full:!0,padding:"NONE_XS_XS_XS",style:{height:"100%",maxHeight:"100%",boxSizing:"border-box"},gap:"MD",children:[(0,D.jsx)(ce.Container.Vertical,{full:!0,align:"CENTER",style:{minHeight:0},children:(0,D.jsx)(an,{ref:o,align:"CENTER",children:(0,D.jsx)(ln,{crop:n,width:l==null?void 0:l.width,height:l==null?void 0:l.height,onChange:s=>r(s),children:(0,D.jsx)(sn,{src:g,ref:t,"data-testid":"image-to-crop",onLoad:b})})})}),(0,D.jsxs)(ce.Container.Horizontal,{gap:"MD",children:[(0,D.jsx)(ce.Container.Vertical,{full:!0,children:(0,D.jsx)(it.Button,{onClick:e.handleImageCropCancel,text:"Cancelar",backgroundColor:"CANCEL_DARK"})}),(0,D.jsx)(ce.Container.Vertical,{full:!0,children:(0,D.jsx)(it.Button,{onClick:p,text:"Salvar"})})]})]})})}var an=(0,be.default)(ce.Container.Vertical)`
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  padding-left: 16px;
+  padding-right: 16px;
+`,ln=(0,be.default)(br.ReactCrop)`
+  ${({width:e,height:t})=>e&&t&&be.css`
+      width: ${e}px;
+      height: ${t}px;
+      display: inline-flex;
+    `}
+`,sn=be.default.img``;var w=require("react/jsx-runtime");function yr({numberOfImagesVisible:e,buttonAddDirection:t,label:o,alignLabel:n}){var E,C;let r=z(),u=(0,vr.useTheme)(),i=(0,H.useSensors)((0,H.useSensor)(H.MouseSensor),(0,H.useSensor)(H.TouchSensor),(0,H.useSensor)(H.KeyboardSensor,{coordinateGetter:ue.sortableKeyboardCoordinates})),[l,a]=(0,Ee.useState)(null),g=(0,Ee.useId)();function c(d){var L;return((L=r.images)==null?void 0:L.findIndex(y=>V.getHashFile(y)===d))||0}let p=l?c(l):-1;function b({over:d}){if(a(null),d){let F=c(d.id);if(p!==F){let L=(0,ue.arrayMove)(r.images,p,F);r.reorderImages(L)}}}function s({active:d}){d&&a(d.id)}let m=(0,Ee.useMemo)(()=>e?`calc(${r.sizeComponent} * ${e} + (${r.gapComponent} * ${e}))`:`calc(100% - ${r.sizeComponent} - ${r.gapComponent})`,[e,r.sizeComponent,r.gapComponent]);return(0,w.jsxs)(w.Fragment,{children:[!!o&&(0,w.jsx)(ke.Container.Horizontal,{align:n||"START",children:(0,w.jsx)(dr,{children:o})}),(0,w.jsx)(H.DndContext,{id:g,sensors:i,collisionDetection:H.closestCenter,onDragCancel:()=>a(null),onDragStart:s,onDragEnd:b,modifiers:[Tr.restrictToHorizontalAxis],children:(0,w.jsxs)(ke.Container.Horizontal,{align:"START_CENTER",gap:r.gap,children:[t==="LEFT"&&(0,w.jsx)(et,{}),(0,w.jsx)(ue.SortableContext,{items:((E=r.images)==null?void 0:E.map(d=>V.getHashFile(d)))||[],strategy:ue.horizontalListSortingStrategy,children:(0,w.jsx)(ke.Container.Horizontal,{gap:r.gap,style:{flexBasis:"max-content",overflowX:"scroll",paddingBottom:u.spacing["2xs"],maxWidth:m},children:(C=r.images)==null?void 0:C.map(d=>(0,w.jsx)(pr,{file:d},V.getHashFile(d)))})}),t==="RIGHT"&&(0,w.jsx)(et,{})]})}),(0,w.jsx)(qo,{}),(0,w.jsx)(Er,{})]})}var at=require("react/jsx-runtime");function Fr(u){var i=u,{label:e,alignLabel:t,buttonAddDirection:o="LEFT",numberOfImagesVisible:n=0}=i,r=P(i,["label","alignLabel","buttonAddDirection","numberOfImagesVisible"]);return(0,at.jsx)(ko,v(h({multiple:!0,dragAndDrop:!0,buttonAddDirection:o},r),{children:(0,at.jsx)(yr,{label:e,alignLabel:t,buttonAddDirection:o,numberOfImagesVisible:n})}))}var Rr=require("@unform/core"),Pr=require("react"),st=I(require("styled-components")),lt=require("@mobilestockweb/container"),ut=require("@mobilestockweb/typography");var de=require("react/jsx-runtime");function xr(e){let{loading:t}=k(),{error:o,fieldName:n,registerField:r}=(0,Rr.useField)(e.name),u=(0,Pr.useRef)(null),i=`radio_${e.name}_${e.label}`;function l(){r({name:n,ref:u,getValue:a=>a.current.value,clearValue:a=>{a.current.checked=!1}})}return(0,de.jsxs)(lt.Container.Vertical,{onClick:l,gap:"XS",padding:"2XS_NONE",children:[(0,de.jsxs)(lt.Container.Horizontal,{align:"START_CENTER",gap:"XS",children:[(0,de.jsx)(un,v(h({id:i,ref:u},e),{type:"radio",disabled:t})),(0,de.jsx)(mn,{htmlFor:i,size:"MD",children:e.label})]}),o&&(0,de.jsx)(ut.Typography,{color:"DANGER",size:"SM",children:o})]})}var un=st.default.input`
   width: 1rem;
   height: 1rem;
-`,qt=(0,Pe.default)(Re.Typography).attrs({forwardedAs:"label"})``;var Rt=require("@unform/core"),me=require("react"),St=h(require("react-select")),Se=h(require("styled-components")),xt=require("@mobilestockweb/container"),xe=require("@mobilestockweb/typography");var Z=require("react/jsx-runtime");function ht(e){let{loading:t}=F(),{fieldName:o,defaultValue:r,registerField:i,error:l}=(0,Rt.useField)(e.name),n=(0,me.useRef)(null);return(0,me.useEffect)(()=>{i({name:o,ref:n.current,getValue:s=>{var b,C;let a=(b=s==null?void 0:s.state)==null?void 0:b.selectValue;return a?e!=null&&e.isMulti?a.map(u=>u.value):(C=a[0])==null?void 0:C.value:e!=null&&e.isMulti?[]:""}})},[o,i,e.isMulti]),(0,Z.jsxs)(Jt,{$isWrong:!!l,children:[(e==null?void 0:e.label)&&(0,Z.jsx)(Qt,{htmlFor:o,size:"MD",children:e.label}),(0,Z.jsx)(St.default,f(d({defaultValue:r},e),{className:"react-select",classNamePrefix:"react-select",ref:n,isDisabled:t||e.disabled})),l&&(0,Z.jsx)(xe.Typography,{color:"DANGER",size:"SM",children:l})]})}var Jt=(0,Se.default)(xt.Container.Vertical)`
+`,mn=(0,st.default)(ut.Typography).attrs({forwardedAs:"label"})``;var Sr=require("@unform/core"),_e=require("react"),Ir=I(require("react-select")),mt=I(require("styled-components")),Lr=require("@mobilestockweb/container"),pt=require("@mobilestockweb/typography");var Te=require("react/jsx-runtime");function Nr(e){let{loading:t}=k(),{fieldName:o,defaultValue:n,registerField:r,error:u}=(0,Sr.useField)(e.name),i=(0,_e.useRef)(null);return(0,_e.useEffect)(()=>{r({name:o,ref:i.current,getValue:l=>{var g,c;let a=(g=l==null?void 0:l.state)==null?void 0:g.selectValue;return a?e!=null&&e.isMulti?a.map(p=>p.value):(c=a[0])==null?void 0:c.value:e!=null&&e.isMulti?[]:""}})},[o,r,e.isMulti]),(0,Te.jsxs)(pn,{$isWrong:!!u,children:[(e==null?void 0:e.label)&&(0,Te.jsx)(cn,{htmlFor:o,size:"MD",children:e.label}),(0,Te.jsx)(Ir.default,v(h({defaultValue:n},e),{className:"react-select",classNamePrefix:"react-select",ref:i,isDisabled:t||e.disabled})),u&&(0,Te.jsx)(pt.Typography,{color:"DANGER",size:"SM",children:u})]})}var pn=(0,mt.default)(Lr.Container.Vertical)`
   .react-select {
     background-color: ${({$isWrong:e,theme:t})=>e?t.colors.input.error:t.colors.input.default};
     border: 1px solid ${({$isWrong:e,theme:t})=>e?t.colors.alert.urgent:t.colors.input.border};
@@ -83,4 +125,4 @@
     color: ${({theme:e})=>e.colors.text.contrast};
     background-color: ${({theme:e})=>e.colors.select.focused};
   }
-`,Qt=(0,Se.default)(xe.Typography).attrs({forwardedAs:"label"})``;var Ft=require("@mobilestockweb/container");var Ot=require("react/jsx-runtime");function Vt(o){var r=o,{children:e}=r,t=N(r,["children"]);return(0,Ot.jsx)(Ft.Container.Vertical,f(d({gap:"SM"},t),{children:e}))}var Yt=Object.assign(Le,{Input:Tt,Radio:Pt,Select:ht,Button:He,Counter:pt,Vertical:Vt,Horizontal:gt});0&&(module.exports={Form,useForm});
+`,cn=(0,mt.default)(pt.Typography).attrs({forwardedAs:"label"})``;var Mr=require("@mobilestockweb/container");var wr=require("react/jsx-runtime");function Ar(o){var n=o,{children:e}=n,t=P(n,["children"]);return(0,wr.jsx)(Mr.Container.Vertical,v(h({gap:"SM"},t),{children:e}))}var dn=Object.assign(Tt,{Input:no,Radio:xr,Select:Nr,Button:yt,Counter:Qt,Vertical:Ar,Horizontal:eo,MultipleArchive:Vo,PhotoList:Fr});0&&(module.exports={Form,useForm});

package/package.json

@@ -1,27 +1,36 @@
 {
   "name": "@mobilestockweb/form",
-  "version": "0.2.3",
+  "version": "1.0.1",
   "main": "index.js",
   "dependencies": {
     "notistack": "^3.0.1",
     "@unform/core": "^2.1.6",
     "@unform/web": "^2.1.6",
     "react-select": "5.10.1",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "ua-parser-js": "^2.0.6",
+    "react-image-crop": "^11.0.10",
+    "react-modal": "^3.16.3",
     "@mobilestockweb/button": "^1.0.11",
+    "@mobilestockweb/badge": "^0.0.5",
     "@mobilestockweb/snackbar": "^0.0.16",
     "@mobilestockweb/tools": "^0.0.16",
-    "@mobilestockweb/badge": "^0.0.5",
     "@mobilestockweb/typography": "^0.0.6",
-    "@mobilestockweb/data-table": "^1.0.1",
     "@mobilestockweb/clickable": "^1.0.7",
+    "@mobilestockweb/data-table": "^1.0.2",
     "@mobilestockweb/container": "^0.1.0"
   },
   "devDependencies": {
-    "axios": "^1.7.7"
+    "axios": "^1.7.7",
+    "@types/react-modal": "^3.13.1"
   },
   "peerDependencies": {
     "zod": "^3.24.2",
     "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "react-dom": "18.2.0",
+    "chroma-js": "^3.1.2"
   }
 }