@commercetools/nimbus 3.7.0 → 3.8.0

package/dist/chunks/localized-field-DiMRG9Ti.cjs

@@ -1,2 +0,0 @@
-const e=require("./CollectionBuilder-DbuspGgE.cjs"),t=require("./mergeProps-BgWtdfQT.cjs"),n=require("./useField-D5tl2Y3L.cjs"),r=require("./multiline-text-input-DbBHthEh.cjs"),i=require("./rich-text-input-C3PQwqt6.cjs"),a=require("./error-outline-74BatKMN.cjs"),o=require("./form-field-BSp7w-ZV.cjs"),ee=require("./warning-amber-Rx7OpAPa.cjs"),s=require("./money-input-B6Bz0ZkT.cjs"),c=require("./normalize-messages-D3QZsMK8.cjs"),l=require("./box-B6vF0vdN.cjs"),u=require("./icon-button-Cn5NWWUa.cjs"),d=require("./field-errors-Cgvuc7Ga.cjs"),f=require("./stack-MlK9aGs9.cjs"),p=require("./text-input-CLKWhBLj.cjs"),m=require("./icon-DjrMssEK.cjs"),h=require("./popover-BFrrgvQM.cjs"),g=require("./button-DVRtoZut.cjs");let _=require("react"),v=require("react/jsx-runtime"),y=require("@chakra-ui/react/styled-system");var b=(0,_.forwardRef)((e,t)=>(0,v.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,"aria-hidden":`true`,fill:`currentColor`,ref:t,...e,children:(0,v.jsx)(`path`,{d:`M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2m6.93 6h-2.95a15.7 15.7 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8M12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96M4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A8 8 0 0 1 5.08 16m2.95-8H5.08a8 8 0 0 1 4.33-3.56A15.7 15.7 0 0 0 8.03 8M12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96M14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2m.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56M16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2z`})})),x=(0,_.forwardRef)((e,t)=>(0,v.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,"aria-hidden":`true`,fill:`currentColor`,ref:t,...e,children:(0,v.jsx)(`path`,{d:`M19 14V6c0-1.1-.9-2-2-2H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2m-2 0H3V6h14zm-7-7c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3m13 0v11c0 1.1-.9 2-2 2H4v-2h17V7z`})})),S={en:c.t({hideCurrencies:`Hide all currencies`,hideLanguages:`Hide all languages`,infoBoxTriggerAriaLabel:`more info`,missingRequiredField:`This field is required. Provide at least one value.`,showCurrencies:`Show all currencies`,showLanguages:`Show all languages`}),de:c.t({hideCurrencies:`Alle Währungen ausblenden`,hideLanguages:`Alle Sprachen ausblenden`,infoBoxTriggerAriaLabel:`Weitere Informationen`,missingRequiredField:`Dies ist ein Pflichtfeld. Bitte geben Sie mindestens einen Wert an.`,showCurrencies:`Alle Währungen anzeigen`,showLanguages:`Alle Sprachen anzeigen`}),es:c.t({hideCurrencies:`Ocultar todas las monedas`,hideLanguages:`Ocultar todas las monedas`,infoBoxTriggerAriaLabel:`más información`,missingRequiredField:`Este valor es necesario. Proporciona al menos un valor.`,showCurrencies:`Mostrar todas las monedas`,showLanguages:`Mostrar todos los idiomas`}),"fr-FR":c.t({hideCurrencies:`Masquer toutes les devises`,hideLanguages:`Masquer toutes les langues`,infoBoxTriggerAriaLabel:`Plus d'informations`,missingRequiredField:`Ce champ est requis. Indiquez au moins une valeur.`,showCurrencies:`Afficher toutes les devises`,showLanguages:`Afficher toutes les langues`}),"pt-BR":c.t({hideCurrencies:`Ocultar todas as ocorrências`,hideLanguages:`Ocultar todos os idiomas`,infoBoxTriggerAriaLabel:`mais informações`,missingRequiredField:`Este campo é obrigatório. Forneça pelo menos um valor.`,showCurrencies:`Mostrar todas as ocorrências`,showLanguages:`Mostrar todos os idiomas`})},{withProvider:C,withContext:w}=(0,y.createSlotRecipeContext)({key:`nimbusLocalizedField`}),T=C(`fieldset`,`root`),E=w(`legend`,`label`),D=w(`div`,`infoDialog`),te=w(`div`,`fieldsContainer`),ne=w(`div`,`description`),re=w(`div`,`error`),ie=w(`div`,`toggleButtonContainer`),O=w(`div`,`localeFieldRoot`),k=w(`div`,`localeFieldLabel`),A=w(`div`,`localeFieldInput`),j=()=>{let e=c.n(S);return(0,v.jsx)(o.t.Error,{children:e.format(`missingRequiredField`)})};j.displayName=`LocalizedField.RequiredValueErrorMessage`;var M=(e,t)=>e&&t?`${e}.${t}`:void 0,N=e=>e.split(`-`)[0],P=(e,t)=>{let n=N(e),r=t.filter(e=>N(e)===n);return{unrelated:t.filter(e=>N(e)!==n),related:r}},ae=(e,t)=>{let{related:n,unrelated:r}=P(e,t.filter(t=>t!==e));return[e,...n.sort(),...r.sort()]},oe=(e,t)=>[e,...t.filter(t=>t!==e).sort()],se=(e,t)=>e&&Object.keys(e).length>0&&t?Object.keys(e).some(e=>e!==t):!1,F=(e,t)=>Array.from(new Set([...e,...Object.keys(t)])).reduce((e,n)=>({...e,[n]:t?.[n]||``}),{}),ce=e=>!e||Object.values(e).every(e=>!e||e?.trim().length===0),I=e=>(typeof e!=`object`&&console.warn(`Nimbus Localized Field - Warning: omitEmptyTranslations must be called with an object`),Object.entries(e).reduce((e,[t,n])=>n&&n.trim().length>0?{...e,[t]:n}:e,{})),L=e=>e?Object.values(e).some(Boolean):!1;function le(e){return e}var R=(e,t)=>Object.values(e).map(e=>s.t.convertToMoneyValue(e,t)),z=(e=[],t)=>e.reduce((e,n)=>{let r=s.t.parseMoneyValue(n,t);return{...e,[r.currencyCode]:r}},{}),B=(e,t)=>Object.keys(e).filter(n=>s.t.isHighPrecision(e[n],t)),V=e=>Object.keys(e).filter(t=>s.t.isEmpty(e[t])),ue=({type:e,size:t,localeOrCurrency:n,id:a,name:c,inputValue:l,description:u,warning:d,error:f,onChange:h,onBlur:g,onFocus:y,isRequired:b,isReadOnly:x,isDisabled:S,isInvalid:C,touched:w,...T})=>{let E;switch(e){case`text`:default:E=p.t;break;case`multiLine`:E=r.t;break;case`money`:E=s.t;break;case`richText`:E=i.t}let D=e===`money`?l||{amount:``,currencyCode:n}:l||``,te=(0,_.useCallback)(e=>{h({target:typeof e==`object`?{id:e.target.id,name:e.target.name,locale:void 0,currency:n,value:e.target.value}:{id:a,name:c,locale:n,currency:void 0,value:e}})},[a,c,n,h]);return(0,v.jsx)(O,{asChild:!0,children:(0,v.jsxs)(o.t.Root,{isDisabled:S,isReadOnly:x,isInvalid:(C||!!f)&&w,direction:`row`,size:t,id:a,children:[(0,v.jsx)(k,{display:e===`money`?`none`:void 0,...S&&{"data-disabled":S},asChild:!0,children:(0,v.jsx)(o.t.Label,{children:n.toLocaleUpperCase()})}),(0,v.jsx)(o.t.Input,{children:(0,v.jsx)(A,{"aria-required":b,asChild:!0,children:(0,v.jsx)(E,{...T,size:t,value:D,onChange:te,onBlur:e=>g?.(e,n),onFocus:e=>y?.(e,n),isRequired:b,isDisabled:S,isReadOnly:x,isInvalid:(C||!!f)&&w})})}),(u||d&&w)&&(0,v.jsx)(o.t.Description,{role:d&&w?`status`:void 0,color:d&&w?`warning.11`:void 0,display:`flex`,gap:`100`,alignItems:`center`,children:d&&w?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(m.t,{colorPalette:`warning`,children:(0,v.jsx)(ee.t,{})}),d]}):u}),f&&w&&(0,v.jsx)(o.t.Error,{children:f})]})})},H=Object.assign(({type:r=`text`,id:i,name:s,defaultLocaleOrCurrency:p,valuesByLocaleOrCurrency:y,placeholdersByLocaleOrCurrency:C,descriptionsByLocaleOrCurrency:w,warningsByLocaleOrCurrency:O,errorsByLocaleOrCurrency:k,label:A,hint:j,description:N,warning:P,warnings:F,renderWarning:ce,error:I,errors:L,renderError:le,touched:R,isRequired:z,isDisabled:B,isReadOnly:V,onChange:H,onBlur:de,onFocus:fe,defaultExpanded:pe=!1,displayAllLocalesOrCurrencies:U=!1,size:me,autoFocus:W,"data-track-component":he,"data-testid":ge,"data-test":_e,...ve})=>{let[G,ye]=(0,_.useState)(U||pe),K=c.n(S),q=t.i(),be=t.i(),J=!!(I||L&&Object.values(L).some(e=>e===!0)),Y=!!(P||F&&Object.values(F).some(Boolean)),X=!!(J&&R),{labelProps:xe,fieldProps:Se,descriptionProps:Z,errorMessageProps:Q}=n.t({id:i,label:A,description:N,errorMessage:I,isInvalid:X}),$=Object.keys(y),Ce=(0,_.useMemo)(()=>(r===`money`?oe(p,$):ae(p,$)).reduce((e,t)=>{let n={localeOrCurrency:t,inputValue:y[t],placeholder:C?.[t],description:w?.[t],warning:O?.[t],error:k?.[t],...t===p&&W?{autoFocus:W}:{},isInvalid:X,isRequired:z,isDisabled:B,isReadOnly:V};return G||!G&&t===p?[...e,n]:e},[]),[y,C,w,O,k,p,G,X,z,B,V,W,$,r]),we=(se(k,p)||J)&&R;return we&&!G&&ye(!0),(0,v.jsxs)(T,{...ve,...Se,"aria-details":j?be:void 0,type:r,size:me,name:s,children:[A&&(0,v.jsxs)(f.t,{direction:`row`,gap:`0`,children:[(0,v.jsxs)(E,{...xe,children:[A,z&&(0,v.jsx)(`sup`,{"aria-hidden":`true`,children:`*`})]}),j&&(0,v.jsxs)(h.t.Root,{children:[(0,v.jsx)(h.t.Trigger,{asChild:!0,children:(0,v.jsx)(u.t,{id:be,"aria-label":K.format(`infoBoxTriggerAriaLabel`),size:`2xs`,colorPalette:`info`,variant:`link`,children:(0,v.jsx)(o.n,{})})}),(0,v.jsx)(h.t.Content,{padding:`0`,"aria-label":K.format(`infoBoxTriggerAriaLabel`),children:(0,v.jsx)(D,{children:(0,v.jsx)(l.t,{p:`300`,children:j})})})]})]}),(0,v.jsx)(te,{id:q,"data-expanded":G,children:(0,v.jsx)(e.i,{items:Ce,children:e=>(0,v.jsx)(ue,{...e,size:me,type:r,onChange:H,onBlur:de,onFocus:fe,touched:R,id:M(Se.id,e.localeOrCurrency),name:M(s,e.localeOrCurrency),"data-test":M(_e,e.localeOrCurrency),"data-testid":M(ge,e.localeOrCurrency),"data-track-component":M(he,e.localeOrCurrency)})})}),!U&&$.length>1&&(0,v.jsx)(ie,{children:(0,v.jsxs)(g.t,{"aria-controls":q,"aria-describedby":xe.id,"aria-expanded":G,onPress:()=>ye(!G),isDisabled:B||we&&G,variant:`ghost`,size:`2xs`,colorPalette:`primary`,children:[(0,v.jsx)(l.t,{as:r===`money`?x:b,display:`inline-flex`,boxSize:`400`,verticalAlign:`text-bottom`,mr:`100`}),r===`money`?G?K.format(`hideCurrencies`):K.format(`showCurrencies`):G?K.format(`hideLanguages`):K.format(`showLanguages`)]})}),(N||Y&&R)&&(0,v.jsx)(ne,{role:Y&&R?`status`:void 0,color:Y&&R?`warning.11`:void 0,"aria-labelledby":`${Z.id}-warning`,...Z,children:Y&&R?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(m.t,{colorPalette:`warning`,children:(0,v.jsx)(ee.t,{})}),(0,v.jsxs)(f.t,{gap:`0`,id:`${Z.id}-warning`,children:[P,F&&Y&&(0,v.jsx)(d.t,{errors:F,renderError:ce,colorPalette:`warning`,role:void 0})]})]}):N}),X&&(0,v.jsxs)(re,{"aria-labelledby":`${Q.id}-error`,role:`alert`,...Q,children:[(0,v.jsx)(m.t,{children:(0,v.jsx)(a.t,{})}),(0,v.jsxs)(f.t,{gap:`0`,id:`${Q.id}-error`,children:[I,L&&J&&(0,v.jsx)(d.t,{errors:L,renderError:le,role:void 0})]})]})]})},{getId:M,getName:M,isTouched:L,isEmpty:ce,createLocalizedString:F,omitEmptyTranslations:I,RequiredValueErrorMessage:j,toFieldErrors:le,convertToMoneyValues:R,parseMoneyValues:z,getHighPrecisionCurrencies:B,getEmptyCurrencies:V});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return H}});
-//# sourceMappingURL=localized-field-DiMRG9Ti.cjs.map

