@payloadcms/ui 3.70.0-canary.9 → 3.71.0-internal-debug.80dab4c

package/dist/elements/FolderView/FolderTypeField/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { mergeFieldStyles } from '../../../fields/mergeFieldStyles.js';
 import { formatOptions } from '../../../fields/Select/index.js';
@@ -6,120 +6,99 @@ import { SelectInput } from '../../../fields/Select/Input.js';
 import { useField } from '../../../forms/useField/index.js';
 import { useFolder } from '../../../providers/Folders/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
-export const FolderTypeField = ({
-  options: allSelectOptions,
-  ...props
-}) => {
-  const {
-    field,
-    field: {
-      name,
-      admin: {
-        className,
-        isClearable = true,
-        isSortable = true,
-        placeholder
-      } = {},
-      hasMany = false,
-      label,
-      localized,
-      required
-    },
-    onChange: onChangeFromProps,
-    path: pathFromProps,
-    readOnly,
-    validate
-  } = props;
-  const {
-    t
-  } = useTranslation();
-  const {
-    folderType
-  } = useFolder();
-  const options = React.useMemo(() => {
-    if (!folderType || folderType.length === 0) {
-      return formatOptions(allSelectOptions);
-    }
-    return formatOptions(allSelectOptions.filter(option => {
-      if (typeof option === 'object' && option.value) {
-        return folderType.includes(option.value);
-      }
-      return true;
-    }));
-  }, [allSelectOptions, folderType]);
-  const memoizedValidate = React.useCallback((value, validationOptions) => {
-    if (typeof validate === 'function') {
-      return validate(value, {
-        ...validationOptions,
+export const FolderTypeField = ({ options: allSelectOptions, ...props })=>{
+    const { field, field: { name, admin: { className, isClearable = true, isSortable = true, placeholder } = {}, hasMany = false, label, localized, required }, onChange: onChangeFromProps, path: pathFromProps, readOnly, validate } = props;
+    const { t } = useTranslation();
+    const { folderType } = useFolder();
+    const options = React.useMemo(()=>{
+        if (!folderType || folderType.length === 0) {
+            return formatOptions(allSelectOptions);
+        }
+        return formatOptions(allSelectOptions.filter((option)=>{
+            if (typeof option === 'object' && option.value) {
+                return folderType.includes(option.value);
+            }
+            return true;
+        }));
+    }, [
+        allSelectOptions,
+        folderType
+    ]);
+    const memoizedValidate = React.useCallback((value, validationOptions)=>{
+        if (typeof validate === 'function') {
+            return validate(value, {
+                ...validationOptions,
+                hasMany,
+                options,
+                required
+            });
+        }
+    }, [
+        validate,
+        required,
         hasMany,
-        options,
-        required
-      });
-    }
-  }, [validate, required, hasMany, options]);
-  const {
-    customComponents: {
-      AfterInput,
-      BeforeInput,
-      Description,
-      Error,
-      Label
-    } = {},
-    disabled,
-    path,
-    selectFilterOptions,
-    setValue,
-    showError,
-    value
-  } = useField({
-    potentiallyStalePath: pathFromProps,
-    validate: memoizedValidate
-  });
-  const onChange = React.useCallback(selectedOption => {
-    if (!readOnly || disabled) {
-      let newValue = null;
-      if (selectedOption && hasMany) {
-        if (Array.isArray(selectedOption) && selectedOption.length > 0) {
-          newValue = selectedOption.map(option => option.value);
-        } else {
-          newValue = null;
+        options
+    ]);
+    const { customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {}, disabled, path, selectFilterOptions, setValue, showError, value } = useField({
+        potentiallyStalePath: pathFromProps,
+        validate: memoizedValidate
+    });
+    const onChange = React.useCallback((selectedOption)=>{
+        if (!readOnly || disabled) {
+            let newValue = null;
+            if (selectedOption && hasMany) {
+                if (Array.isArray(selectedOption) && selectedOption.length > 0) {
+                    newValue = selectedOption.map((option)=>option.value);
+                } else {
+                    newValue = null;
+                }
+            } else if (selectedOption && !Array.isArray(selectedOption)) {
+                newValue = selectedOption.value;
+            }
+            if (typeof onChangeFromProps === 'function') {
+                onChangeFromProps(newValue);
+            }
+            setValue(newValue);
         }
-      } else if (selectedOption && !Array.isArray(selectedOption)) {
-        newValue = selectedOption.value;
-      }
-      if (typeof onChangeFromProps === 'function') {
-        onChangeFromProps(newValue);
-      }
-      setValue(newValue);
-    }
-  }, [readOnly, disabled, hasMany, setValue, onChangeFromProps]);
-  const styles = React.useMemo(() => mergeFieldStyles(field), [field]);
-  return /*#__PURE__*/_jsx(SelectInput, {
-    AfterInput: AfterInput,
-    BeforeInput: BeforeInput,
-    className: className,
-    Description: Description,
-    description: t('folder:folderTypeDescription'),
-    Error: Error,
-    filterOption: selectFilterOptions ? ({
-      value
-    }) => selectFilterOptions?.some(option => (typeof option === 'string' ? option : option.value) === value) : undefined,
-    hasMany: hasMany,
-    isClearable: isClearable,
-    isSortable: isSortable,
-    Label: Label,
-    label: label,
-    localized: localized,
-    name: name,
-    onChange: onChange,
-    options: options,
-    path: path,
-    placeholder: placeholder,
-    readOnly: readOnly || disabled,
-    required: required || Array.isArray(folderType) && folderType.length > 0,
-    showError: showError,
-    style: styles,
-    value: value
-  });
+    }, [
+        readOnly,
+        disabled,
+        hasMany,
+        setValue,
+        onChangeFromProps
+    ]);
+    const styles = React.useMemo(()=>mergeFieldStyles(field), [
+        field
+    ]);
+    return /*#__PURE__*/ _jsxDEV(SelectInput, {
+        AfterInput: AfterInput,
+        BeforeInput: BeforeInput,
+        className: className,
+        Description: Description,
+        description: t('folder:folderTypeDescription'),
+        Error: Error,
+        filterOption: selectFilterOptions ? ({ value })=>selectFilterOptions?.some((option)=>(typeof option === 'string' ? option : option.value) === value) : undefined,
+        hasMany: hasMany,
+        isClearable: isClearable,
+        isSortable: isSortable,
+        Label: Label,
+        label: label,
+        localized: localized,
+        name: name,
+        onChange: onChange,
+        options: options,
+        path: path,
+        placeholder: placeholder,
+        readOnly: readOnly || disabled,
+        required: required || Array.isArray(folderType) && folderType.length > 0,
+        showError: showError,
+        style: styles,
+        value: value
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/FolderTypeField/index.tsx",
+        lineNumber: 105,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/FolderView/FolderTypeField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","mergeFieldStyles","formatOptions","SelectInput","useField","useFolder","useTranslation","FolderTypeField","options","allSelectOptions","props","field","name","admin","className","isClearable","isSortable","placeholder","hasMany","label","localized","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","t","folderType","useMemo","length","filter","option","value","includes","memoizedValidate","useCallback","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","selectFilterOptions","setValue","showError","potentiallyStalePath","selectedOption","newValue","Array","isArray","map","styles","_jsx","description","filterOption","some","undefined","style"],"sources":["../../../../src/elements/FolderView/FolderTypeField/index.tsx"],"sourcesContent":["import type { Option, OptionObject, SelectFieldClientProps } from 'payload'\n\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../ReactSelect/types.js'\n\nimport { mergeFieldStyles } from '../../../fields/mergeFieldStyles.js'\nimport { formatOptions } from '../../../fields/Select/index.js'\nimport { SelectInput } from '../../../fields/Select/Input.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nexport const FolderTypeField = ({\n  options: allSelectOptions,\n  ...props\n}: { options: Option[] } & SelectFieldClientProps) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: {\n        className,\n        isClearable = true,\n        isSortable = true,\n        placeholder,\n      } = {} as SelectFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n  const { t } = useTranslation()\n\n  const { folderType } = useFolder()\n\n  const options = React.useMemo(() => {\n    if (!folderType || folderType.length === 0) {\n      return formatOptions(allSelectOptions)\n    }\n    return formatOptions(\n      allSelectOptions.filter((option) => {\n        if (typeof option === 'object' && option.value) {\n          return folderType.includes(option.value)\n        }\n        return true\n      }),\n    )\n  }, [allSelectOptions, folderType])\n\n  const memoizedValidate = React.useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, hasMany, options, required })\n      }\n    },\n    [validate, required, hasMany, options],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    selectFilterOptions,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const onChange: ReactSelectAdapterProps['onChange'] = React.useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (!readOnly || disabled) {\n        let newValue: string | string[] = null\n        if (selectedOption && hasMany) {\n          if (Array.isArray(selectedOption) && selectedOption.length > 0) {\n            newValue = selectedOption.map((option) => option.value)\n          } else {\n            newValue = null\n          }\n        } else if (selectedOption && !Array.isArray(selectedOption)) {\n          newValue = selectedOption.value\n        }\n\n        if (typeof onChangeFromProps === 'function') {\n          onChangeFromProps(newValue)\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  const styles = React.useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={t('folder:folderTypeDescription')}\n      Error={Error}\n      filterOption={\n        selectFilterOptions\n          ? ({ value }) =>\n              selectFilterOptions?.some(\n                (option) => (typeof option === 'string' ? option : option.value) === value,\n              )\n          : undefined\n      }\n      hasMany={hasMany}\n      isClearable={isClearable}\n      isSortable={isSortable}\n      Label={Label}\n      label={label}\n      localized={localized}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      required={required || (Array.isArray(folderType) && folderType.length > 0)}\n      showError={showError}\n      style={styles}\n      value={value as string | string[]}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/FolderView/FolderTypeField/index.tsx"],"sourcesContent":["import type { Option, OptionObject, SelectFieldClientProps } from 'payload'\n\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../ReactSelect/types.js'\n\nimport { mergeFieldStyles } from '../../../fields/mergeFieldStyles.js'\nimport { formatOptions } from '../../../fields/Select/index.js'\nimport { SelectInput } from '../../../fields/Select/Input.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nexport const FolderTypeField = ({\n  options: allSelectOptions,\n  ...props\n}: { options: Option[] } & SelectFieldClientProps) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: {\n        className,\n        isClearable = true,\n        isSortable = true,\n        placeholder,\n      } = {} as SelectFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n  const { t } = useTranslation()\n\n  const { folderType } = useFolder()\n\n  const options = React.useMemo(() => {\n    if (!folderType || folderType.length === 0) {\n      return formatOptions(allSelectOptions)\n    }\n    return formatOptions(\n      allSelectOptions.filter((option) => {\n        if (typeof option === 'object' && option.value) {\n          return folderType.includes(option.value)\n        }\n        return true\n      }),\n    )\n  }, [allSelectOptions, folderType])\n\n  const memoizedValidate = React.useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, hasMany, options, required })\n      }\n    },\n    [validate, required, hasMany, options],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    selectFilterOptions,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const onChange: ReactSelectAdapterProps['onChange'] = React.useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (!readOnly || disabled) {\n        let newValue: string | string[] = null\n        if (selectedOption && hasMany) {\n          if (Array.isArray(selectedOption) && selectedOption.length > 0) {\n            newValue = selectedOption.map((option) => option.value)\n          } else {\n            newValue = null\n          }\n        } else if (selectedOption && !Array.isArray(selectedOption)) {\n          newValue = selectedOption.value\n        }\n\n        if (typeof onChangeFromProps === 'function') {\n          onChangeFromProps(newValue)\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  const styles = React.useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={t('folder:folderTypeDescription')}\n      Error={Error}\n      filterOption={\n        selectFilterOptions\n          ? ({ value }) =>\n              selectFilterOptions?.some(\n                (option) => (typeof option === 'string' ? option : option.value) === value,\n              )\n          : undefined\n      }\n      hasMany={hasMany}\n      isClearable={isClearable}\n      isSortable={isSortable}\n      Label={Label}\n      label={label}\n      localized={localized}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      required={required || (Array.isArray(folderType) && folderType.length > 0)}\n      showError={showError}\n      style={styles}\n      value={value as string | string[]}\n    />\n  )\n}\n"],"names":["React","mergeFieldStyles","formatOptions","SelectInput","useField","useFolder","useTranslation","FolderTypeField","options","allSelectOptions","props","field","name","admin","className","isClearable","isSortable","placeholder","hasMany","label","localized","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","t","folderType","useMemo","length","filter","option","value","includes","memoizedValidate","useCallback","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","selectFilterOptions","setValue","showError","potentiallyStalePath","selectedOption","newValue","Array","isArray","map","styles","description","filterOption","some","undefined","style"],"mappings":"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"}

