@jobber/components 5.16.2-move-compo.3 → 5.16.2-move-compo.12

package/dist/{FormField-CHr0cY7y.js → FormField-vMNCuib3.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-Ad5lVuXS.js');
+var tslib_es6 = require('./tslib.es6-BJcJAyxK.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
 var design = require('@jobber/design');
-var Button = require('./Button-BiH4aFYf.js');
-var Icon = require('./Icon-DQi2LvzA.js');
-var Text = require('./Text-Dxqb1Et4.js');
-var useFormFieldFocus = require('./useFormFieldFocus-CsshdbWW.js');
-var InputValidation = require('./InputValidation-Byqyoein.js');
-var Spinner = require('./Spinner-Bj_ASesL.js');
+var Button = require('./Button-BkAv-fJN.js');
+var Icon = require('./Icon-DSKUdvZp.js');
+var Text = require('./Text-DOhF9u8p.js');
+var useFormFieldFocus = require('./useFormFieldFocus-DFW9PgjO.js');
+var InputValidation = require('./InputValidation-BSFIkkXh.js');
+var Spinner = require('./Spinner-tWxS6pDb.js');
 
 var styles$1 = {"container":"geR7qBhrMfk-","wrapper":"nPGhTEEzsoU-","horizontalWrapper":"q7AxfhwVVBs-","textarea":"mgPacJ6Z71Y-","safari":"g82RTxBqooQ-","timeInputLabel":"YhserUiOeFE-","miniLabel":"UIZq8hTmJVU-","large":"Ku8sWS0mLew-","text":"e4VYDAkWHAg-","invalid":"gJ-15M615eY-","disabled":"_1rsTLm5GwcM-","small":"o8D-H-lKfDk-","inline":"_5Hu2F3cBvng-","center":"s1WLQs6ffD8-","right":"a2r4QheWYIA-","maxLength":"KdAnXK1gClo-","inputWrapper":"iQFhpFYnz-8-","childrenWrapper":"Yo2Wi9dpa-Y-","input":"LSHPV7PwOTg-","select":"i31GQXcMz54-","label":"_3xREbTN5pPg-","postfix":"VtnAk1HYMMk-","affixIcon":"uPLklxvtfJw-","suffix":"pYqqDvv57JE-","hasAction":"eI44oQpuVlk-","affixLabel":"jO8P2iSHilM-","description":"_2GfgzNnLOSI-","toolbar":"_3GtIRFCkZMg-"};
 
@@ -186,44 +186,50 @@ function FormFieldPostFix({ variation }) {
     return (React.createElement("span", { className: styles$1.postfix }, variation === "select" ? (React.createElement(Icon.Icon, { name: "arrowDown" })) : (React.createElement(Spinner.Spinner, { size: "small" }))));
 }
 
-// eslint-disable-next-line max-statements
 function FormField(props) {
+    // Warning: do not move useId into FormFieldInternal. This must be here to avoid
+    // a problem where useId isn't stable across multiple StrictMode renders.
+    // https://github.com/facebook/react/issues/27103
+    const id = React.useId();
+    return React.createElement(FormFieldInternal, Object.assign({}, props, { id: id }));
+}
+// eslint-disable-next-line max-statements
+function FormFieldInternal(props) {
     var _a;
-    const { actionsRef, autocomplete = true, children, defaultValue, description, disabled, inputRef, inline, keyboard, max, maxLength, min, name, readonly, rows, loading, type = "text", validations, value, onChange, onEnter, onFocus, onBlur, onValidation, onKeyUp, clearable = "never", autofocus, } = props;
+    const { actionsRef, autocomplete = true, children, defaultValue, description, disabled, id, inputRef, inline, keyboard, max, maxLength, min, name: nameProp, readonly, rows, loading, type = "text", validations, value, onChange, onEnter, onFocus, onBlur, onValidation, onKeyUp, clearable = "never", autofocus, } = props;
     const { control, setValue, watch } = reactHookForm.useFormContext() != undefined
         ? reactHookForm.useFormContext()
         : // If there isn't a Form Context being provided, get a form for this field.
             reactHookForm.useForm({ mode: "onTouched" });
-    const [identifier] = React.useState(React.useId());
-    const [descriptionIdentifier] = React.useState(`descriptionUUID--${React.useId()}`);
+    const descriptionIdentifier = `descriptionUUID--${id}`;
     /**
      * Generate a name if one is not supplied, this is the name
      * that will be used for react-hook-form and not neccessarily
      * attached to the DOM
      */
-    const [controlledName] = React.useState(name ? name : `generatedName--${identifier}`);
+    const name = nameProp ? nameProp : `generatedName--${id}`;
     React.useEffect(() => {
         if (value != undefined) {
-            setValue(controlledName, value);
+            setValue(name, value);
         }
-    }, [value, watch(controlledName)]);
+    }, [value, watch(name)]);
     React.useImperativeHandle(actionsRef, () => ({
         setValue: newValue => {
-            setValue(controlledName, newValue, { shouldValidate: true });
+            setValue(name, newValue, { shouldValidate: true });
         },
     }));
     const _b = reactHookForm.useController({
-        name: controlledName,
+        name,
         control,
         rules: validations,
         defaultValue: (_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : "",
-    }), _c = _b.field, { onChange: onControllerChange, onBlur: onControllerBlur, name: controllerName } = _c, rest = tslib_es6.__rest(_c, ["onChange", "onBlur", "name"]), { fieldState: { error } } = _b;
+    }), _c = _b.field, { onChange: onControllerChange, onBlur: onControllerBlur } = _c, rest = tslib_es6.__rest(_c, ["onChange", "onBlur"]), { fieldState: { error } } = _b;
     const errorMessage = (error === null || error === void 0 ? void 0 : error.message) || "";
     React.useEffect(() => handleValidation(errorMessage), [errorMessage]);