package/dist/chunks/localized-field-DiMRG9Ti.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"localized-field-DiMRG9Ti.cjs.js","names":["_jsx","ForwardRef","forwardRef","_jsx","forwardRef","normalizeMessages","localizedFieldMessages_en","localizedFieldMessages_de","localizedFieldMessages_es","localizedFieldMessages_fr","localizedFieldMessages_pt","createSlotRecipeContext","useLocalizedStringFormatter","FormField","MoneyInput","TextInput","MultilineTextInput","MoneyInput","RichTextInput","useCallback","FormField","_Fragment","Icon","WarningAmber","LocalizedField","useState","useLocalizedStringFormatter","useId","useField","useMemo","Stack","Popover","IconButton","HelpOutline","Box","RaCollection","Button","Payments","Language","_Fragment","Icon","WarningAmber","FieldErrors","ErrorOutline","LocalizedFieldRoot","require_CollectionBuilder","require_mergeProps","require_useField","require_multiline_text_input","require_rich_text_input","require_error_outline","require_form_field","require_warning_amber","require_money_input","require_normalize_messages","require_box","require_icon_button","require_field_errors","require_stack","require_text_input","require_icon","require_popover","require_button","react","react_jsx_runtime","_chakra_ui_react_styled_system","ForwardRef$1","props","ForwardRef","localizedFieldMessagesStrings","LocalizedFieldRootSlot","withProvider","LocalizedFieldLabelSlot","withContext","LocalizedFieldInfoDialogSlot","LocalizedFieldFieldsContainerSlot","LocalizedFieldDescriptionSlot","LocalizedFieldErrorSlot","LocalizedFieldToggleButtonContainerSlot","LocalizedFieldLocaleFieldRootSlot","LocalizedFieldLocaleFieldLabelSlot","LocalizedFieldLocaleFieldInputSlot","RequiredValueErrorMessage","msg","getLocaleFieldAttribute","fieldGroupAttr","locale","getLanguageForLocale","splitLanguages","defaultLanguage","defaultLocale","related","locales","sortLocalesByDefaultLocaleLanguage","allLocales","unrelated","sortCurrencies","defaultCurrency","allCurrencies","currency","getHasInvalidLocalizedFields","errors","defaultLocaleOrCurrency","localeOrCurrency","createLocalizedString","existingLocalizedString","localizedString","isEmpty","value","omitEmptyTranslations","localizedStringWithoutEmptyTranslations","isTouched","touched","toFieldErrors","convertToMoneyValues","values","parseMoneyValues","moneyValues","moneyValue","allValues","getHighPrecisionCurrencies","currencyCode","getEmptyCurrencies","LocalizedFieldLocaleField","inputValueFromProps","otherProps","InputComponent","type","inputValue","handleChange","onChange","id","name","isInvalid","error","isDisabled","isRequired","onBlur","onFocus","description","warning","LocalizedField","dataTrackComponent","dataTestId","dataTest","rest","expanded","setExpanded","displayAllLocalesOrCurrencies","defaultExpanded","localeFieldsContainerId","moreDetailsButtonId","hasError","hasWarning","warnings","localizationKeys","valuesByLocaleOrCurrency","allDataForFields","allDataForLocale","localizationKey","placeholdersByLocaleOrCurrency","descriptionsByLocaleOrCurrency","warningsByLocaleOrCurrency","errorsByLocaleOrCurrency","autoFocus","allFieldData","isReadOnly","shouldExpandInvalidFields","fieldProps","hint","label","labelProps","item","descriptionProps","renderWarning","errorMessageProps"],"sources":["../../../nimbus-icons/dist/esm/material-icons/language.js","../../../nimbus-icons/dist/esm/material-icons/payments.js","../../src/components/localized-field/intl/en.ts","../../src/components/localized-field/intl/de.ts","../../src/components/localized-field/intl/es.ts","../../src/components/localized-field/intl/fr-FR.ts","../../src/components/localized-field/intl/pt-BR.ts","../../src/components/localized-field/localized-field.messages.ts","../../src/components/localized-field/localized-field.slots.tsx","../../src/components/localized-field/utils/localized-field.utils.tsx","../../src/components/localized-field/components/localized-field.locale-field.tsx","../../src/components/localized-field/components/localized-field.root.tsx","../../src/components/localized-field/localized-field.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nconst SvgLanguage = (props, ref) => (_jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\", fill: \"currentColor\", ref: ref, ...props, children: _jsx(\"path\", { d: \"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2m6.93 6h-2.95a15.7 15.7 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8M12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96M4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A8 8 0 0 1 5.08 16m2.95-8H5.08a8 8 0 0 1 4.33-3.56A15.7 15.7 0 0 0 8.03 8M12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96M14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2m.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56M16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2z\" }) }));\nconst ForwardRef = forwardRef(SvgLanguage);\nexport default ForwardRef;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nconst SvgPayments = (props, ref) => (_jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\", fill: \"currentColor\", ref: ref, ...props, children: _jsx(\"path\", { d: \"M19 14V6c0-1.1-.9-2-2-2H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2m-2 0H3V6h14zm-7-7c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3m13 0v11c0 1.1-.9 2-2 2H4v-2h17V7z\" }) }));\nconst ForwardRef = forwardRef(SvgPayments);\nexport default ForwardRef;\n","/**\n * Pre-compiled en messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hideCurrencies: `Hide all currencies`,\n  hideLanguages: `Hide all languages`,\n  infoBoxTriggerAriaLabel: `more info`,\n  missingRequiredField: `This field is required. Provide at least one value.`,\n  showCurrencies: `Show all currencies`,\n  showLanguages: `Show all languages`,\n};\n","/**\n * Pre-compiled de messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hideCurrencies: `Alle Währungen ausblenden`,\n  hideLanguages: `Alle Sprachen ausblenden`,\n  infoBoxTriggerAriaLabel: `Weitere Informationen`,\n  missingRequiredField: `Dies ist ein Pflichtfeld. Bitte geben Sie mindestens einen Wert an.`,\n  showCurrencies: `Alle Währungen anzeigen`,\n  showLanguages: `Alle Sprachen anzeigen`,\n};\n","/**\n * Pre-compiled es messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hideCurrencies: `Ocultar todas las monedas`,\n  hideLanguages: `Ocultar todas las monedas`,\n  infoBoxTriggerAriaLabel: `más información`,\n  missingRequiredField: `Este valor es necesario. Proporciona al menos un valor.`,\n  showCurrencies: `Mostrar todas las monedas`,\n  showLanguages: `Mostrar todos los idiomas`,\n};\n","/**\n * Pre-compiled fr-FR messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hideCurrencies: `Masquer toutes les devises`,\n  hideLanguages: `Masquer toutes les langues`,\n  infoBoxTriggerAriaLabel: `Plus d'informations`,\n  missingRequiredField: `Ce champ est requis. Indiquez au moins une valeur.`,\n  showCurrencies: `Afficher toutes les devises`,\n  showLanguages: `Afficher toutes les langues`,\n};\n","/**\n * Pre-compiled pt-BR messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hideCurrencies: `Ocultar todas as ocorrências`,\n  hideLanguages: `Ocultar todos os idiomas`,\n  infoBoxTriggerAriaLabel: `mais informações`,\n  missingRequiredField: `Este campo é obrigatório. Forneça pelo menos um valor.`,\n  showCurrencies: `Mostrar todas as ocorrências`,\n  showLanguages: `Mostrar todos os idiomas`,\n};\n","/**\n * Pre-compiled localized messages for LocalizedField component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport localizedFieldMessages_en from \"./intl/en\";\nimport localizedFieldMessages_de from \"./intl/de\";\nimport localizedFieldMessages_es from \"./intl/es\";\nimport localizedFieldMessages_fr from \"./intl/fr-FR\";\nimport localizedFieldMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const localizedFieldMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(localizedFieldMessages_en),\n  de: normalizeMessages(localizedFieldMessages_de),\n  es: normalizeMessages(localizedFieldMessages_es),\n  \"fr-FR\": normalizeMessages(localizedFieldMessages_fr),\n  \"pt-BR\": normalizeMessages(localizedFieldMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for LocalizedField component\n */\nexport type LocalizedFieldMessageKey =\n  | \"hideCurrencies\"\n  | \"hideLanguages\"\n  | \"infoBoxTriggerAriaLabel\"\n  | \"missingRequiredField\"\n  | \"showCurrencies\"\n  | \"showLanguages\";\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  LocalizedFieldRootSlotProps,\n  LocalizedFieldLabelSlotProps,\n  LocalizedFieldInfoDialogSlotProps,\n  LocalizedFieldFieldsContainerSlotProps,\n  LocalizedFieldDescriptionSlotProps,\n  LocalizedFieldErrorSlotProps,\n  LocalizedFieldToggleButtonContainerSlotProps,\n  LocalizedFieldLocaleFieldRootSlotProps,\n  LocalizedFieldLocaleFieldLabelSlotProps,\n  LocalizedFieldLocaleFieldInputSlotProps,\n} from \"./localized-field.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusLocalizedField\",\n});\n\n// Root Slot\nexport const LocalizedFieldRootSlot = withProvider<\n  HTMLFieldSetElement,\n  LocalizedFieldRootSlotProps\n>(\"fieldset\", \"root\");\n\n// Label Slot\nexport const LocalizedFieldLabelSlot = withContext<\n  HTMLLabelElement,\n  LocalizedFieldLabelSlotProps\n>(\"legend\", \"label\");\n\n// InfoDialog Slot\nexport const LocalizedFieldInfoDialogSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldInfoDialogSlotProps\n>(\"div\", \"infoDialog\");\n\n// FieldsContainer Slot\nexport const LocalizedFieldFieldsContainerSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldFieldsContainerSlotProps\n>(\"div\", \"fieldsContainer\");\n\n// Description Slot\nexport const LocalizedFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport const LocalizedFieldErrorSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// ToggleButtonContainer Slot\nexport const LocalizedFieldToggleButtonContainerSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldToggleButtonContainerSlotProps\n>(\"div\", \"toggleButtonContainer\");\n\n// LocaleFieldRoot Slot\nexport const LocalizedFieldLocaleFieldRootSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldLocaleFieldRootSlotProps\n>(\"div\", \"localeFieldRoot\");\n\n// FieldLabel Slot\nexport const LocalizedFieldLocaleFieldLabelSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldLocaleFieldLabelSlotProps\n>(\"div\", \"localeFieldLabel\");\n\n// FieldInput Slot\nexport const LocalizedFieldLocaleFieldInputSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldLocaleFieldInputSlotProps\n>(\"div\", \"localeFieldInput\");\n","import {\n  FormField,\n  type CurrencyCode,\n  type MoneyInputValue,\n  type MoneyValue,\n  type FieldErrorsData,\n  MoneyInput,\n} from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { localizedFieldMessagesStrings } from \"../localized-field.messages\";\nimport type { LocalizedString } from \"../localized-field.types\";\n\ntype LanguagesSplitByDefaultLocale = {\n  related: string[];\n  unrelated: string[];\n};\n\ntype TouchedLocalizedString = { [locale: string]: boolean };\n\ntype CustomFormikErrors<Values> = {\n  [K in keyof Values]?: FieldErrorsData;\n};\n\n// Typed as `React.FC` (rather than a bare `() => {...}`) so\n// `react-docgen-typescript` recognizes it as a documentable component: its\n// default heuristic only picks up an exported function that has a declared\n// props type, and this component intentionally takes none. Matches the same\n// pattern used for `DataTable.Manager`.\nexport const RequiredValueErrorMessage: React.FC = () => {\n  const msg = useLocalizedStringFormatter(localizedFieldMessagesStrings);\n  return (\n    <FormField.Error>{msg.format(\"missingRequiredField\")}</FormField.Error>\n  );\n};\nRequiredValueErrorMessage.displayName =\n  \"LocalizedField.RequiredValueErrorMessage\";\n\nexport const getLocaleFieldAttribute = (\n  fieldGroupAttr?: string,\n  locale?: string\n): string | undefined =>\n  fieldGroupAttr && locale ? `${fieldGroupAttr}.${locale}` : undefined;\n\n// gets the language tag of a given locale, e.g. `de` in `de-DE`\nexport const getLanguageForLocale = (locale: string): string =>\n  locale.split(\"-\")[0];\n\n// splits the locales into two groups:\n//  - the 'related' array contains locales with the same language tag as the default locale,\n//    e.g. if the default locale is de-DE, related would be ['de-DE', 'de-CH']\n//  - the 'unrelated' array contains locales with a different different language tag from the default locale\n//.   e.g. if the default locale is de-DE, unrelated would be ['pt-BR', 'en-GB', 'zh-Hans']\nexport const splitLanguages = (\n  defaultLocale: string,\n  locales: string[]\n): LanguagesSplitByDefaultLocale => {\n  const defaultLanguage = getLanguageForLocale(defaultLocale);\n  const related = locales.filter(\n    (locale) => getLanguageForLocale(locale) === defaultLanguage\n  );\n  const unrelated = locales.filter(\n    (locale) => getLanguageForLocale(locale) !== defaultLanguage\n  );\n  return {\n    unrelated,\n    related,\n  };\n};\n\n// sorts locales with the following priority:\n// - The selected locale is placed first (e.g pt-BR)\n// - All locales using the same language tag as the selected language\n//   follow (e.g. pt, pt-PT). They are sorted alphabetically.\n// - All other locales follow, sorted alphabetically as well\nexport const sortLocalesByDefaultLocaleLanguage = (\n  defaultLocale: string,\n  allLocales: string[]\n): string[] => {\n  const { related, unrelated } = splitLanguages(\n    defaultLocale,\n    allLocales.filter((locale: string) => locale !== defaultLocale)\n  );\n\n  return [defaultLocale, ...related.sort(), ...unrelated.sort()];\n};\n\nexport const sortCurrencies = (\n  defaultCurrency: CurrencyCode,\n  allCurrencies: CurrencyCode[]\n) => {\n  const remainingCurrencies = allCurrencies.filter(\n    (currency) => currency !== defaultCurrency\n  );\n  return [defaultCurrency, ...remainingCurrencies.sort()];\n};\n\nexport const getHasInvalidLocalizedFields = <TErrors extends object>(\n  errors?: TErrors,\n  defaultLocaleOrCurrency?: string\n): boolean => {\n  if (errors && Object.keys(errors).length > 0 && defaultLocaleOrCurrency) {\n    return Object.keys(errors).some(\n      (localeOrCurrency) => localeOrCurrency !== defaultLocaleOrCurrency\n    );\n  }\n  return false;\n};\n\nexport const createLocalizedString = (\n  locales: string[],\n  existingLocalizedString: LocalizedString\n): LocalizedString => {\n  const localesInLocalizedString = Array.from(\n    new Set([...locales, ...Object.keys(existingLocalizedString)])\n  );\n\n  return localesInLocalizedString.reduce<LocalizedString>(\n    (localizedString, locale) => ({\n      ...localizedString,\n      [locale]: existingLocalizedString?.[locale] || \"\",\n    }),\n    {}\n  );\n};\n\n// Note: I prefer `isLocalizedStringEmpty`, but keeping this as `isEmpty` for api consistency with UI Kit\nexport const isEmpty = (localizedString?: LocalizedString): boolean => {\n  if (!localizedString) return true;\n  return Object.values(localizedString).every(\n    (value?: string) => !value || value?.trim().length === 0\n  );\n};\n\nexport const omitEmptyTranslations = <Translations extends LocalizedString>(\n  localizedString: Translations\n): LocalizedString => {\n  // TODO: is it necessary to create a util that enforces a consistent warning/error format, e.g.\n  // `<COMPONENT_NAME> - Warning: <WARNING_MESSAGE>`\n  if (typeof localizedString !== \"object\") {\n    console.warn(\n      \"Nimbus Localized Field - Warning: omitEmptyTranslations must be called with an object\"\n    );\n  }\n\n  return Object.entries(localizedString).reduce<LocalizedString>(\n    (localizedStringWithoutEmptyTranslations, [locale, value]) => {\n      if (value && value.trim().length > 0) {\n        return {\n          ...localizedStringWithoutEmptyTranslations,\n          [locale]: value,\n        };\n      }\n      return localizedStringWithoutEmptyTranslations;\n    },\n    {}\n  );\n};\n\nexport const isTouched = (touched?: TouchedLocalizedString): boolean => {\n  if (touched) {\n    return Object.values(touched).some(Boolean);\n  }\n  return false;\n};\n\n/**\n * Use this function to convert the Formik `errors` object type to\n * our custom field errors type.\n * This is primarly useful when using TypeScript.\n */\nexport function toFieldErrors<FormValues>(\n  errors: unknown\n): CustomFormikErrors<FormValues> {\n  return errors as CustomFormikErrors<FormValues>;\n}\n\nexport const convertToMoneyValues = (\n  values: MoneyInputValue[],\n  currency: string\n): Array<MoneyValue | null> =>\n  Object.values(values).map<MoneyValue | null>((value) => {\n    return MoneyInput.convertToMoneyValue(value, currency);\n  });\n\nexport const parseMoneyValues = (\n  moneyValues: MoneyValue[] = [],\n  locale: string\n): Record<CurrencyCode, MoneyInputValue> =>\n  moneyValues.reduce<Record<CurrencyCode, MoneyInputValue>>(\n    (allValues, moneyValue) => {\n      const value = MoneyInput.parseMoneyValue(moneyValue, locale);\n      return {\n        ...allValues,\n        [value.currencyCode]: value,\n      };\n    },\n    {} as Record<CurrencyCode, MoneyInputValue>\n  );\n\nexport const getHighPrecisionCurrencies = (\n  values: Record<CurrencyCode, MoneyInputValue>,\n  locale: string\n): CurrencyCode[] => {\n  const typedCurrencyCodes = Object.keys(values) as CurrencyCode[];\n  return typedCurrencyCodes.filter((currencyCode) =>\n    MoneyInput.isHighPrecision(values[currencyCode], locale)\n  );\n};\n\nexport const getEmptyCurrencies = (\n  values: Record<CurrencyCode, MoneyInputValue>\n): CurrencyCode[] => {\n  const typedCurrencyCodes = Object.keys(values) as CurrencyCode[];\n  return typedCurrencyCodes.filter((currencyCode) =>\n    MoneyInput.isEmpty(values[currencyCode])\n  );\n};\n","import { useCallback } from \"react\";\nimport {\n  FormField,\n  Icon,\n  TextInput,\n  MoneyInput,\n  type CustomEvent,\n  MultilineTextInput,\n  RichTextInput,\n  type MoneyInputValue,\n  type CurrencyCode,\n} from \"@/components\";\nimport { WarningAmber } from \"@commercetools/nimbus-icons\";\nimport {\n  LocalizedFieldLocaleFieldRootSlot,\n  LocalizedFieldLocaleFieldInputSlot,\n  LocalizedFieldLocaleFieldLabelSlot,\n} from \"../localized-field.slots\";\nimport type { LocalizedFieldLocaleFieldProps } from \"../localized-field.types\";\n\n/**\n * LocalizedFieldLocaleField - Individual locale or currency input field\n *\n * Renders a single input field for a specific locale or currency with integrated\n * label, description, warning, and error message display. Supports text, multiline,\n * richText, and money input types.\n *\n * @supportsStyleProps\n */\nexport const LocalizedFieldLocaleField = ({\n  type,\n  size,\n  localeOrCurrency,\n  id,\n  name,\n  inputValue: inputValueFromProps,\n  description,\n  warning,\n  error,\n  onChange,\n  onBlur,\n  onFocus,\n  isRequired,\n  isReadOnly,\n  isDisabled,\n  isInvalid,\n  touched,\n  ...otherProps\n}: LocalizedFieldLocaleFieldProps) => {\n  let InputComponent:\n    | typeof TextInput\n    | typeof MultilineTextInput\n    | typeof MoneyInput\n    | typeof RichTextInput;\n  switch (type) {\n    case \"text\":\n    default:\n      InputComponent = TextInput;\n      break;\n    case \"multiLine\":\n      InputComponent = MultilineTextInput;\n      break;\n    case \"money\":\n      InputComponent = MoneyInput;\n      break;\n    case \"richText\":\n      InputComponent = RichTextInput;\n      break;\n  }\n\n  const getInputValue = () => {\n    if (type === \"money\") {\n      return inputValueFromProps\n        ? (inputValueFromProps as MoneyInputValue)\n        : ({ amount: \"\", currencyCode: localeOrCurrency } as MoneyInputValue);\n    }\n    return inputValueFromProps ? inputValueFromProps : \"\";\n  };\n\n  const inputValue = getInputValue();\n\n  const handleChange = useCallback(\n    (value: string | CustomEvent | undefined) => {\n      // The `MoneyInput` onChange event value is a custom value,\n      // and the `MoneyInput` modifies the input id and name since it is in a `group`,\n      // so we need to build a separate return object for the MoneInput to return\n      // the expected values\n      const isMoneyInputEvent = typeof value === \"object\";\n      const changeValue = {\n        target: isMoneyInputEvent\n          ? {\n              id: value.target.id,\n              name: value.target.name,\n              locale: undefined,\n              currency: localeOrCurrency as CurrencyCode,\n              value: value.target.value,\n            }\n          : { id, name, locale: localeOrCurrency, currency: undefined, value },\n      };\n      onChange(changeValue);\n    },\n    [id, name, localeOrCurrency, onChange]\n  );\n\n  return (\n    <LocalizedFieldLocaleFieldRootSlot asChild>\n      <FormField.Root\n        isDisabled={isDisabled}\n        isReadOnly={isReadOnly}\n        isInvalid={(isInvalid || !!error) && touched}\n        direction=\"row\"\n        size={size}\n        id={id}\n      >\n        <LocalizedFieldLocaleFieldLabelSlot\n          display={type === \"money\" ? \"none\" : undefined}\n          {...(isDisabled && { \"data-disabled\": isDisabled })}\n          asChild\n        >\n          <FormField.Label>\n            {localeOrCurrency.toLocaleUpperCase()}\n          </FormField.Label>\n        </LocalizedFieldLocaleFieldLabelSlot>\n        <FormField.Input>\n          <LocalizedFieldLocaleFieldInputSlot\n            aria-required={isRequired}\n            asChild\n          >\n            <InputComponent\n              {...otherProps}\n              size={size}\n              value={inputValue as string & MoneyInputValue}\n              onChange={handleChange}\n              onBlur={(e: React.FocusEvent | CustomEvent) =>\n                onBlur?.(e, localeOrCurrency)\n              }\n              onFocus={(e: React.FocusEvent | CustomEvent) =>\n                onFocus?.(e, localeOrCurrency)\n              }\n              isRequired={isRequired}\n              isDisabled={isDisabled}\n              isReadOnly={isReadOnly}\n              isInvalid={(isInvalid || !!error) && touched}\n            />\n          </LocalizedFieldLocaleFieldInputSlot>\n        </FormField.Input>\n        {(description || (warning && touched)) && (\n          <FormField.Description\n            role={warning && touched ? \"status\" : undefined}\n            color={warning && touched ? \"warning.11\" : undefined}\n            display=\"flex\"\n            gap=\"100\"\n            alignItems=\"center\"\n          >\n            {warning && touched ? (\n              <>\n                <Icon colorPalette=\"warning\">\n                  <WarningAmber />\n                </Icon>\n                {warning}\n              </>\n            ) : (\n              description\n            )}\n          </FormField.Description>\n        )}\n        {error && touched && <FormField.Error>{error}</FormField.Error>}\n      </FormField.Root>\n    </LocalizedFieldLocaleFieldRootSlot>\n  );\n};\n","import { useState, useMemo } from \"react\";\nimport { Collection as RaCollection } from \"react-aria-components\";\nimport { useField, useId } from \"react-aria\";\nimport {\n  ErrorOutline,\n  HelpOutline,\n  Language,\n  Payments,\n  WarningAmber,\n} from \"@commercetools/nimbus-icons\";\nimport {\n  Box,\n  Button,\n  FieldErrors,\n  Icon,\n  IconButton,\n  Stack,\n  type CurrencyCode,\n} from \"@/components\";\nimport { Popover } from \"../../popover/popover\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { localizedFieldMessagesStrings } from \"../localized-field.messages\";\nimport {\n  LocalizedFieldRootSlot,\n  LocalizedFieldLabelSlot,\n  LocalizedFieldInfoDialogSlot,\n  LocalizedFieldFieldsContainerSlot,\n  LocalizedFieldDescriptionSlot,\n  LocalizedFieldErrorSlot,\n  LocalizedFieldToggleButtonContainerSlot,\n} from \"../localized-field.slots\";\nimport type {\n  LocalizedFieldProps,\n  MergedLocaleFieldData,\n  LocalizedCurrency,\n} from \"../localized-field.types\";\n\nimport {\n  getHasInvalidLocalizedFields,\n  getLocaleFieldAttribute,\n  sortCurrencies,\n  sortLocalesByDefaultLocaleLanguage,\n} from \"../utils/localized-field.utils\";\nimport { LocalizedFieldLocaleField } from \"./localized-field.locale-field\";\n\n/**\n * LocalizedField - Root component for managing localized input fields\n *\n * Provides a fieldset container for multiple locale-specific or currency-specific input fields\n * with expand/collapse functionality and integrated validation display. Supports text, multiline,\n * richText, and money input types.\n *\n * @supportsStyleProps\n */\nexport const LocalizedField = ({\n  type = \"text\",\n  id,\n  name,\n  defaultLocaleOrCurrency,\n  valuesByLocaleOrCurrency,\n  placeholdersByLocaleOrCurrency,\n  descriptionsByLocaleOrCurrency,\n  warningsByLocaleOrCurrency,\n  errorsByLocaleOrCurrency,\n  label,\n  hint,\n  description,\n  warning,\n  warnings,\n  renderWarning,\n  error,\n  errors,\n  renderError,\n  touched,\n  isRequired,\n  isDisabled,\n  isReadOnly,\n  onChange,\n  onBlur,\n  onFocus,\n  defaultExpanded = false,\n  displayAllLocalesOrCurrencies = false,\n  size,\n  autoFocus,\n  [\"data-track-component\"]: dataTrackComponent,\n  [\"data-testid\"]: dataTestId,\n  [\"data-test\"]: dataTest,\n  // DOM & Style props for wrapper container\n  ...rest\n}: LocalizedFieldProps) => {\n  const [expanded, setExpanded] = useState(\n    displayAllLocalesOrCurrencies || defaultExpanded\n  );\n\n  const msg = useLocalizedStringFormatter(localizedFieldMessagesStrings);\n\n  // Used to associate more info dialog with fieldset via `aria-controls`\n  const localeFieldsContainerId = useId();\n  // Used to associate more info dialog with fieldset via `aria-details`\n  const moreDetailsButtonId = useId();\n\n  // Either `error` exists, or there are `true` fields in the UI Kit compat `errors` object\n  const hasError: boolean = Boolean(\n    error || (errors && Object.values(errors).some((error) => error === true))\n  );\n\n  // Either `warning` exists, or there are `true` fields in the UI Kit compat `warnings` object\n  const hasWarning: boolean = Boolean(\n    warning || (warnings && Object.values(warnings).some(Boolean))\n  );\n\n  // FieldGroup is invalid if a non-field-specific error is passed and the group has been touched\n  // When FieldGroup is invalid, all fields will display error styling without displaying a field-specific error message\n  const isInvalid: boolean = !!(hasError && touched);\n\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n    useField({\n      id,\n      label,\n      description,\n      errorMessage: error,\n      isInvalid,\n    });\n\n  // Array of locales/currencies to display as input fields\n  const localizationKeys: string[] | CurrencyCode[] = Object.keys(\n    valuesByLocaleOrCurrency\n  );\n\n  // Merge all -ByLocaleOrCurrencies data for each field\n  const allDataForFields = useMemo(() => {\n    const sortedFieldData =\n      type === \"money\"\n        ? sortCurrencies(\n            defaultLocaleOrCurrency as CurrencyCode,\n            localizationKeys as CurrencyCode[]\n          )\n        : sortLocalesByDefaultLocaleLanguage(\n            defaultLocaleOrCurrency,\n            localizationKeys\n          );\n\n    return sortedFieldData.reduce(\n      (allFieldData: MergedLocaleFieldData[], localizationKey) => {\n        const allDataForLocale = {\n          localeOrCurrency: localizationKey,\n          inputValue:\n            type === \"money\"\n              ? (valuesByLocaleOrCurrency as LocalizedCurrency)[localizationKey]\n              : (valuesByLocaleOrCurrency[localizationKey] as string),\n          placeholder: placeholdersByLocaleOrCurrency?.[localizationKey],\n          description: descriptionsByLocaleOrCurrency?.[localizationKey],\n          warning: warningsByLocaleOrCurrency?.[localizationKey],\n          error: errorsByLocaleOrCurrency?.[localizationKey],\n          // autoFocus default/first locale field\n          ...(localizationKey === defaultLocaleOrCurrency && autoFocus\n            ? { autoFocus }\n            : {}),\n          isInvalid,\n          isRequired,\n          isDisabled,\n          isReadOnly,\n        };\n        if (\n          expanded ||\n          // Only display defaultLocaleOrInput field if fieldGroup is not expanded\n          (!expanded && localizationKey === defaultLocaleOrCurrency)\n        ) {\n          return [...allFieldData, allDataForLocale];\n        }\n        return allFieldData;\n      },\n      []\n    );\n  }, [\n    valuesByLocaleOrCurrency,\n    placeholdersByLocaleOrCurrency,\n    descriptionsByLocaleOrCurrency,\n    warningsByLocaleOrCurrency,\n    errorsByLocaleOrCurrency,\n    defaultLocaleOrCurrency,\n    expanded,\n    isInvalid,\n    isRequired,\n    isDisabled,\n    isReadOnly,\n    autoFocus,\n    localizationKeys,\n    type,\n  ]);\n\n  const groupHasInvalidLocalizedFields = getHasInvalidLocalizedFields(\n    errorsByLocaleOrCurrency,\n    defaultLocaleOrCurrency\n  );\n\n  const shouldExpandInvalidFields =\n    (groupHasInvalidLocalizedFields || hasError) && touched;\n  // If there are fields that are invalid, ensure that field group\n  // shows all fields so that invalid field is visible\n  if (shouldExpandInvalidFields && !expanded) {\n    setExpanded(true);\n  }\n\n  return (\n    <LocalizedFieldRootSlot\n      {...rest}\n      {...fieldProps}\n      aria-details={hint ? moreDetailsButtonId : undefined}\n      type={type}\n      size={size}\n      name={name}\n    >\n      {label && (\n        <Stack direction=\"row\" gap=\"0\">\n          <LocalizedFieldLabelSlot {...labelProps}>\n            {label}\n            {isRequired && <sup aria-hidden=\"true\">*</sup>}\n          </LocalizedFieldLabelSlot>\n          {hint && (\n            <Popover.Root>\n              <Popover.Trigger asChild>\n                <IconButton\n                  id={moreDetailsButtonId}\n                  aria-label={msg.format(\"infoBoxTriggerAriaLabel\")}\n                  size=\"2xs\"\n                  colorPalette=\"info\"\n                  variant=\"link\"\n                >\n                  <HelpOutline />\n                </IconButton>\n              </Popover.Trigger>\n\n              <Popover.Content\n                padding=\"0\"\n                aria-label={msg.format(\"infoBoxTriggerAriaLabel\")}\n              >\n                <LocalizedFieldInfoDialogSlot>\n                  <Box p=\"300\">{hint}</Box>\n                </LocalizedFieldInfoDialogSlot>\n              </Popover.Content>\n            </Popover.Root>\n          )}\n        </Stack>\n      )}\n      <LocalizedFieldFieldsContainerSlot\n        id={localeFieldsContainerId}\n        data-expanded={expanded}\n      >\n        <RaCollection items={allDataForFields}>\n          {(item) => {\n            return (\n              <LocalizedFieldLocaleField\n                {...item}\n                size={size}\n                type={type}\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={onFocus}\n                touched={touched}\n                // Format field attributes to match uikit pattern\n                id={getLocaleFieldAttribute(\n                  fieldProps.id,\n                  item.localeOrCurrency\n                )}\n                name={getLocaleFieldAttribute(name, item.localeOrCurrency)}\n                data-test={getLocaleFieldAttribute(\n                  dataTest,\n                  item.localeOrCurrency\n                )}\n                data-testid={getLocaleFieldAttribute(\n                  dataTestId,\n                  item.localeOrCurrency\n                )}\n                data-track-component={getLocaleFieldAttribute(\n                  dataTrackComponent,\n                  item.localeOrCurrency\n                )}\n              />\n            );\n          }}\n        </RaCollection>\n      </LocalizedFieldFieldsContainerSlot>\n\n      {!displayAllLocalesOrCurrencies && localizationKeys.length > 1 && (\n        <LocalizedFieldToggleButtonContainerSlot>\n          <Button\n            aria-controls={localeFieldsContainerId}\n            aria-describedby={labelProps.id}\n            aria-expanded={expanded}\n            onPress={() => setExpanded(!expanded)}\n            isDisabled={isDisabled || (shouldExpandInvalidFields && expanded)}\n            variant=\"ghost\"\n            size=\"2xs\"\n            colorPalette=\"primary\"\n          >\n            <Box\n              as={type === \"money\" ? Payments : Language}\n              display=\"inline-flex\"\n              boxSize=\"400\"\n              verticalAlign=\"text-bottom\"\n              mr=\"100\"\n            />\n            {type === \"money\"\n              ? expanded\n                ? msg.format(\"hideCurrencies\")\n                : msg.format(\"showCurrencies\")\n              : expanded\n                ? msg.format(\"hideLanguages\")\n                : msg.format(\"showLanguages\")}\n          </Button>\n        </LocalizedFieldToggleButtonContainerSlot>\n      )}\n      {(description || (hasWarning && touched)) && (\n        <LocalizedFieldDescriptionSlot\n          role={hasWarning && touched ? \"status\" : undefined}\n          color={hasWarning && touched ? \"warning.11\" : undefined}\n          // In order to associate the warnings from both the warning and legacy warnings props with the fieldset,\n          // we must associate, them to this element with aria-labelledby\n          aria-labelledby={`${descriptionProps.id}-warning`}\n          {...descriptionProps}\n        >\n          {/** Warnings are for compat with UI Kit localized fields */}\n          {hasWarning && touched ? (\n            <>\n              <Icon colorPalette=\"warning\">\n                <WarningAmber />\n              </Icon>\n              <Stack gap=\"0\" id={`${descriptionProps.id}-warning`}>\n                {warning}\n                {warnings && hasWarning && (\n                  <FieldErrors\n                    errors={warnings}\n                    renderError={renderWarning}\n                    colorPalette=\"warning\"\n                    role={undefined}\n                  />\n                )}\n              </Stack>\n            </>\n          ) : (\n            description\n          )}\n        </LocalizedFieldDescriptionSlot>\n      )}\n      {isInvalid && (\n        <LocalizedFieldErrorSlot\n          // In order to associate the errors from both the error and legacy errors props with the fieldset,\n          // we must associate them to this element with aria-labelledby.\n          aria-labelledby={`${errorMessageProps.id}-error`}\n          role=\"alert\"\n          {...errorMessageProps}\n        >\n          <Icon>\n            <ErrorOutline />\n          </Icon>\n          <Stack gap=\"0\" id={`${errorMessageProps.id}-error`}>\n            {error}\n            {errors && hasError && (\n              <FieldErrors\n                errors={errors}\n                renderError={renderError}\n                role={undefined}\n              />\n            )}\n          </Stack>\n        </LocalizedFieldErrorSlot>\n      )}\n    </LocalizedFieldRootSlot>\n  );\n};\n","import { LocalizedFieldRoot } from \"./components\";\nimport {\n  getLocaleFieldAttribute,\n  createLocalizedString,\n  isEmpty,\n  omitEmptyTranslations,\n  isTouched,\n  RequiredValueErrorMessage,\n  toFieldErrors,\n  convertToMoneyValues,\n  parseMoneyValues,\n  getHighPrecisionCurrencies,\n  getEmptyCurrencies,\n} from \"./utils/localized-field.utils\";\n\n/**\n * LocalizedField component with utility methods for managing localized input fields.\n *\n * This component provides a fieldset for managing multiple locale-specific or currency-specific\n * input fields with expand/collapse functionality and integrated validation display.\n *\n * **Utility Methods** (for compatibility with UI Kit):\n * - `getId` / `getName`: Format field attributes with locale suffix\n * - `isTouched`: Check if any locale field has been touched\n * - `isEmpty`: Check if all locale fields are empty\n * - `createLocalizedString`: Create empty localized string object\n * - `omitEmptyTranslations`: Remove empty translations from localized object\n * - `RequiredValueErrorMessage`: Standard error message component\n * - `toFieldErrors`: Convert errors to field error format\n * - `convertToMoneyValues` / `parseMoneyValues`: Money value conversion utilities\n * - `getHighPrecisionCurrencies` / `getEmptyCurrencies`: Currency utilities\n *\n * @example\n * ```tsx\n * <LocalizedField\n *   type=\"text\"\n *   label=\"Product Name\"\n *   defaultLocaleOrCurrency=\"en\"\n *   valuesByLocaleOrCurrency={{ en: \"Product\", de: \"Produkt\" }}\n *   onChange={(e) => console.log(e.target.locale, e.target.value)}\n * />\n * ```\n *\n * @supportsStyleProps\n */\nexport const LocalizedField = Object.assign(LocalizedFieldRoot, {\n  // Add util methods here for compat with uikit - see https://github.com/commercetools/ui-kit/blob/e97e0c7e8f3e9393981bf1949573212d7c571c90/packages/components/inputs/localized-text-input/src/localized-text-input.tsx#L396\n  getId: getLocaleFieldAttribute,\n  getName: getLocaleFieldAttribute,\n  isTouched,\n  isEmpty,\n  createLocalizedString,\n  omitEmptyTranslations,\n  RequiredValueErrorMessage,\n  toFieldErrors,\n  convertToMoneyValues,\n  parseMoneyValues,\n  getHighPrecisionCurrencies,\n  getEmptyCurrencies,\n});\n"],"mappings":"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"}