package/dist/elements/FolderView/ItemCardGrid/index.js

@@ -1,34 +1,42 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import React from 'react';
 import { ContextFolderFileCard } from '../FolderFileCard/index.js';
 import './index.scss';
 const baseClass = 'item-card-grid';
-export function ItemCardGrid({
-  type,
-  items,
-  subfolderCount,
-  title
-}) {
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [title && /*#__PURE__*/_jsx("p", {
-      className: `${baseClass}__title`,
-      children: title
-    }), /*#__PURE__*/_jsx("div", {
-      className: baseClass,
-      children: !items || items?.length === 0 ? null : items.map((item, _index) => {
-        const index = _index + (subfolderCount || 0);
-        const {
-          itemKey
-        } = item;
-        return /*#__PURE__*/_jsx(ContextFolderFileCard, {
-          index: index,
-          item: item,
-          type: type
-        }, itemKey);
-      })
-    })]
-  });
+export function ItemCardGrid({ type, items, subfolderCount, title }) {
+    return /*#__PURE__*/ _jsxDEV(_Fragment, {
+        children: [
+            title && /*#__PURE__*/ _jsxDEV("p", {
+                className: `${baseClass}__title`,
+                children: title
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/ItemCardGrid/index.tsx",
+                lineNumber: 28,
+                columnNumber: 17
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: baseClass,
+                children: !items || items?.length === 0 ? null : items.map((item, _index)=>{
+                    const index = _index + (subfolderCount || 0);
+                    const { itemKey } = item;
+                    return /*#__PURE__*/ _jsxDEV(ContextFolderFileCard, {
+                        index: index,
+                        item: item,
+                        type: type
+                    }, itemKey, false, {
+                        fileName: "src/elements/FolderView/ItemCardGrid/index.tsx",
+                        lineNumber: 36,
+                        columnNumber: 22
+                    }, this);
+                })
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/ItemCardGrid/index.tsx",
+                lineNumber: 29,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true);
 }
+
 //# sourceMappingURL=index.js.map

package/dist/elements/FolderView/ItemCardGrid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","ContextFolderFileCard","baseClass","ItemCardGrid","type","items","subfolderCount","title","_jsxs","_Fragment","_jsx","className","length","map","item","_index","index","itemKey"],"sources":["../../../../src/elements/FolderView/ItemCardGrid/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport React from 'react'\n\nimport { ContextFolderFileCard } from '../FolderFileCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'item-card-grid'\n\ntype ItemCardGridProps = {\n  items: FolderOrDocument[]\n  title?: string\n} & (\n  | {\n      subfolderCount: number\n      type: 'file'\n    }\n  | {\n      subfolderCount?: never\n      type: 'folder'\n    }\n)\nexport function ItemCardGrid({ type, items, subfolderCount, title }: ItemCardGridProps) {\n  return (\n    <>\n      {title && <p className={`${baseClass}__title`}>{title}</p>}\n      <div className={baseClass}>\n        {!items || items?.length === 0\n          ? null\n          : items.map((item, _index) => {\n              const index = _index + (subfolderCount || 0)\n              const { itemKey } = item\n\n              return <ContextFolderFileCard index={index} item={item} key={itemKey} type={type} />\n            })}\n      </div>\n    </>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAelB,OAAO,SAASC,aAAa;EAAEC,IAAI;EAAEC,KAAK;EAAEC,cAAc;EAAEC;AAAK,CAAqB;EACpF,oBACEC,KAAA,CAAAC,SAAA;eACGF,KAAA,iBAASG,IAAA,CAAC;MAAEC,SAAA,EAAW,GAAGT,SAAA,SAAkB;gBAAGK;qBAChDG,IAAA,CAAC;MAAIC,SAAA,EAAWT,SAAA;gBACb,CAACG,KAAA,IAASA,KAAA,EAAOO,MAAA,KAAW,IACzB,OACAP,KAAA,CAAMQ,GAAG,CAAC,CAACC,IAAA,EAAMC,MAAA;QACf,MAAMC,KAAA,GAAQD,MAAA,IAAUT,cAAA,IAAkB;QAC1C,MAAM;UAAEW;QAAO,CAAE,GAAGH,IAAA;QAEpB,oBAAOJ,IAAA,CAACT,qBAAA;UAAsBe,KAAA,EAAOA,KAAA;UAAOF,IAAA,EAAMA,IAAA;UAAoBV,IAAA,EAAMA;WAAfa,OAAA;MAC/D;;;AAIZ","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/FolderView/ItemCardGrid/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport React from 'react'\n\nimport { ContextFolderFileCard } from '../FolderFileCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'item-card-grid'\n\ntype ItemCardGridProps = {\n  items: FolderOrDocument[]\n  title?: string\n} & (\n  | {\n      subfolderCount: number\n      type: 'file'\n    }\n  | {\n      subfolderCount?: never\n      type: 'folder'\n    }\n)\nexport function ItemCardGrid({ type, items, subfolderCount, title }: ItemCardGridProps) {\n  return (\n    <>\n      {title && <p className={`${baseClass}__title`}>{title}</p>}\n      <div className={baseClass}>\n        {!items || items?.length === 0\n          ? null\n          : items.map((item, _index) => {\n              const index = _index + (subfolderCount || 0)\n              const { itemKey } = item\n\n              return <ContextFolderFileCard index={index} item={item} key={itemKey} type={type} />\n            })}\n      </div>\n    </>\n  )\n}\n"],"names":["React","ContextFolderFileCard","baseClass","ItemCardGrid","type","items","subfolderCount","title","p","className","div","length","map","item","_index","index","itemKey"],"mappings":"AAAA;;AAIA,OAAOA,WAAW,QAAO;AAEzB,SAASC,qBAAqB,QAAQ,6BAA4B;AAClE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAelB,OAAO,SAASC,aAAa,EAAEC,IAAI,EAAEC,KAAK,EAAEC,cAAc,EAAEC,KAAK,EAAqB;IACpF,qBACE;;YACGA,uBAAS,QAACC;gBAAEC,WAAW,GAAGP,UAAU,OAAO,CAAC;0BAAGK;;;;;;0BAChD,QAACG;gBAAID,WAAWP;0BACb,CAACG,SAASA,OAAOM,WAAW,IACzB,OACAN,MAAMO,GAAG,CAAC,CAACC,MAAMC;oBACf,MAAMC,QAAQD,SAAUR,CAAAA,kBAAkB,CAAA;oBAC1C,MAAM,EAAEU,OAAO,EAAE,GAAGH;oBAEpB,qBAAO,QAACZ;wBAAsBc,OAAOA;wBAAOF,MAAMA;wBAAoBT,MAAMA;uBAAfY;;;;;gBAC/D;;;;;;;;AAIZ"}