-    const fieldProps = Object.assign(Object.assign(Object.assign({}, rest), { id: identifier, className: styles$1.input, name: (validations || name) && controllerName, disabled: disabled, readOnly: readonly, inputMode: keyboard, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, autoFocus: autofocus }), (description &&
+    const fieldProps = Object.assign(Object.assign(Object.assign({}, rest), { id, className: styles$1.input, name: (validations || nameProp) && name, disabled: disabled, readOnly: readonly, inputMode: keyboard, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, autoFocus: autofocus }), (description &&
         !inline && { "aria-describedby": descriptionIdentifier }));
     const textFieldProps = Object.assign(Object.assign({}, fieldProps), { autoFocus: autofocus, onKeyDown: handleKeyDown });
-    return (React.createElement(FormFieldWrapper, Object.assign({}, props, { value: rest.value, error: errorMessage, identifier: identifier, descriptionIdentifier: descriptionIdentifier, clearable: clearable, onClear: handleClear }), renderField()));
+    return (React.createElement(FormFieldWrapper, Object.assign({}, props, { value: rest.value, error: errorMessage, identifier: id, descriptionIdentifier: descriptionIdentifier, clearable: clearable, onClear: handleClear }), renderField()));
     function renderField() {
         switch (type) {
             case "select":
@@ -242,7 +248,7 @@ function FormField(props) {
     function handleClear() {
         var _a;
         handleBlur();
-        setValue(controlledName, "", { shouldValidate: true });
+        setValue(name, "", { shouldValidate: true });
         onChange && onChange("");
         (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }

package/dist/FormatDate/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var FormatDate = require('../FormatDate-BI5vCfrY.js');
+var FormatDate = require('../FormatDate-gop_4WGo.js');
 require('react');
 
 

package/dist/FormatDate/index.mjs

@@ -1,2 +1,2 @@
-export { F as FormatDate, s as strFormatDate } from '../FormatDate-OJGOWuZ7.js';
+export { F as FormatDate, s as strFormatDate } from '../FormatDate-DWerV51y.js';
 import 'react';

package/dist/FormatEmail/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var FormatEmail = require('../FormatEmail-DatxCaUT.js');
+var FormatEmail = require('../FormatEmail-pW8lplsB.js');
 require('react');
 require('classnames');
 

package/dist/FormatEmail/index.mjs

@@ -1,3 +1,3 @@
-export { F as FormatEmail } from '../FormatEmail-D6fFrSYb.js';
+export { F as FormatEmail } from '../FormatEmail-PGJJv1U9.js';
 import 'react';
 import 'classnames';

package/dist/FormatFile/index.cjs

@@ -1,33 +1,33 @@
 'use strict';
 
-var FormatFile = require('../FormatFile-DhcWW4k1.js');
+var FormatFile = require('../FormatFile-CxuJQstK.js');
 require('react');
 require('classnames');
 require('filesize');
-require('../Button-BiH4aFYf.js');
+require('../Button-BkAv-fJN.js');
 require('react-router-dom');
-require('../Icon-DQi2LvzA.js');
+require('../Icon-DSKUdvZp.js');
 require('@jobber/design');
-require('../Typography-BzXw5VVe.js');
-require('../ConfirmationModal-BVG79_Bc.js');
-require('../useOnKeyDown-Chaosqw8.js');
-require('../Modal-hlJkQ-D0.js');
+require('../Typography-BMES21OA.js');
+require('../ConfirmationModal-Cv14aK25.js');
+require('../useOnKeyDown-CheYdZD3.js');
+require('../Modal-BnScV_8q.js');
 require('react-dom');
 require('framer-motion');
-require('../useRefocusOnActivator-BRfpAf2F.js');
-require('../useFocusTrap-DKevtEeI.js');
-require('../Heading-BBawb2Hw.js');
-require('../ButtonDismiss-yUF5YZPY.js');
-require('../Content-B59r3TpU.js');
-require('../Markdown-BxZpVU2W.js');
-require('../Text-Dxqb1Et4.js');
-require('../Emphasis-CwU5gAk7.js');
-require('../index-qn6S_euU.js');
-require('../_commonjsHelpers-BfqZwAHF.js');
-require('../_polyfill-node.process-BuKM6a_O.js');
-require('../Glimmer-Drj58mMx.js');
-require('../tslib.es6-Ad5lVuXS.js');
-require('../ProgressBar-CsgAVwSc.js');
+require('../useRefocusOnActivator-DyS_fDbE.js');
+require('../useFocusTrap-1ImpQakE.js');
+require('../Heading-BVdezzMz.js');
+require('../ButtonDismiss-BiC6LOSd.js');
+require('../Content-dpqiaBcG.js');
+require('../Markdown-BcjotThU.js');
+require('../Text-DOhF9u8p.js');
+require('../Emphasis-PKPs8DZO.js');
+require('../index-DrrlQliK.js');
+require('../_commonjsHelpers-Bfu-hAPb.js');
+require('../_polyfill-node.process-DZcPVo74.js');
+require('../Glimmer-DOdFvuPH.js');
+require('../tslib.es6-BJcJAyxK.js');
+require('../ProgressBar-hOtBB_U_.js');
 
 
 

package/dist/FormatFile/index.mjs

@@ -1,28 +1,28 @@
-export { F as FormatFile } from '../FormatFile-CUU6rSR3.js';
+export { F as FormatFile } from '../FormatFile-CilyoZ0t.js';
 import 'react';
 import 'classnames';
 import 'filesize';
-import '../Button-CSCL2iXv.js';
+import '../Button-B2lkkRdD.js';
 import 'react-router-dom';
-import '../Icon-D21QKn3T.js';
+import '../Icon-BX5qZVdt.js';
 import '@jobber/design';
-import '../Typography-DP25Yo1Y.js';
-import '../ConfirmationModal-CdyP9OTT.js';
-import '../useOnKeyDown-CjXDS24M.js';
-import '../Modal-16G40Ami.js';
+import '../Typography-B3Wr3wnK.js';
+import '../ConfirmationModal-DK3BQ8m0.js';
+import '../useOnKeyDown-UalXIlke.js';
+import '../Modal-DPDe9RXP.js';
 import 'react-dom';
 import 'framer-motion';
-import '../useRefocusOnActivator-B02xobUu.js';
-import '../useFocusTrap-CisWgOGI.js';
-import '../Heading-CAj7C4GX.js';
-import '../ButtonDismiss-86gui4I1.js';
-import '../Content-D8jMez2S.js';
-import '../Markdown-BlaXb3MY.js';
-import '../Text-sXC7JO40.js';
-import '../Emphasis-BEbl3guy.js';
-import '../index-o7j6cYvI.js';
-import '../_commonjsHelpers-CzvZh53X.js';
-import '../_polyfill-node.process-BmYRvG9R.js';
-import '../Glimmer-Dq9pCD6q.js';
-import '../tslib.es6-D4HanDzD.js';
-import '../ProgressBar-DfuSlKKN.js';
+import '../useRefocusOnActivator-BVWxO5kd.js';
+import '../useFocusTrap-CYYxqyT-.js';
+import '../Heading-D81S88i7.js';
+import '../ButtonDismiss-BUBSDXsb.js';
+import '../Content-DdOFkGYA.js';
+import '../Markdown-BX6n-3VC.js';
+import '../Text-uOs59uh3.js';
+import '../Emphasis-BtjpvT2t.js';
+import '../index-B5IhRwfS.js';
+import '../_commonjsHelpers-BiIaQBY6.js';
+import '../_polyfill-node.process-BpqFRFVe.js';
+import '../Glimmer-yCy6q33q.js';
+import '../tslib.es6-avIlUt9o.js';
+import '../ProgressBar-D6_FSz44.js';

package/dist/{FormatFile-CUU6rSR3.js → FormatFile-CilyoZ0t.js}

@@ -1,13 +1,13 @@
 import React, { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import getHumanReadableFileSize from 'filesize';
-import { B as Button } from './Button-CSCL2iXv.js';
-import { C as ConfirmationModal } from './ConfirmationModal-CdyP9OTT.js';
-import { G as Glimmer } from './Glimmer-Dq9pCD6q.js';
-import { I as Icon } from './Icon-D21QKn3T.js';
-import { T as Typography } from './Typography-DP25Yo1Y.js';
-import { T as Text } from './Text-sXC7JO40.js';
-import { P as ProgressBar } from './ProgressBar-DfuSlKKN.js';
+import { B as Button } from './Button-B2lkkRdD.js';
+import { C as ConfirmationModal } from './ConfirmationModal-DK3BQ8m0.js';
+import { G as Glimmer } from './Glimmer-yCy6q33q.js';
+import { I as Icon } from './Icon-BX5qZVdt.js';
+import { T as Typography } from './Typography-B3Wr3wnK.js';
+import { T as Text } from './Text-uOs59uh3.js';
+import { P as ProgressBar } from './ProgressBar-D6_FSz44.js';
 
 var styles$2 = {"formatFile":"izUmsxxh1nU-","expanded":"cx4iQqlNNvc-","compact":"nSaog7-7Jn0-","wrapper":"_9jVt97W52JY-","large":"z-kUGMs0Yfg-","base":"x1Ql0enaIxY-","thumbnail":"il9-MCeoBts-","clickable":"O9EG-xJYVco-","hoverable":"QmrRp5CTpGU-","progress":"N5qVYfi1Pgo-","contentBlock":"TyXXZnJuVwo-","deleteButton":"_7wDO6nPXy-g-","deleteable":"sgUJuNv0rUE-"};
 
@@ -81,9 +81,7 @@ function InternalThumbnail({ compact = false, size, file, }) {
     const { name, type } = file;
     const iconName = getIconNameFromType(type);
     const hasName = Boolean(name) && compact;
-    const nonHeicImage = !type.startsWith("image/heic");
-    const userAgent = typeof document === "undefined" ? "" : window.navigator.userAgent;
-    if (type.startsWith("image/") && (nonHeicImage || isSafari(userAgent))) {
+    if (type.startsWith("image/") && isSupportedImageType(file)) {
         return React.createElement(InternalThumbnailImage, { file: file });
     }
     return (React.createElement("div", { className: classnames(styles$1.content, styles$1[size], {
@@ -107,6 +105,12 @@ function getIconNameFromType(mimeType) {
             return "file";
     }
 }
+function isSupportedImageType(file) {
+    const userAgent = typeof document === "undefined" ? "" : window.navigator.userAgent;
+    const nonHeicImage = !file.type.startsWith("image/heic");
+    const nonSVGImage = !file.type.startsWith("image/svg");
+    return (nonHeicImage || isSafari(userAgent)) && nonSVGImage;
+}
 
 function FormatFile({ file, display = "expanded", displaySize = "base", onDelete, onClick, }) {
     const isComplete = file.progress >= 1;
@@ -144,4 +148,4 @@ function isHoverable({ display, isComplete, onClick, onDelete, }) {
     return false;
 }
 
-export { FormatFile as F };
+export { FormatFile as F, isSafari as i };

package/dist/{FormatFile-DhcWW4k1.js → FormatFile-CxuJQstK.js}

@@ -3,13 +3,13 @@
 var React = require('react');
 var classnames = require('classnames');
 var getHumanReadableFileSize = require('filesize');
-var Button = require('./Button-BiH4aFYf.js');
-var ConfirmationModal = require('./ConfirmationModal-BVG79_Bc.js');
-var Glimmer = require('./Glimmer-Drj58mMx.js');
-var Icon = require('./Icon-DQi2LvzA.js');
-var Typography = require('./Typography-BzXw5VVe.js');
-var Text = require('./Text-Dxqb1Et4.js');
-var ProgressBar = require('./ProgressBar-CsgAVwSc.js');
+var Button = require('./Button-BkAv-fJN.js');
+var ConfirmationModal = require('./ConfirmationModal-Cv14aK25.js');
+var Glimmer = require('./Glimmer-DOdFvuPH.js');
+var Icon = require('./Icon-DSKUdvZp.js');
+var Typography = require('./Typography-BMES21OA.js');
+var Text = require('./Text-DOhF9u8p.js');
+var ProgressBar = require('./ProgressBar-hOtBB_U_.js');
 
 var styles$2 = {"formatFile":"izUmsxxh1nU-","expanded":"cx4iQqlNNvc-","compact":"nSaog7-7Jn0-","wrapper":"_9jVt97W52JY-","large":"z-kUGMs0Yfg-","base":"x1Ql0enaIxY-","thumbnail":"il9-MCeoBts-","clickable":"O9EG-xJYVco-","hoverable":"QmrRp5CTpGU-","progress":"N5qVYfi1Pgo-","contentBlock":"TyXXZnJuVwo-","deleteButton":"_7wDO6nPXy-g-","deleteable":"sgUJuNv0rUE-"};
 
@@ -83,9 +83,7 @@ function InternalThumbnail({ compact = false, size, file, }) {
     const { name, type } = file;
     const iconName = getIconNameFromType(type);
     const hasName = Boolean(name) && compact;
-    const nonHeicImage = !type.startsWith("image/heic");
-    const userAgent = typeof document === "undefined" ? "" : window.navigator.userAgent;
-    if (type.startsWith("image/") && (nonHeicImage || isSafari(userAgent))) {
+    if (type.startsWith("image/") && isSupportedImageType(file)) {
         return React.createElement(InternalThumbnailImage, { file: file });
     }
     return (React.createElement("div", { className: classnames(styles$1.content, styles$1[size], {
@@ -109,6 +107,12 @@ function getIconNameFromType(mimeType) {
             return "file";
     }
 }
+function isSupportedImageType(file) {
+    const userAgent = typeof document === "undefined" ? "" : window.navigator.userAgent;
+    const nonHeicImage = !file.type.startsWith("image/heic");
+    const nonSVGImage = !file.type.startsWith("image/svg");
+    return (nonHeicImage || isSafari(userAgent)) && nonSVGImage;
+}
 
 function FormatFile({ file, display = "expanded", displaySize = "base", onDelete, onClick, }) {
     const isComplete = file.progress >= 1;
@@ -147,3 +151,4 @@ function isHoverable({ display, isComplete, onClick, onDelete, }) {
 }
 
 exports.FormatFile = FormatFile;
+exports.isSafari = isSafari;

package/dist/FormatRelativeDateTime/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var FormatRelativeDateTime = require('../FormatRelativeDateTime-DF7uQzGs.js');
+var FormatRelativeDateTime = require('../FormatRelativeDateTime-kAO4Amny.js');
 require('react');
 
 

package/dist/FormatRelativeDateTime/index.mjs

@@ -1,2 +1,2 @@
-export { F as FormatRelativeDateTime } from '../FormatRelativeDateTime-DtH322pi.js';
+export { F as FormatRelativeDateTime } from '../FormatRelativeDateTime-CyxFNWGy.js';
 import 'react';

package/dist/FormatTime/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var FormatTime = require('../FormatTime-DiNuLDJu.js');
+var FormatTime = require('../FormatTime-qnzKZysn.js');
 require('react');
 
 

package/dist/FormatTime/index.mjs

@@ -1,2 +1,2 @@
-export { F as FormatTime } from '../FormatTime-C6aop3wT.js';
+export { F as FormatTime } from '../FormatTime-NXtT934q.js';
 import 'react';

package/dist/Gallery/index.cjs

@@ -1,40 +1,40 @@
 'use strict';
 
-var Gallery = require('../Gallery-r3Mn-A0B.js');
+var Gallery = require('../Gallery-enLvuCe5.js');
 require('react');
 require('classnames');
-require('../LightBox-DxXHQqv_.js');
+require('../LightBox-Odjk32a8.js');
 require('framer-motion');
 require('react-dom');
-require('../debounce-CbzD8P60.js');
-require('../_commonjsHelpers-BfqZwAHF.js');
-require('../isObjectLike-DP92uyxK.js');
-require('../isSymbol-Cd4Jt4FA.js');
-require('../useRefocusOnActivator-BRfpAf2F.js');
-require('../useOnKeyDown-Chaosqw8.js');
-require('../useFocusTrap-DKevtEeI.js');
-require('../useIsMounted-ClgFc__8.js');
-require('../useSafeLayoutEffect-LYz9p4-C.js');
-require('../ButtonDismiss-yUF5YZPY.js');
-require('../Button-BiH4aFYf.js');
+require('../debounce-BYoqJUs9.js');
+require('../_commonjsHelpers-Bfu-hAPb.js');
+require('../isObjectLike-D0gm2UIp.js');
+require('../isSymbol-DZwKu_RH.js');
+require('../useRefocusOnActivator-DyS_fDbE.js');
+require('../useOnKeyDown-CheYdZD3.js');
+require('../useFocusTrap-1ImpQakE.js');
+require('../useIsMounted-BfueF5le.js');
+require('../useSafeLayoutEffect-CEf8yju9.js');
+require('../ButtonDismiss-BiC6LOSd.js');
+require('../Button-BkAv-fJN.js');
 require('react-router-dom');
-require('../Icon-DQi2LvzA.js');
+require('../Icon-DSKUdvZp.js');
 require('@jobber/design');
-require('../Typography-BzXw5VVe.js');
-require('../FormatFile-DhcWW4k1.js');
+require('../Typography-BMES21OA.js');
+require('../FormatFile-CxuJQstK.js');
 require('filesize');
-require('../ConfirmationModal-BVG79_Bc.js');
-require('../Modal-hlJkQ-D0.js');
-require('../Heading-BBawb2Hw.js');
-require('../Content-B59r3TpU.js');
-require('../Markdown-BxZpVU2W.js');
-require('../Text-Dxqb1Et4.js');
-require('../Emphasis-CwU5gAk7.js');
-require('../index-qn6S_euU.js');
-require('../_polyfill-node.process-BuKM6a_O.js');
-require('../Glimmer-Drj58mMx.js');
-require('../tslib.es6-Ad5lVuXS.js');
-require('../ProgressBar-CsgAVwSc.js');
+require('../ConfirmationModal-Cv14aK25.js');
+require('../Modal-BnScV_8q.js');
+require('../Heading-BVdezzMz.js');
+require('../Content-dpqiaBcG.js');
+require('../Markdown-BcjotThU.js');
+require('../Text-DOhF9u8p.js');
+require('../Emphasis-PKPs8DZO.js');
+require('../index-DrrlQliK.js');
+require('../_polyfill-node.process-DZcPVo74.js');
+require('../Glimmer-DOdFvuPH.js');
+require('../tslib.es6-BJcJAyxK.js');
+require('../ProgressBar-hOtBB_U_.js');
 
 
 

package/dist/Gallery/index.mjs

@@ -1,35 +1,35 @@
-export { G as Gallery } from '../Gallery-D0W_ELDP.js';
+export { G as Gallery } from '../Gallery-dcjMeogj.js';
 import 'react';
 import 'classnames';
-import '../LightBox-CAduaLy_.js';
+import '../LightBox-DeFs-kun.js';
 import 'framer-motion';
 import 'react-dom';
-import '../debounce-C2fgB8l0.js';
-import '../_commonjsHelpers-CzvZh53X.js';
-import '../isObjectLike-Bh1XSJx6.js';
-import '../isSymbol-D4jbWnNg.js';
-import '../useRefocusOnActivator-B02xobUu.js';
-import '../useOnKeyDown-CjXDS24M.js';
-import '../useFocusTrap-CisWgOGI.js';
-import '../useIsMounted-BcVjAbJQ.js';
-import '../useSafeLayoutEffect-BndrDAla.js';
-import '../ButtonDismiss-86gui4I1.js';
-import '../Button-CSCL2iXv.js';
+import '../debounce-C6hHvtMk.js';
+import '../_commonjsHelpers-BiIaQBY6.js';
+import '../isObjectLike-Bg8KbORO.js';
+import '../isSymbol-BWXJbGfY.js';
+import '../useRefocusOnActivator-BVWxO5kd.js';
+import '../useOnKeyDown-UalXIlke.js';
+import '../useFocusTrap-CYYxqyT-.js';
+import '../useIsMounted-BXATWsgp.js';
+import '../useSafeLayoutEffect-F7JoKptg.js';
+import '../ButtonDismiss-BUBSDXsb.js';
+import '../Button-B2lkkRdD.js';
 import 'react-router-dom';
-import '../Icon-D21QKn3T.js';
+import '../Icon-BX5qZVdt.js';
 import '@jobber/design';
-import '../Typography-DP25Yo1Y.js';
-import '../FormatFile-CUU6rSR3.js';
+import '../Typography-B3Wr3wnK.js';
+import '../FormatFile-CilyoZ0t.js';
 import 'filesize';
-import '../ConfirmationModal-CdyP9OTT.js';
-import '../Modal-16G40Ami.js';
-import '../Heading-CAj7C4GX.js';
-import '../Content-D8jMez2S.js';
-import '../Markdown-BlaXb3MY.js';
-import '../Text-sXC7JO40.js';
-import '../Emphasis-BEbl3guy.js';
-import '../index-o7j6cYvI.js';
-import '../_polyfill-node.process-BmYRvG9R.js';
-import '../Glimmer-Dq9pCD6q.js';
-import '../tslib.es6-D4HanDzD.js';
-import '../ProgressBar-DfuSlKKN.js';
+import '../ConfirmationModal-DK3BQ8m0.js';
+import '../Modal-DPDe9RXP.js';
+import '../Heading-D81S88i7.js';
+import '../Content-DdOFkGYA.js';
+import '../Markdown-BX6n-3VC.js';
+import '../Text-uOs59uh3.js';
+import '../Emphasis-BtjpvT2t.js';
+import '../index-B5IhRwfS.js';
+import '../_polyfill-node.process-BpqFRFVe.js';
+import '../Glimmer-yCy6q33q.js';
+import '../tslib.es6-avIlUt9o.js';
+import '../ProgressBar-D6_FSz44.js';

package/dist/{Gallery-D0W_ELDP.js → Gallery-dcjMeogj.js}

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import { L as LightBox } from './LightBox-CAduaLy_.js';
-import { F as FormatFile } from './FormatFile-CUU6rSR3.js';
-import { B as Button } from './Button-CSCL2iXv.js';
+import { L as LightBox } from './LightBox-DeFs-kun.js';
+import { F as FormatFile, i as isSafari } from './FormatFile-CilyoZ0t.js';
+import { B as Button } from './Button-B2lkkRdD.js';
 
 var styles = {"gallery":"G3D4T8IYmwA-","galleryLarge":"_6sZaxiji5rQ-","showMoreButton":"wh-FkS64oJ0-","baseShowMoreButton":"Idp-BJIbUUs-","largeShowMoreButton":"kOG-STgt5Hs-"};
 
@@ -25,7 +25,8 @@ function Gallery({ files, size = "base", max, onDelete }) {
                     } })))),
         React.createElement(LightBox, { open: lightboxOpen, images: images, imageIndex: lightboxIndex, onRequestClose: handleLightboxClose })));
     function handleThumbnailClicked(index) {
-        if (files[index].type.startsWith("image/")) {
+        if (files[index].type.startsWith("image/") &&
+            isSupportedImageType(files[index])) {
             handleLightboxOpen(index);
         }
         else {
@@ -43,12 +44,18 @@ function Gallery({ files, size = "base", max, onDelete }) {
         setLightboxOpen(false);
     }
 }
+function isSupportedImageType(file) {
+    const userAgent = typeof document === "undefined" ? "" : window.navigator.userAgent;
+    const nonHeicImage = !file.type.startsWith("image/heic");
+    const nonSVGImage = !file.type.startsWith("image/svg");
+    return (nonHeicImage || isSafari(userAgent)) && nonSVGImage;
+}
 function generateImagesArray(files) {
     const images = [];
     const filesToImageIndex = [];
     let imageIndex = 0;
     for (let i = 0; i < files.length; i++) {
-        if (files[i].type.startsWith("image/")) {
+        if (files[i].type.startsWith("image/") && isSupportedImageType(files[i])) {
             images.push({ title: files[i].name, url: files[i].src });
             filesToImageIndex.push(imageIndex);
             imageIndex++;

package/dist/{Gallery-r3Mn-A0B.js → Gallery-enLvuCe5.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var LightBox = require('./LightBox-DxXHQqv_.js');
-var FormatFile = require('./FormatFile-DhcWW4k1.js');
-var Button = require('./Button-BiH4aFYf.js');
+var LightBox = require('./LightBox-Odjk32a8.js');
+var FormatFile = require('./FormatFile-CxuJQstK.js');
+var Button = require('./Button-BkAv-fJN.js');
 
 var styles = {"gallery":"G3D4T8IYmwA-","galleryLarge":"_6sZaxiji5rQ-","showMoreButton":"wh-FkS64oJ0-","baseShowMoreButton":"Idp-BJIbUUs-","largeShowMoreButton":"kOG-STgt5Hs-"};
 
@@ -27,7 +27,8 @@ function Gallery({ files, size = "base", max, onDelete }) {
                     } })))),
         React.createElement(LightBox.LightBox, { open: lightboxOpen, images: images, imageIndex: lightboxIndex, onRequestClose: handleLightboxClose })));
     function handleThumbnailClicked(index) {
-        if (files[index].type.startsWith("image/")) {
+        if (files[index].type.startsWith("image/") &&
+            isSupportedImageType(files[index])) {
             handleLightboxOpen(index);
         }
         else {
@@ -45,12 +46,18 @@ function Gallery({ files, size = "base", max, onDelete }) {
         setLightboxOpen(false);
     }
 }
+function isSupportedImageType(file) {
+    const userAgent = typeof document === "undefined" ? "" : window.navigator.userAgent;
+    const nonHeicImage = !file.type.startsWith("image/heic");
+    const nonSVGImage = !file.type.startsWith("image/svg");
+    return (nonHeicImage || FormatFile.isSafari(userAgent)) && nonSVGImage;
+}
 function generateImagesArray(files) {
     const images = [];
     const filesToImageIndex = [];
     let imageIndex = 0;
     for (let i = 0; i < files.length; i++) {
-        if (files[i].type.startsWith("image/")) {
+        if (files[i].type.startsWith("image/") && isSupportedImageType(files[i])) {
             images.push({ title: files[i].name, url: files[i].src });
             filesToImageIndex.push(imageIndex);
             imageIndex++;

package/dist/Glimmer/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var Glimmer = require('../Glimmer-Drj58mMx.js');
-require('../tslib.es6-Ad5lVuXS.js');
+var Glimmer = require('../Glimmer-DOdFvuPH.js');
+require('../tslib.es6-BJcJAyxK.js');
 require('react');
 require('classnames');
-require('../Content-B59r3TpU.js');
+require('../Content-dpqiaBcG.js');
 
 
 

package/dist/Glimmer/index.mjs

@@ -1,5 +1,5 @@
-export { a as GLIMMER_TEST_ID, G as Glimmer } from '../Glimmer-Dq9pCD6q.js';
-import '../tslib.es6-D4HanDzD.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from '../Glimmer-yCy6q33q.js';
+import '../tslib.es6-avIlUt9o.js';
 import 'react';
 import 'classnames';
-import '../Content-D8jMez2S.js';
+import '../Content-DdOFkGYA.js';

package/dist/{Glimmer-Drj58mMx.js → Glimmer-DOdFvuPH.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-Ad5lVuXS.js');
+var tslib_es6 = require('./tslib.es6-BJcJAyxK.js');
 var React = require('react');
 var classnames = require('classnames');
-var Content = require('./Content-B59r3TpU.js');
+var Content = require('./Content-dpqiaBcG.js');
 
 var styles = {"glimmer":"FXzzrJAf890-","reverseTheme":"s9bG0yRJR3A-","header":"M0X0dxjIyv4-","button":"v2Q1amzd7Ac-","buttonFill":"_8va--lBgr38-"};