package/dist/chunks/make-element-focusable-B6rrHdGZ.es.js

@@ -1,15 +0,0 @@
-import { t as e } from "./mergeProps-D74xOLhF.es.js";
-import { t } from "./useObjectRef-UPiQ-wgG.es.js";
-import { n } from "./useFocusable-DAPtZMPR.es.js";
-import { t as r } from "./merge-refs-C1GcH9iY.es.js";
-import { cloneElement as i, isValidElement as a, useRef as o } from "react";
-//#region src/components/tooltip/make-element-focusable.tsx
-var s = function({ ref: s, children: c, ...l }) {
-	let u = o(null), d = t(r(u, s)), { focusableProps: f } = n(l, d);
-	return a(c) ? i(c, e(f, c.props, { ref: d })) : null;
-};
-s.displayName = "MakeElementFocusable";
-//#endregion
-export { s as t };
-
-//# sourceMappingURL=make-element-focusable-B6rrHdGZ.es.js.map

package/dist/chunks/make-element-focusable-B6rrHdGZ.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"make-element-focusable-B6rrHdGZ.es.js","names":["useObjectRef","useFocusable","mergeProps","$bbaa08b3cd72f041$export$9d1611c77c2fe928","mergeRefs","MakeElementFocusable","forwardedRef","props","localRef","useRef","ref","$03e8ab2d84d7657a$export$4338b53315abf666","$d1116acdf220c2da$export$4c014de7c8940b4c","isValidElement","children","cloneElement","focusableProps"],"sources":["../../src/components/tooltip/make-element-focusable.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useRef,\n  type PropsWithChildren,\n  isValidElement,\n} from \"react\";\nimport {\n  mergeProps,\n  useObjectRef,\n  useFocusable,\n  type FocusableOptions,\n} from \"react-aria\";\n\nimport { mergeRefs } from \"@/utils\";\n\nexport type MakeElementFocusableProps = PropsWithChildren<\n  FocusableOptions<HTMLElement>\n> & {\n  /**\n   * React ref to be forwarded to the underlying element\n   */\n  ref?: React.Ref<HTMLElement>;\n};\n\n/**\n * MakeElementFocusable\n * ============================================================\n * A helper component that adds props from `react-aria`s `useFocusable` hook\n * to its child so that it can be used as a trigger element for a `Tooltip`\n *\n * Caveats:\n * - Using non-interactive elements as tooltip triggers is against ARIA best-practices,\n *   it is your responsibility to ensure that the underlying trigger element handles\n *   focus and hover interactions correctly for keyboard-only users\n *\n * Features:\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLElement' attributes (including aria- & data-attributes)\n *\n * Further Context:\n * - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)\n * - [React Aria Components Issue re:Tooltip with custom trigger](https://github.com/adobe/react-spectrum/issues/5733#issuecomment-1918691983)\n * - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)\n */\nexport const MakeElementFocusable = function MakeElementFocusable({\n  ref: forwardedRef,\n  children,\n  ...props\n}: MakeElementFocusableProps) {\n  const localRef = useRef<HTMLElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const { focusableProps } = useFocusable(props, ref);\n\n  if (isValidElement(children)) {\n    return cloneElement(\n      children,\n      mergeProps(\n        focusableProps,\n        children.props as PropsWithChildren<FocusableOptions<HTMLElement>>,\n        { ref: ref }\n      )\n    );\n  }\n\n  return null;\n};\nMakeElementFocusable.displayName = \"MakeElementFocusable\";\n"],"mappings":";;;;;;AA4CA,IAAaK,IAAuB,SAA8B,EAChE,KAAKC,GACL,aACA,GAAGC,KACyB;CAC5B,IAAMC,IAAWC,EAAoB,IAAI,GACnCC,IAAMV,EAAaI,EAAUI,GAAUF,CAAY,CAAC,GACpD,EAAE,sBAAmBL,EAAaM,GAAOG,CAAG;CAalD,OAXIG,EAAeC,CAAQ,IAClBC,EACLD,GACAZ,EACEc,GACAF,EAAS,OACT,EAAO,OAAI,CACb,CACF,IAGK;AACT;AACA,EAAqB,cAAc"}

package/dist/chunks/make-element-focusable-D4yIXdLm.cjs

@@ -1,2 +0,0 @@
-const e=require("./mergeProps-BgWtdfQT.cjs"),t=require("./useObjectRef-B_odk_Xk.cjs"),n=require("./useFocusable-CTgXTnx2.cjs"),r=require("./merge-refs-DjTl2ATo.cjs");let i=require("react");var a=function({ref:a,children:o,...s}){let c=(0,i.useRef)(null),l=t.t(r.t(c,a)),{focusableProps:u}=n.n(s,l);return(0,i.isValidElement)(o)?(0,i.cloneElement)(o,e.t(u,o.props,{ref:l})):null};a.displayName=`MakeElementFocusable`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=make-element-focusable-D4yIXdLm.cjs.map

package/dist/chunks/make-element-focusable-D4yIXdLm.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"make-element-focusable-D4yIXdLm.cjs.js","names":["useRef","useObjectRef","mergeRefs","useFocusable","isValidElement","cloneElement","mergeProps","require_mergeProps","require_useObjectRef","require_useFocusable","require_merge_refs","react","MakeElementFocusable","forwardedRef","props","localRef","ref","children","focusableProps"],"sources":["../../src/components/tooltip/make-element-focusable.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useRef,\n  type PropsWithChildren,\n  isValidElement,\n} from \"react\";\nimport {\n  mergeProps,\n  useObjectRef,\n  useFocusable,\n  type FocusableOptions,\n} from \"react-aria\";\n\nimport { mergeRefs } from \"@/utils\";\n\nexport type MakeElementFocusableProps = PropsWithChildren<\n  FocusableOptions<HTMLElement>\n> & {\n  /**\n   * React ref to be forwarded to the underlying element\n   */\n  ref?: React.Ref<HTMLElement>;\n};\n\n/**\n * MakeElementFocusable\n * ============================================================\n * A helper component that adds props from `react-aria`s `useFocusable` hook\n * to its child so that it can be used as a trigger element for a `Tooltip`\n *\n * Caveats:\n * - Using non-interactive elements as tooltip triggers is against ARIA best-practices,\n *   it is your responsibility to ensure that the underlying trigger element handles\n *   focus and hover interactions correctly for keyboard-only users\n *\n * Features:\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLElement' attributes (including aria- & data-attributes)\n *\n * Further Context:\n * - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)\n * - [React Aria Components Issue re:Tooltip with custom trigger](https://github.com/adobe/react-spectrum/issues/5733#issuecomment-1918691983)\n * - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)\n */\nexport const MakeElementFocusable = function MakeElementFocusable({\n  ref: forwardedRef,\n  children,\n  ...props\n}: MakeElementFocusableProps) {\n  const localRef = useRef<HTMLElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const { focusableProps } = useFocusable(props, ref);\n\n  if (isValidElement(children)) {\n    return cloneElement(\n      children,\n      mergeProps(\n        focusableProps,\n        children.props as PropsWithChildren<FocusableOptions<HTMLElement>>,\n        { ref: ref }\n      )\n    );\n  }\n\n  return null;\n};\nMakeElementFocusable.displayName = \"MakeElementFocusable\";\n"],"mappings":"yMA4CA,IAAaY,EAAuB,SAA8B,CAChE,IAAKC,EACL,WACA,GAAGC,GACyB,CAC5B,IAAMC,GAAA,EAAWf,EAAAA,OAAAA,CAAoB,IAAI,EACnCgB,EAAMf,EAAAA,EAAaC,EAAAA,EAAUa,EAAUF,CAAY,CAAC,EACpD,CAAE,kBAAmBV,EAAAA,EAAaW,EAAOE,CAAG,EAalD,OAXA,EAAIZ,EAAAA,eAAAA,CAAea,CAAQ,GACzB,EAAOZ,EAAAA,aAAAA,CACLY,EACAX,EAAAA,EACEY,EACAD,EAAS,MACT,CAAO,KAAI,CACb,CACF,EAGK,IACT,EACA,EAAqB,YAAc"}