@lifesg/react-design-system 4.0.0-alpha.2 → 4.0.0-alpha.3

package/cjs/error-display/error-display.js.map

@@ -1 +1 @@
-{"version":3,"file":"error-display.js","sources":["../../../src/error-display/error-display.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport type React from \"react\";\nimport { useContext } from \"react\";\n\nimport { Button } from \"../button\";\nimport { Markup } from \"../markup\";\nimport { Breakpoint, useDesignToken } from \"../theme\";\nimport { ThemeContext } from \"../theme/theme-provider/context\";\nimport { Typography } from \"../typography\";\nimport * as styles from \"./error-display.styles\";\nimport { getErrorDisplayData } from \"./error-display-data\";\nimport { InactivityTimer } from \"./inactivity-timer\";\nimport type {\n    ErrorDisplayProps,\n    InactivityAdditionalAttributes,\n    MaintenanceAdditionalAttributes,\n} from \"./types\";\n\nexport const ErrorDisplay = ({\n    type,\n    img,\n    title,\n    description,\n    actionButton,\n    additionalProps,\n    imageOnly,\n    illustrationScheme,\n    className,\n    ...otherProps\n}: ErrorDisplayProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const theme = useContext(ThemeContext);\n    const mobile = useDesignToken(Breakpoint[\"sm-max\"]) || Breakpoint[\"sm-max\"];\n    const tablet = useDesignToken(Breakpoint[\"lg-max\"]) || Breakpoint[\"lg-max\"];\n    const defaultAssets = getErrorDisplayData(\n        type,\n        illustrationScheme || theme?.theme || \"lifesg\",\n        mobile,\n        tablet\n    );\n    const inactivityAttrs =\n        type === \"inactivity\"\n            ? (additionalProps as InactivityAdditionalAttributes | undefined)\n            : undefined;\n\n    const secondsLeft = inactivityAttrs?.secondsLeft;\n    const reminderInterval = inactivityAttrs?.reminderInterval;\n    const testId = otherProps[\"data-testid\"] || \"error-display\";\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const getCustomDescription = (): string | JSX.Element | undefined => {\n        switch (type) {\n            case \"maintenance\": {\n                const typecastProps =\n                    additionalProps as MaintenanceAdditionalAttributes;\n                return additionalProps && typecastProps.dateString\n                    ? defaultAssets?.renderDescription?.(typecastProps)\n                    : description || undefined;\n            }\n            case \"inactivity\": {\n                const typecastProps =\n                    additionalProps as InactivityAdditionalAttributes;\n                return additionalProps && typecastProps.secondsLeft\n                    ? defaultAssets?.renderDescription?.(typecastProps)\n                    : description || undefined;\n            }\n            default:\n                return description || undefined;\n        }\n    };\n\n    // =============================================================================\n    // RENDER\n    // =============================================================================\n    if (!defaultAssets) {\n        return null;\n    }\n\n    const renderActionButton = () => {\n        const buttonProps: React.ButtonHTMLAttributes<HTMLButtonElement> = {\n            children: \"Proceed\",\n            ...actionButton,\n        };\n\n        return <Button className={styles.actionButton} {...buttonProps} />;\n    };\n\n    const updatedAssets = {\n        ...defaultAssets,\n        ...(img && { img }),\n        ...(title && { title }),\n        ...(getCustomDescription() && { description: getCustomDescription() }),\n    };\n\n    const renderContentDisplay = () => {\n        if (updatedAssets.title || updatedAssets.description) {\n            return (\n                <div className={styles.textContainer}>\n                    {updatedAssets.title &&\n                        (typeof updatedAssets.title === \"string\" ? (\n                            <Typography.HeadingMD\n                                className={styles.title}\n                                data-testid={`${testId}--title`}\n                                data-id=\"error-display-title\"\n                                as=\"h2\"\n                                weight=\"semibold\"\n                            >\n                                {updatedAssets.title}\n                            </Typography.HeadingMD>\n                        ) : (\n                            updatedAssets.title\n                        ))}\n                    {updatedAssets.description && (\n                        <Markup\n                            className={styles.descriptionContainer}\n                            data-testid={`${testId}--description`}\n                            data-id=\"error-display-description\"\n                            baseTextSize=\"body-baseline\"\n                        >\n                            {typeof updatedAssets.description === \"string\" ? (\n                                <p>{updatedAssets.description}</p>\n                            ) : (\n                                updatedAssets.description\n                            )}\n                        </Markup>\n                    )}\n                </div>\n            );\n        }\n\n        return null;\n    };\n\n    return (\n        <div\n            {...otherProps}\n            data-testid={testId}\n            className={clsx(styles.container, className)}\n        >\n            {type === \"inactivity\" && (\n                <InactivityTimer\n                    secondsLeft={secondsLeft}\n                    reminderInterval={reminderInterval}\n                    imageOnly={imageOnly}\n                    hasCustomDescription={!!description}\n                />\n            )}\n            <img\n                {...updatedAssets.img}\n                alt=\"\"\n                data-id=\"error-display-image\"\n                className={clsx(styles.img, updatedAssets.img?.className)}\n            />\n            {!imageOnly && renderContentDisplay()}\n            {actionButton && renderActionButton()}\n        </div>\n    );\n};\n"],"names":["_a","type","img","title","description","actionButton","additionalProps","imageOnly","illustrationScheme","className","otherProps","__rest","theme","useContext","ThemeContext","mobile","useDesignToken","Breakpoint","tablet","defaultAssets","getErrorDisplayData","inactivityAttrs","undefined","secondsLeft","reminderInterval","testId","getCustomDescription","typecastProps","dateString","renderDescription","call","_b","updatedAssets","Object","assign","_jsxs","clsx","styles.container","children","_jsx","InactivityTimer","hasCustomDescription","alt","styles.img","styles.textContainer","Typography","HeadingMD","styles.title","as","weight","Markup","styles.descriptionContainer","baseTextSize","buttonProps","Button","styles.actionButton","renderActionButton"],"mappings":"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"}
+{"version":3,"file":"error-display.js","sources":["../../../src/error-display/error-display.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport type React from \"react\";\nimport { useContext } from \"react\";\n\nimport { Button } from \"../button\";\nimport { Markup } from \"../markup\";\nimport { ThemeContext } from \"../theme/theme-provider/context\";\nimport { Typography } from \"../typography\";\nimport * as styles from \"./error-display.styles\";\nimport { getErrorDisplayData } from \"./error-display-data\";\nimport { InactivityTimer } from \"./inactivity-timer\";\nimport type {\n    ErrorDisplayProps,\n    InactivityAdditionalAttributes,\n    MaintenanceAdditionalAttributes,\n} from \"./types\";\n\nexport const ErrorDisplay = ({\n    type,\n    img,\n    title,\n    description,\n    actionButton,\n    additionalProps,\n    imageOnly,\n    illustrationScheme,\n    className,\n    ...otherProps\n}: ErrorDisplayProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const theme = useContext(ThemeContext);\n    const defaultAssets = getErrorDisplayData(\n        type,\n        illustrationScheme || theme?.theme || \"lifesg\"\n    );\n    const inactivityAttrs =\n        type === \"inactivity\"\n            ? (additionalProps as InactivityAdditionalAttributes | undefined)\n            : undefined;\n\n    const secondsLeft = inactivityAttrs?.secondsLeft;\n    const reminderInterval = inactivityAttrs?.reminderInterval;\n    const testId = otherProps[\"data-testid\"] || \"error-display\";\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const getCustomDescription = (): string | JSX.Element | undefined => {\n        switch (type) {\n            case \"maintenance\": {\n                const typecastProps =\n                    additionalProps as MaintenanceAdditionalAttributes;\n                return additionalProps && typecastProps.dateString\n                    ? defaultAssets?.renderDescription?.(typecastProps)\n                    : description || undefined;\n            }\n            case \"inactivity\": {\n                const typecastProps =\n                    additionalProps as InactivityAdditionalAttributes;\n                return additionalProps && typecastProps.secondsLeft\n                    ? defaultAssets?.renderDescription?.(typecastProps)\n                    : description || undefined;\n            }\n            default:\n                return description || undefined;\n        }\n    };\n\n    // =============================================================================\n    // RENDER\n    // =============================================================================\n    if (!defaultAssets) {\n        return null;\n    }\n\n    const renderActionButton = () => {\n        const buttonProps: React.ButtonHTMLAttributes<HTMLButtonElement> = {\n            children: \"Proceed\",\n            ...actionButton,\n        };\n\n        return <Button className={styles.actionButton} {...buttonProps} />;\n    };\n\n    const updatedAssets = {\n        ...defaultAssets,\n        ...(img && { img }),\n        ...(title && { title }),\n        ...(getCustomDescription() && { description: getCustomDescription() }),\n    };\n\n    const renderContentDisplay = () => {\n        if (updatedAssets.title || updatedAssets.description) {\n            return (\n                <div className={styles.textContainer}>\n                    {updatedAssets.title &&\n                        (typeof updatedAssets.title === \"string\" ? (\n                            <Typography.HeadingMD\n                                className={styles.title}\n                                data-testid={`${testId}--title`}\n                                data-id=\"error-display-title\"\n                                as=\"h2\"\n                                weight=\"semibold\"\n                            >\n                                {updatedAssets.title}\n                            </Typography.HeadingMD>\n                        ) : (\n                            updatedAssets.title\n                        ))}\n                    {updatedAssets.description && (\n                        <Markup\n                            className={styles.descriptionContainer}\n                            data-testid={`${testId}--description`}\n                            data-id=\"error-display-description\"\n                            baseTextSize=\"body-baseline\"\n                        >\n                            {typeof updatedAssets.description === \"string\" ? (\n                                <p>{updatedAssets.description}</p>\n                            ) : (\n                                updatedAssets.description\n                            )}\n                        </Markup>\n                    )}\n                </div>\n            );\n        }\n\n        return null;\n    };\n\n    return (\n        <div\n            {...otherProps}\n            data-testid={testId}\n            className={clsx(styles.container, className)}\n        >\n            {type === \"inactivity\" && (\n                <InactivityTimer\n                    secondsLeft={secondsLeft}\n                    reminderInterval={reminderInterval}\n                    imageOnly={imageOnly}\n                    hasCustomDescription={!!description}\n                />\n            )}\n            <img\n                {...updatedAssets.img}\n                alt=\"\"\n                data-id=\"error-display-image\"\n                className={clsx(styles.img, updatedAssets.img?.className)}\n            />\n            {!imageOnly && renderContentDisplay()}\n            {actionButton && renderActionButton()}\n        </div>\n    );\n};\n"],"names":["_a","type","img","title","description","actionButton","additionalProps","imageOnly","illustrationScheme","className","otherProps","__rest","theme","useContext","ThemeContext","defaultAssets","getErrorDisplayData","inactivityAttrs","undefined","secondsLeft","reminderInterval","testId","getCustomDescription","typecastProps","dateString","renderDescription","call","_b","updatedAssets","Object","assign","_jsxs","clsx","styles.container","children","_jsx","InactivityTimer","hasCustomDescription","alt","styles.img","styles.textContainer","Typography","HeadingMD","styles.title","as","weight","Markup","styles.descriptionContainer","baseTextSize","buttonProps","Button","styles.actionButton","renderActionButton"],"mappings":"qeAiB6BA,WAAAC,KACzBA,EAAIC,IACJA,EAAGC,MACHA,EAAKC,YACLA,EAAWC,aACXA,EAAYC,gBACZA,EAAeC,UACfA,EAASC,mBACTA,EAAkBC,UAClBA,KACGC,EAAUC,EAAAA,OAAAX,EAVY,CAAA,OAAA,MAAA,QAAA,cAAA,eAAA,kBAAA,YAAA,qBAAA,cAezB,MAAMY,EAAQC,EAAAA,WAAWC,gBACnBC,EAAgBC,EAAAA,oBAClBf,EACAO,IAAsBI,aAAK,EAALA,EAAOA,QAAS,UAEpCK,EACO,eAAThB,EACOK,OACDY,EAEJC,EAAcF,aAAe,EAAfA,EAAiBE,YAC/BC,EAAmBH,aAAe,EAAfA,EAAiBG,iBACpCC,EAASX,EAAW,gBAAkB,gBAKtCY,EAAuB,aACzB,OAAQrB,GACJ,IAAK,cAAe,CAChB,MAAMsB,EACFjB,EACJ,OAAOA,GAAmBiB,EAAcC,WACF,QAAhCxB,EAAAe,aAAa,EAAbA,EAAeU,yBAAiB,IAAAzB,OAAA,EAAAA,EAAA0B,KAAAX,EAAGQ,GACnCnB,QAAec,CACzB,CACA,IAAK,aAAc,CACf,MAAMK,EACFjB,EACJ,OAAOA,GAAmBiB,EAAcJ,YACF,QAAhCQ,EAAAZ,aAAa,EAAbA,EAAeU,yBAAiB,IAAAE,OAAA,EAAAA,EAAAD,KAAAX,EAAGQ,GACnCnB,QAAec,CACzB,CACA,QACI,OAAOd,QAAec,IAOlC,IAAKH,EACD,OAAO,KAGX,MASMa,EAAaC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZf,GACCb,GAAO,CAAEA,QACTC,GAAS,CAAEA,UACXmB,KAA0B,CAAElB,YAAakB,MA0CjD,OACIS,EAAAA,KAAA,MAAAF,OAAAC,OAAA,CAAA,EACQpB,iBACSW,EACbZ,UAAWuB,EAAAA,QAAKC,EAAAA,UAAkBxB,GAAUyB,SAAA,CAElC,eAATjC,GACGkC,EAAAA,IAACC,EAAAA,gBAAe,CACZjB,YAAaA,EACbC,iBAAkBA,EAClBb,UAAWA,EACX8B,uBAAwBjC,IAGhC+B,EAAAA,IAAA,MAAAN,OAAAC,OAAA,CAAA,EACQF,EAAc1B,IAAG,CACrBoC,IAAI,GAAE,UACE,sBACR7B,UAAWuB,EAAAA,QAAKO,EAAAA,IAA6B,QAAjBZ,EAAAC,EAAc1B,WAAG,IAAAyB,OAAA,EAAAA,EAAElB,eAEjDF,IA1DFqB,EAAczB,OAASyB,EAAcxB,YAEjC2B,EAAAA,KAAA,MAAA,CAAKtB,UAAW+B,EAAAA,cAAoBN,SAAA,CAC/BN,EAAczB,QACqB,iBAAxByB,EAAczB,MAClBgC,EAAAA,IAACM,EAAAA,WAAWC,WACRjC,UAAWkC,EAAAA,MAAY,cACV,GAAGtB,qBACR,sBACRuB,GAAG,KACHC,OAAO,WAAUX,SAEhBN,EAAczB,QAGnByB,EAAmB,OAE1BA,EAAcxB,aACX+B,MAACW,EAAAA,QACGrC,UAAWsC,uBAA2B,cACzB,GAAG1B,2BACR,4BACR2B,aAAa,gBAAed,SAEU,iBAA9BN,EAAcxB,YAClB+B,EAAAA,IAAA,IAAA,CAAAD,SAAIN,EAAcxB,cAElBwB,EAAyB,iBAQ1C,MAwBFvB,GA5EkB,MACvB,MAAM4C,iBACFf,SAAU,WACP7B,GAGP,OAAO8B,EAAAA,IAACe,EAAAA,OAAMrB,OAAAC,OAAA,CAACrB,UAAW0C,EAAAA,cAAyBF,GAAe,EAsE7CG,MACf"}

package/cjs/error-display/helper.js

@@ -1,2 +1,2 @@
-"use strict";exports.ErrorDisplayHelper=class{static imgAttributeHelper(t,e,s){const{base:i,md:r,lg:h,width:p,height:w}=t;return{srcSet:`${i} 400w, ${r} 800w, ${h} 1200w`,src:h,sizes:`(max-width: ${e}) 400px, (max-width: ${s}) 800px, 1200px`,width:p,height:w}}};
+"use strict";exports.ErrorDisplayHelper=class{static imgAttributeHelper(t){const{base:e,md:s,lg:i,width:r,height:p}=t;return{srcSet:`${e} 400w, ${s} 800w, ${i} 1200w`,src:i,sizes:"(max-width: 480px) 400px, (max-width: 1200px) 800px, 1200px",width:r,height:p}}};
 //# sourceMappingURL=helper.js.map

package/cjs/error-display/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","sources":["../../../src/error-display/helper.ts"],"sourcesContent":["export interface ErrorDisplayImagePathAttributes {\n    /** base sized image path */\n    base: string;\n\n    /** medium sized image path */\n    md: string;\n\n    /** large sized image path */\n    lg: string;\n\n    /** used with `height` to determine the aspect ratio for layout purposes */\n    width: number;\n\n    /** used with `width` to determine the aspect ratio for layout purposes */\n    height: number;\n}\n\nexport class ErrorDisplayHelper {\n    /**\n     * returns the html attributes required for the img element\n     * @param {ErrorDisplayImagePathAttributes} pathAttributes\n     */\n    public static imgAttributeHelper(\n        pathAttributes: ErrorDisplayImagePathAttributes,\n        mobile: string,\n        tablet: string\n    ): React.ImgHTMLAttributes<HTMLImageElement> {\n        const { base, md, lg, width, height } = pathAttributes;\n\n        return {\n            srcSet: `${base} 400w, ${md} 800w, ${lg} 1200w`,\n            src: lg,\n            sizes: `(max-width: ${mobile}) 400px, (max-width: ${tablet}) 800px, 1200px`,\n            width,\n            height,\n        };\n    }\n}\n"],"names":["imgAttributeHelper","pathAttributes","mobile","tablet","base","md","lg","width","height","srcSet","src","sizes"],"mappings":"8CAsBW,yBAAOA,CACVC,EACAC,EACAC,GAEA,MAAMC,KAAEA,EAAIC,GAAEA,EAAEC,GAAEA,EAAEC,MAAEA,EAAKC,OAAEA,GAAWP,EAExC,MAAO,CACHQ,OAAQ,GAAGL,WAAcC,WAAYC,UACrCI,IAAKJ,EACLK,MAAO,eAAeT,yBAA8BC,mBACpDI,QACAC,SAER"}
+{"version":3,"file":"helper.js","sources":["../../../src/error-display/helper.ts"],"sourcesContent":["export interface ErrorDisplayImagePathAttributes {\n    /** base sized image path */\n    base: string;\n\n    /** medium sized image path */\n    md: string;\n\n    /** large sized image path */\n    lg: string;\n\n    /** used with `height` to determine the aspect ratio for layout purposes */\n    width: number;\n\n    /** used with `width` to determine the aspect ratio for layout purposes */\n    height: number;\n}\n\nexport class ErrorDisplayHelper {\n    /**\n     * returns the html attributes required for the img element\n     * @param {ErrorDisplayImagePathAttributes} pathAttributes\n     */\n    public static imgAttributeHelper(\n        pathAttributes: ErrorDisplayImagePathAttributes\n    ): React.ImgHTMLAttributes<HTMLImageElement> {\n        const { base, md, lg, width, height } = pathAttributes;\n\n        return {\n            srcSet: `${base} 400w, ${md} 800w, ${lg} 1200w`,\n            src: lg,\n            sizes: `(max-width: 480px) 400px, (max-width: 1200px) 800px, 1200px`,\n            width,\n            height,\n        };\n    }\n}\n"],"names":["imgAttributeHelper","pathAttributes","base","md","lg","width","height","srcSet","src","sizes"],"mappings":"8CAsBW,yBAAOA,CACVC,GAEA,MAAMC,KAAEA,EAAIC,GAAEA,EAAEC,GAAEA,EAAEC,MAAEA,EAAKC,OAAEA,GAAWL,EAExC,MAAO,CACHM,OAAQ,GAAGL,WAAcC,WAAYC,UACrCI,IAAKJ,EACLK,MAAO,8DACPJ,QACAC,SAER"}

package/cjs/external/lodash/isNumber.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_commonjsHelpers.js"),r=require("./_baseGetTag.js"),t=require("./isObjectLike.js"),s=r._baseGetTag,u=t.isObjectLike_1;var i=function(e){return"number"==typeof e||u(e)&&"[object Number]"==s(e)},o=e.getDefaultExportFromCjs(i);exports.default=o;
+//# sourceMappingURL=isNumber.js.map

package/cjs/external/lodash/isNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isNumber.js","sources":["../../../../node_modules/lodash/isNumber.js"],"sourcesContent":["var baseGetTag = require('./_baseGetTag'),\n    isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar numberTag = '[object Number]';\n\n/**\n * Checks if `value` is classified as a `Number` primitive or object.\n *\n * **Note:** To exclude `Infinity`, `-Infinity`, and `NaN`, which are\n * classified as numbers, use the `_.isFinite` method.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a number, else `false`.\n * @example\n *\n * _.isNumber(3);\n * // => true\n *\n * _.isNumber(Number.MIN_VALUE);\n * // => true\n *\n * _.isNumber(Infinity);\n * // => true\n *\n * _.isNumber('3');\n * // => false\n */\nfunction isNumber(value) {\n  return typeof value == 'number' ||\n    (isObjectLike(value) && baseGetTag(value) == numberTag);\n}\n\nmodule.exports = isNumber;\n"],"names":["baseGetTag","require$$0","isObjectLike","require$$1","isNumber_1","value"],"mappings":"qLAAIA,EAAaC,EAAAA,YACbC,EAAeC,EAAAA,eAoCnB,IAAAC,EALA,SAAkBC,GAChB,MAAuB,iBAATA,GACXH,EAAaG,IA9BF,mBA8BYL,EAAWK,EACvC","x_google_ignoreList":[0]}

package/cjs/external/lodash.clonedeep/index.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("../../_virtual/_commonjsHelpers.js"),r=require("../../_virtual/index4.js");r.__module.exports,function(r,e){var n="__lodash_hash_undefined__",o=9007199254740991,c="[object Arguments]",u="[object Boolean]",a="[object Date]",i="[object Function]",f="[object GeneratorFunction]",s="[object Map]",l="[object Number]",_="[object Object]",p="[object Promise]",h="[object RegExp]",v="[object Set]",y="[object String]",b="[object Symbol]",d="[object WeakMap]",j="[object ArrayBuffer]",g="[object DataView]",w="[object Float32Array]",m="[object Float64Array]",O="[object Int8Array]",A="[object Int16Array]",x="[object Int32Array]",S="[object Uint8Array]",E="[object Uint8ClampedArray]",$="[object Uint16Array]",I="[object Uint32Array]",P=/\w*$/,F=/^\[object .+?Constructor\]$/,k=/^(?:0|[1-9]\d*)$/,B={};B[c]=B["[object Array]"]=B[j]=B[g]=B[u]=B[a]=B[w]=B[m]=B[O]=B[A]=B[x]=B[s]=B[l]=B[_]=B[h]=B[v]=B[y]=B[b]=B[S]=B[E]=B[$]=B[I]=!0,B["[object Error]"]=B[i]=B[d]=!1;var G="object"==typeof t.commonjsGlobal&&t.commonjsGlobal&&t.commonjsGlobal.Object===Object&&t.commonjsGlobal,U="object"==typeof self&&self&&self.Object===Object&&self,M=G||U||Function("return this")(),D=e&&!e.nodeType&&e,R=D&&r&&!r.nodeType&&r,T=R&&R.exports===D;function q(t,r){return t.set(r[0],r[1]),t}function z(t,r){return t.add(r),t}function C(t,r,e,n){for(var o=-1,c=t?t.length:0;++o<c;)e=r(e,t[o],o,t);return e}function L(t){var r=!1;if(null!=t&&"function"!=typeof t.toString)try{r=!!(t+"")}catch(t){}return r}function V(t){var r=-1,e=Array(t.size);return t.forEach((function(t,n){e[++r]=[n,t]})),e}function W(t,r){return function(e){return t(r(e))}}function H(t){var r=-1,e=Array(t.size);return t.forEach((function(t){e[++r]=t})),e}var N,J=Array.prototype,K=Function.prototype,Q=Object.prototype,X=M["__core-js_shared__"],Y=(N=/[^.]+$/.exec(X&&X.keys&&X.keys.IE_PROTO||""))?"Symbol(src)_1."+N:"",Z=K.toString,tt=Q.hasOwnProperty,rt=Q.toString,et=RegExp("^"+Z.call(tt).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),nt=T?M.Buffer:void 0,ot=M.Symbol,ct=M.Uint8Array,ut=W(Object.getPrototypeOf,Object),at=Object.create,it=Q.propertyIsEnumerable,ft=J.splice,st=Object.getOwnPropertySymbols,lt=nt?nt.isBuffer:void 0,_t=W(Object.keys,Object),pt=Rt(M,"DataView"),ht=Rt(M,"Map"),vt=Rt(M,"Promise"),yt=Rt(M,"Set"),bt=Rt(M,"WeakMap"),dt=Rt(Object,"create"),jt=Lt(pt),gt=Lt(ht),wt=Lt(vt),mt=Lt(yt),Ot=Lt(bt),At=ot?ot.prototype:void 0,xt=At?At.valueOf:void 0;function St(t){var r=-1,e=t?t.length:0;for(this.clear();++r<e;){var n=t[r];this.set(n[0],n[1])}}function Et(t){var r=-1,e=t?t.length:0;for(this.clear();++r<e;){var n=t[r];this.set(n[0],n[1])}}function $t(t){var r=-1,e=t?t.length:0;for(this.clear();++r<e;){var n=t[r];this.set(n[0],n[1])}}function It(t){this.__data__=new Et(t)}function Pt(t,r){var e=Wt(t)||function(t){return function(t){return function(t){return!!t&&"object"==typeof t}(t)&&Ht(t)}(t)&&tt.call(t,"callee")&&(!it.call(t,"callee")||rt.call(t)==c)}(t)?function(t,r){for(var e=-1,n=Array(t);++e<t;)n[e]=r(e);return n}(t.length,String):[],n=e.length,o=!!n;for(var u in t)!tt.call(t,u)||o&&("length"==u||zt(u,n))||e.push(u);return e}function Ft(t,r,e){var n=t[r];tt.call(t,r)&&Vt(n,e)&&(void 0!==e||r in t)||(t[r]=e)}function kt(t,r){for(var e=t.length;e--;)if(Vt(t[e][0],r))return e;return-1}function Bt(t,r,e,n,o,p,d){var F;if(n&&(F=p?n(t,o,p,d):n(t)),void 0!==F)return F;if(!Kt(t))return t;var k=Wt(t);if(k){if(F=function(t){var r=t.length,e=t.constructor(r);r&&"string"==typeof t[0]&&tt.call(t,"index")&&(e.index=t.index,e.input=t.input);return e}(t),!r)return function(t,r){var e=-1,n=t.length;r||(r=Array(n));for(;++e<n;)r[e]=t[e];return r}(t,F)}else{var G=qt(t),U=G==i||G==f;if(Nt(t))return function(t,r){if(r)return t.slice();var e=new t.constructor(t.length);return t.copy(e),e}(t,r);if(G==_||G==c||U&&!p){if(L(t))return p?t:{};if(F=function(t){return"function"!=typeof t.constructor||Ct(t)?{}:(r=ut(t),Kt(r)?at(r):{});var r}(U?{}:t),!r)return function(t,r){return Mt(t,Tt(t),r)}(t,function(t,r){return t&&Mt(r,Qt(r),t)}(F,t))}else{if(!B[G])return p?t:{};F=function(t,r,e,n){var o=t.constructor;switch(r){case j:return Ut(t);case u:case a:return new o(+t);case g:return function(t,r){var e=r?Ut(t.buffer):t.buffer;return new t.constructor(e,t.byteOffset,t.byteLength)}(t,n);case w:case m:case O:case A:case x:case S:case E:case $:case I:return function(t,r){var e=r?Ut(t.buffer):t.buffer;return new t.constructor(e,t.byteOffset,t.length)}(t,n);case s:return function(t,r,e){var n=r?e(V(t),!0):V(t);return C(n,q,new t.constructor)}(t,n,e);case l:case y:return new o(t);case h:return function(t){var r=new t.constructor(t.source,P.exec(t));return r.lastIndex=t.lastIndex,r}(t);case v:return function(t,r,e){var n=r?e(H(t),!0):H(t);return C(n,z,new t.constructor)}(t,n,e);case b:return c=t,xt?Object(xt.call(c)):{}}var c}(t,G,Bt,r)}}d||(d=new It);var M=d.get(t);if(M)return M;if(d.set(t,F),!k)var D=e?function(t){return function(t,r,e){var n=r(t);return Wt(t)?n:function(t,r){for(var e=-1,n=r.length,o=t.length;++e<n;)t[o+e]=r[e];return t}(n,e(t))}(t,Qt,Tt)}(t):Qt(t);return function(t,r){for(var e=-1,n=t?t.length:0;++e<n&&!1!==r(t[e],e,t););}(D||t,(function(o,c){D&&(o=t[c=o]),Ft(F,c,Bt(o,r,e,n,c,t,d))})),F}function Gt(t){return!(!Kt(t)||(r=t,Y&&Y in r))&&(Jt(t)||L(t)?et:F).test(Lt(t));var r}function Ut(t){var r=new t.constructor(t.byteLength);return new ct(r).set(new ct(t)),r}function Mt(t,r,e,n){e||(e={});for(var o=-1,c=r.length;++o<c;){var u=r[o];Ft(e,u,t[u])}return e}function Dt(t,r){var e,n,o=t.__data__;return("string"==(n=typeof(e=r))||"number"==n||"symbol"==n||"boolean"==n?"__proto__"!==e:null===e)?o["string"==typeof r?"string":"hash"]:o.map}function Rt(t,r){var e=function(t,r){return null==t?void 0:t[r]}(t,r);return Gt(e)?e:void 0}St.prototype.clear=function(){this.__data__=dt?dt(null):{}},St.prototype.delete=function(t){return this.has(t)&&delete this.__data__[t]},St.prototype.get=function(t){var r=this.__data__;if(dt){var e=r[t];return e===n?void 0:e}return tt.call(r,t)?r[t]:void 0},St.prototype.has=function(t){var r=this.__data__;return dt?void 0!==r[t]:tt.call(r,t)},St.prototype.set=function(t,r){return this.__data__[t]=dt&&void 0===r?n:r,this},Et.prototype.clear=function(){this.__data__=[]},Et.prototype.delete=function(t){var r=this.__data__,e=kt(r,t);return!(e<0)&&(e==r.length-1?r.pop():ft.call(r,e,1),!0)},Et.prototype.get=function(t){var r=this.__data__,e=kt(r,t);return e<0?void 0:r[e][1]},Et.prototype.has=function(t){return kt(this.__data__,t)>-1},Et.prototype.set=function(t,r){var e=this.__data__,n=kt(e,t);return n<0?e.push([t,r]):e[n][1]=r,this},$t.prototype.clear=function(){this.__data__={hash:new St,map:new(ht||Et),string:new St}},$t.prototype.delete=function(t){return Dt(this,t).delete(t)},$t.prototype.get=function(t){return Dt(this,t).get(t)},$t.prototype.has=function(t){return Dt(this,t).has(t)},$t.prototype.set=function(t,r){return Dt(this,t).set(t,r),this},It.prototype.clear=function(){this.__data__=new Et},It.prototype.delete=function(t){return this.__data__.delete(t)},It.prototype.get=function(t){return this.__data__.get(t)},It.prototype.has=function(t){return this.__data__.has(t)},It.prototype.set=function(t,r){var e=this.__data__;if(e instanceof Et){var n=e.__data__;if(!ht||n.length<199)return n.push([t,r]),this;e=this.__data__=new $t(n)}return e.set(t,r),this};var Tt=st?W(st,Object):function(){return[]},qt=function(t){return rt.call(t)};function zt(t,r){return!!(r=null==r?o:r)&&("number"==typeof t||k.test(t))&&t>-1&&t%1==0&&t<r}function Ct(t){var r=t&&t.constructor;return t===("function"==typeof r&&r.prototype||Q)}function Lt(t){if(null!=t){try{return Z.call(t)}catch(t){}try{return t+""}catch(t){}}return""}function Vt(t,r){return t===r||t!=t&&r!=r}(pt&&qt(new pt(new ArrayBuffer(1)))!=g||ht&&qt(new ht)!=s||vt&&qt(vt.resolve())!=p||yt&&qt(new yt)!=v||bt&&qt(new bt)!=d)&&(qt=function(t){var r=rt.call(t),e=r==_?t.constructor:void 0,n=e?Lt(e):void 0;if(n)switch(n){case jt:return g;case gt:return s;case wt:return p;case mt:return v;case Ot:return d}return r});var Wt=Array.isArray;function Ht(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=o}(t.length)&&!Jt(t)}var Nt=lt||function(){return!1};function Jt(t){var r=Kt(t)?rt.call(t):"";return r==i||r==f}function Kt(t){var r=typeof t;return!!t&&("object"==r||"function"==r)}function Qt(t){return Ht(t)?Pt(t):function(t){if(!Ct(t))return _t(t);var r=[];for(var e in Object(t))tt.call(t,e)&&"constructor"!=e&&r.push(e);return r}(t)}r.exports=function(t){return Bt(t,!0,!0)}}(r.__module,r.__module.exports);var e=r.__module.exports;exports.lodash_clonedeepExports=e;
+"use strict";var t=require("../../_virtual/_commonjsHelpers.js"),r=require("../../_virtual/index3.js");r.__module.exports,function(r,e){var n="__lodash_hash_undefined__",o=9007199254740991,c="[object Arguments]",u="[object Boolean]",a="[object Date]",i="[object Function]",f="[object GeneratorFunction]",s="[object Map]",l="[object Number]",_="[object Object]",p="[object Promise]",h="[object RegExp]",v="[object Set]",y="[object String]",b="[object Symbol]",d="[object WeakMap]",j="[object ArrayBuffer]",g="[object DataView]",w="[object Float32Array]",m="[object Float64Array]",O="[object Int8Array]",A="[object Int16Array]",x="[object Int32Array]",S="[object Uint8Array]",E="[object Uint8ClampedArray]",$="[object Uint16Array]",I="[object Uint32Array]",P=/\w*$/,F=/^\[object .+?Constructor\]$/,k=/^(?:0|[1-9]\d*)$/,B={};B[c]=B["[object Array]"]=B[j]=B[g]=B[u]=B[a]=B[w]=B[m]=B[O]=B[A]=B[x]=B[s]=B[l]=B[_]=B[h]=B[v]=B[y]=B[b]=B[S]=B[E]=B[$]=B[I]=!0,B["[object Error]"]=B[i]=B[d]=!1;var G="object"==typeof t.commonjsGlobal&&t.commonjsGlobal&&t.commonjsGlobal.Object===Object&&t.commonjsGlobal,U="object"==typeof self&&self&&self.Object===Object&&self,M=G||U||Function("return this")(),D=e&&!e.nodeType&&e,R=D&&r&&!r.nodeType&&r,T=R&&R.exports===D;function q(t,r){return t.set(r[0],r[1]),t}function z(t,r){return t.add(r),t}function C(t,r,e,n){for(var o=-1,c=t?t.length:0;++o<c;)e=r(e,t[o],o,t);return e}function L(t){var r=!1;if(null!=t&&"function"!=typeof t.toString)try{r=!!(t+"")}catch(t){}return r}function V(t){var r=-1,e=Array(t.size);return t.forEach((function(t,n){e[++r]=[n,t]})),e}function W(t,r){return function(e){return t(r(e))}}function H(t){var r=-1,e=Array(t.size);return t.forEach((function(t){e[++r]=t})),e}var N,J=Array.prototype,K=Function.prototype,Q=Object.prototype,X=M["__core-js_shared__"],Y=(N=/[^.]+$/.exec(X&&X.keys&&X.keys.IE_PROTO||""))?"Symbol(src)_1."+N:"",Z=K.toString,tt=Q.hasOwnProperty,rt=Q.toString,et=RegExp("^"+Z.call(tt).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),nt=T?M.Buffer:void 0,ot=M.Symbol,ct=M.Uint8Array,ut=W(Object.getPrototypeOf,Object),at=Object.create,it=Q.propertyIsEnumerable,ft=J.splice,st=Object.getOwnPropertySymbols,lt=nt?nt.isBuffer:void 0,_t=W(Object.keys,Object),pt=Rt(M,"DataView"),ht=Rt(M,"Map"),vt=Rt(M,"Promise"),yt=Rt(M,"Set"),bt=Rt(M,"WeakMap"),dt=Rt(Object,"create"),jt=Lt(pt),gt=Lt(ht),wt=Lt(vt),mt=Lt(yt),Ot=Lt(bt),At=ot?ot.prototype:void 0,xt=At?At.valueOf:void 0;function St(t){var r=-1,e=t?t.length:0;for(this.clear();++r<e;){var n=t[r];this.set(n[0],n[1])}}function Et(t){var r=-1,e=t?t.length:0;for(this.clear();++r<e;){var n=t[r];this.set(n[0],n[1])}}function $t(t){var r=-1,e=t?t.length:0;for(this.clear();++r<e;){var n=t[r];this.set(n[0],n[1])}}function It(t){this.__data__=new Et(t)}function Pt(t,r){var e=Wt(t)||function(t){return function(t){return function(t){return!!t&&"object"==typeof t}(t)&&Ht(t)}(t)&&tt.call(t,"callee")&&(!it.call(t,"callee")||rt.call(t)==c)}(t)?function(t,r){for(var e=-1,n=Array(t);++e<t;)n[e]=r(e);return n}(t.length,String):[],n=e.length,o=!!n;for(var u in t)!tt.call(t,u)||o&&("length"==u||zt(u,n))||e.push(u);return e}function Ft(t,r,e){var n=t[r];tt.call(t,r)&&Vt(n,e)&&(void 0!==e||r in t)||(t[r]=e)}function kt(t,r){for(var e=t.length;e--;)if(Vt(t[e][0],r))return e;return-1}function Bt(t,r,e,n,o,p,d){var F;if(n&&(F=p?n(t,o,p,d):n(t)),void 0!==F)return F;if(!Kt(t))return t;var k=Wt(t);if(k){if(F=function(t){var r=t.length,e=t.constructor(r);r&&"string"==typeof t[0]&&tt.call(t,"index")&&(e.index=t.index,e.input=t.input);return e}(t),!r)return function(t,r){var e=-1,n=t.length;r||(r=Array(n));for(;++e<n;)r[e]=t[e];return r}(t,F)}else{var G=qt(t),U=G==i||G==f;if(Nt(t))return function(t,r){if(r)return t.slice();var e=new t.constructor(t.length);return t.copy(e),e}(t,r);if(G==_||G==c||U&&!p){if(L(t))return p?t:{};if(F=function(t){return"function"!=typeof t.constructor||Ct(t)?{}:(r=ut(t),Kt(r)?at(r):{});var r}(U?{}:t),!r)return function(t,r){return Mt(t,Tt(t),r)}(t,function(t,r){return t&&Mt(r,Qt(r),t)}(F,t))}else{if(!B[G])return p?t:{};F=function(t,r,e,n){var o=t.constructor;switch(r){case j:return Ut(t);case u:case a:return new o(+t);case g:return function(t,r){var e=r?Ut(t.buffer):t.buffer;return new t.constructor(e,t.byteOffset,t.byteLength)}(t,n);case w:case m:case O:case A:case x:case S:case E:case $:case I:return function(t,r){var e=r?Ut(t.buffer):t.buffer;return new t.constructor(e,t.byteOffset,t.length)}(t,n);case s:return function(t,r,e){var n=r?e(V(t),!0):V(t);return C(n,q,new t.constructor)}(t,n,e);case l:case y:return new o(t);case h:return function(t){var r=new t.constructor(t.source,P.exec(t));return r.lastIndex=t.lastIndex,r}(t);case v:return function(t,r,e){var n=r?e(H(t),!0):H(t);return C(n,z,new t.constructor)}(t,n,e);case b:return c=t,xt?Object(xt.call(c)):{}}var c}(t,G,Bt,r)}}d||(d=new It);var M=d.get(t);if(M)return M;if(d.set(t,F),!k)var D=e?function(t){return function(t,r,e){var n=r(t);return Wt(t)?n:function(t,r){for(var e=-1,n=r.length,o=t.length;++e<n;)t[o+e]=r[e];return t}(n,e(t))}(t,Qt,Tt)}(t):Qt(t);return function(t,r){for(var e=-1,n=t?t.length:0;++e<n&&!1!==r(t[e],e,t););}(D||t,(function(o,c){D&&(o=t[c=o]),Ft(F,c,Bt(o,r,e,n,c,t,d))})),F}function Gt(t){return!(!Kt(t)||(r=t,Y&&Y in r))&&(Jt(t)||L(t)?et:F).test(Lt(t));var r}function Ut(t){var r=new t.constructor(t.byteLength);return new ct(r).set(new ct(t)),r}function Mt(t,r,e,n){e||(e={});for(var o=-1,c=r.length;++o<c;){var u=r[o];Ft(e,u,t[u])}return e}function Dt(t,r){var e,n,o=t.__data__;return("string"==(n=typeof(e=r))||"number"==n||"symbol"==n||"boolean"==n?"__proto__"!==e:null===e)?o["string"==typeof r?"string":"hash"]:o.map}function Rt(t,r){var e=function(t,r){return null==t?void 0:t[r]}(t,r);return Gt(e)?e:void 0}St.prototype.clear=function(){this.__data__=dt?dt(null):{}},St.prototype.delete=function(t){return this.has(t)&&delete this.__data__[t]},St.prototype.get=function(t){var r=this.__data__;if(dt){var e=r[t];return e===n?void 0:e}return tt.call(r,t)?r[t]:void 0},St.prototype.has=function(t){var r=this.__data__;return dt?void 0!==r[t]:tt.call(r,t)},St.prototype.set=function(t,r){return this.__data__[t]=dt&&void 0===r?n:r,this},Et.prototype.clear=function(){this.__data__=[]},Et.prototype.delete=function(t){var r=this.__data__,e=kt(r,t);return!(e<0)&&(e==r.length-1?r.pop():ft.call(r,e,1),!0)},Et.prototype.get=function(t){var r=this.__data__,e=kt(r,t);return e<0?void 0:r[e][1]},Et.prototype.has=function(t){return kt(this.__data__,t)>-1},Et.prototype.set=function(t,r){var e=this.__data__,n=kt(e,t);return n<0?e.push([t,r]):e[n][1]=r,this},$t.prototype.clear=function(){this.__data__={hash:new St,map:new(ht||Et),string:new St}},$t.prototype.delete=function(t){return Dt(this,t).delete(t)},$t.prototype.get=function(t){return Dt(this,t).get(t)},$t.prototype.has=function(t){return Dt(this,t).has(t)},$t.prototype.set=function(t,r){return Dt(this,t).set(t,r),this},It.prototype.clear=function(){this.__data__=new Et},It.prototype.delete=function(t){return this.__data__.delete(t)},It.prototype.get=function(t){return this.__data__.get(t)},It.prototype.has=function(t){return this.__data__.has(t)},It.prototype.set=function(t,r){var e=this.__data__;if(e instanceof Et){var n=e.__data__;if(!ht||n.length<199)return n.push([t,r]),this;e=this.__data__=new $t(n)}return e.set(t,r),this};var Tt=st?W(st,Object):function(){return[]},qt=function(t){return rt.call(t)};function zt(t,r){return!!(r=null==r?o:r)&&("number"==typeof t||k.test(t))&&t>-1&&t%1==0&&t<r}function Ct(t){var r=t&&t.constructor;return t===("function"==typeof r&&r.prototype||Q)}function Lt(t){if(null!=t){try{return Z.call(t)}catch(t){}try{return t+""}catch(t){}}return""}function Vt(t,r){return t===r||t!=t&&r!=r}(pt&&qt(new pt(new ArrayBuffer(1)))!=g||ht&&qt(new ht)!=s||vt&&qt(vt.resolve())!=p||yt&&qt(new yt)!=v||bt&&qt(new bt)!=d)&&(qt=function(t){var r=rt.call(t),e=r==_?t.constructor:void 0,n=e?Lt(e):void 0;if(n)switch(n){case jt:return g;case gt:return s;case wt:return p;case mt:return v;case Ot:return d}return r});var Wt=Array.isArray;function Ht(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=o}(t.length)&&!Jt(t)}var Nt=lt||function(){return!1};function Jt(t){var r=Kt(t)?rt.call(t):"";return r==i||r==f}function Kt(t){var r=typeof t;return!!t&&("object"==r||"function"==r)}function Qt(t){return Ht(t)?Pt(t):function(t){if(!Ct(t))return _t(t);var r=[];for(var e in Object(t))tt.call(t,e)&&"constructor"!=e&&r.push(e);return r}(t)}r.exports=function(t){return Bt(t,!0,!0)}}(r.__module,r.__module.exports);var e=r.__module.exports;exports.lodash_clonedeepExports=e;
 //# sourceMappingURL=index.js.map

package/cjs/external/lottie-colorify/lib/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../../_virtual/_commonjsHelpers.js"),e=require("../../../_virtual/index3.js"),o=require("../../lodash.clonedeep/index.js"),t=r.commonjsGlobal&&r.commonjsGlobal.__spreadArrays||function(){for(var r=0,e=0,o=arguments.length;e<o;e++)r+=arguments[e].length;var t=Array(r),n=0;for(e=0;e<o;e++)for(var a=arguments[e],s=0,u=a.length;s<u;s++,n++)t[n]=a[s];return t},n=r.commonjsGlobal&&r.commonjsGlobal.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(e.__exports,"__esModule",{value:!0}),exports.getColors=e.__exports.getColors=exports.flatten=e.__exports.flatten=e.__exports.replaceColor=e.__exports.colorify=void 0;var a=n(o.lodash_clonedeepExports);e.__exports.colorify=function(r,e){void 0===r&&(r=[]);for(var o=[],t=0,n=r;t<n.length;t++){var u=n[t];o.push(s(u))}return c(o,a.default(e))};var s=function(r){if("string"==typeof r&&r.match(/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i)){var e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);if(!e)throw new Error("Color can be only hex or rgb array (ex. [10,20,30])");return[Math.round(parseInt(e[1],16)/255*1e3)/1e3,Math.round(parseInt(e[2],16)/255*1e3)/1e3,Math.round(parseInt(e[3],16)/255*1e3)/1e3]}if("object"==typeof r&&3===r.length&&r.every((function(r){return r>=0&&r<=255})))return[Math.round(r[0]/255*1e3)/1e3,Math.round(r[1]/255*1e3)/1e3,Math.round(r[2]/255*1e3)/1e3];if(r)throw new Error("Color can be only hex or rgb array (ex. [10,20,30])")},u=function(r){return Math.round(1e3*r)/1e3};e.__exports.replaceColor=function(r,e,o){var n=s(r),c=s(e);if(!n||!c)throw new Error("Proper colors must be used for both source and target");return function r(e,o,n){if(n.s&&Array.isArray(n.s)&&4===n.s.length)e[0]===n.s[0]&&e[1]===n.s[1]&&e[2]===n.s[2]&&(n.s=t(o,[1]));else if(n.c&&n.c.k)Array.isArray(n.c.k)&&"number"!=typeof n.c.k[0]?r(e,o,n.c.k):e[0]===u(n.c.k[0])&&e[1]===u(n.c.k[1])&&e[2]===u(n.c.k[2])&&(n.c.k=o);else for(var a in n)"object"==typeof n[a]&&r(e,o,n[a]);return n}(n,c,a.default(o))},exports.flatten=e.__exports.flatten=function(r,e){var o=s(r);if(!o)throw new Error("Proper colors must be used for target");return function r(e,o){if(o.s&&Array.isArray(o.s)&&4===o.s.length)o.s=t(e,[1]);else if(o.c&&o.c.k)Array.isArray(o.c.k)&&"number"!=typeof o.c.k[0]?r(e,o.c.k):o.c.k=e;else for(var n in o)"object"==typeof o[n]&&r(e,o[n]);return o}(o,a.default(e))};var c=function(r,e){var o=0;return function r(e,n){for(var a in n.s&&Array.isArray(n.s)&&4===n.s.length?(e[o]&&(n.s=t(e[o],[1])),o++):n.c&&n.c.k&&(Array.isArray(n.c.k)&&"number"!=typeof n.c.k[0]?r(e,n.c.k):(e[o]&&(n.c.k=e[o]),o++)),n)"object"==typeof n[a]&&r(e,n[a]);return n}(r,e)};exports.getColors=e.__exports.getColors=function(r){var e=[];return function r(o){if(o.s&&Array.isArray(o.s)&&4===o.s.length)e.push((n=o.s,[Math.round(255*n[0]),Math.round(255*n[1]),Math.round(255*n[2]),n[3]]));else if(o.c&&o.c.k)Array.isArray(o.c.k)&&"number"!=typeof o.c.k[0]?r(o.c.k):e.push(function(r){return[Math.round(255*r[0]),Math.round(255*r[1]),Math.round(255*r[2])]}(o.c.k));else for(var t in o)"object"==typeof o[t]&&r(o[t]);var n;return e}(r),e},exports.default=e.__exports;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../../_virtual/_commonjsHelpers.js"),e=require("../../../_virtual/index.js"),o=require("../../lodash.clonedeep/index.js"),t=r.commonjsGlobal&&r.commonjsGlobal.__spreadArrays||function(){for(var r=0,e=0,o=arguments.length;e<o;e++)r+=arguments[e].length;var t=Array(r),n=0;for(e=0;e<o;e++)for(var a=arguments[e],s=0,u=a.length;s<u;s++,n++)t[n]=a[s];return t},n=r.commonjsGlobal&&r.commonjsGlobal.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(e.__exports,"__esModule",{value:!0}),exports.getColors=e.__exports.getColors=exports.flatten=e.__exports.flatten=e.__exports.replaceColor=e.__exports.colorify=void 0;var a=n(o.lodash_clonedeepExports);e.__exports.colorify=function(r,e){void 0===r&&(r=[]);for(var o=[],t=0,n=r;t<n.length;t++){var u=n[t];o.push(s(u))}return c(o,a.default(e))};var s=function(r){if("string"==typeof r&&r.match(/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i)){var e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);if(!e)throw new Error("Color can be only hex or rgb array (ex. [10,20,30])");return[Math.round(parseInt(e[1],16)/255*1e3)/1e3,Math.round(parseInt(e[2],16)/255*1e3)/1e3,Math.round(parseInt(e[3],16)/255*1e3)/1e3]}if("object"==typeof r&&3===r.length&&r.every((function(r){return r>=0&&r<=255})))return[Math.round(r[0]/255*1e3)/1e3,Math.round(r[1]/255*1e3)/1e3,Math.round(r[2]/255*1e3)/1e3];if(r)throw new Error("Color can be only hex or rgb array (ex. [10,20,30])")},u=function(r){return Math.round(1e3*r)/1e3};e.__exports.replaceColor=function(r,e,o){var n=s(r),c=s(e);if(!n||!c)throw new Error("Proper colors must be used for both source and target");return function r(e,o,n){if(n.s&&Array.isArray(n.s)&&4===n.s.length)e[0]===n.s[0]&&e[1]===n.s[1]&&e[2]===n.s[2]&&(n.s=t(o,[1]));else if(n.c&&n.c.k)Array.isArray(n.c.k)&&"number"!=typeof n.c.k[0]?r(e,o,n.c.k):e[0]===u(n.c.k[0])&&e[1]===u(n.c.k[1])&&e[2]===u(n.c.k[2])&&(n.c.k=o);else for(var a in n)"object"==typeof n[a]&&r(e,o,n[a]);return n}(n,c,a.default(o))},exports.flatten=e.__exports.flatten=function(r,e){var o=s(r);if(!o)throw new Error("Proper colors must be used for target");return function r(e,o){if(o.s&&Array.isArray(o.s)&&4===o.s.length)o.s=t(e,[1]);else if(o.c&&o.c.k)Array.isArray(o.c.k)&&"number"!=typeof o.c.k[0]?r(e,o.c.k):o.c.k=e;else for(var n in o)"object"==typeof o[n]&&r(e,o[n]);return o}(o,a.default(e))};var c=function(r,e){var o=0;return function r(e,n){for(var a in n.s&&Array.isArray(n.s)&&4===n.s.length?(e[o]&&(n.s=t(e[o],[1])),o++):n.c&&n.c.k&&(Array.isArray(n.c.k)&&"number"!=typeof n.c.k[0]?r(e,n.c.k):(e[o]&&(n.c.k=e[o]),o++)),n)"object"==typeof n[a]&&r(e,n[a]);return n}(r,e)};exports.getColors=e.__exports.getColors=function(r){var e=[];return function r(o){if(o.s&&Array.isArray(o.s)&&4===o.s.length)e.push((n=o.s,[Math.round(255*n[0]),Math.round(255*n[1]),Math.round(255*n[2]),n[3]]));else if(o.c&&o.c.k)Array.isArray(o.c.k)&&"number"!=typeof o.c.k[0]?r(o.c.k):e.push(function(r){return[Math.round(255*r[0]),Math.round(255*r[1]),Math.round(255*r[2])]}(o.c.k));else for(var t in o)"object"==typeof o[t]&&r(o[t]);var n;return e}(r),e},exports.default=e.__exports;
 //# sourceMappingURL=index.js.map

package/cjs/external/lottie-colorify/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../node_modules/lottie-colorify/lib/index.js"],"sourcesContent":["\"use strict\";\nvar __spreadArrays = (this && this.__spreadArrays) || function () {\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\n            r[k] = a[j];\n    return r;\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.getColors = exports.flatten = exports.replaceColor = exports.colorify = void 0;\nvar lodash_clonedeep_1 = __importDefault(require(\"lodash.clonedeep\"));\nexports.colorify = function (destColors, lottie) {\n    if (destColors === void 0) { destColors = []; }\n    var modifiedColors = [];\n    for (var _i = 0, destColors_1 = destColors; _i < destColors_1.length; _i++) {\n        var color = destColors_1[_i];\n        modifiedColors.push(convertColorToLottieColor(color));\n    }\n    var newLottie = modifyColors(modifiedColors, lodash_clonedeep_1.default(lottie));\n    return newLottie;\n};\nvar convertColorToLottieColor = function (color) {\n    if (typeof color === 'string' && color.match(/^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i)) {\n        var result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(color);\n        if (!result) {\n            throw new Error('Color can be only hex or rgb array (ex. [10,20,30])');\n        }\n        return [\n            Math.round((parseInt(result[1], 16) / 255) * 1000) / 1000,\n            Math.round((parseInt(result[2], 16) / 255) * 1000) / 1000,\n            Math.round((parseInt(result[3], 16) / 255) * 1000) / 1000,\n        ];\n    }\n    else if (typeof color === 'object' && color.length === 3 && color.every(function (item) { return item >= 0 && item <= 255; })) {\n        return [\n            Math.round((color[0] / 255) * 1000) / 1000,\n            Math.round((color[1] / 255) * 1000) / 1000,\n            Math.round((color[2] / 255) * 1000) / 1000,\n        ];\n    }\n    else if (!color) {\n        return undefined;\n    }\n    else {\n        throw new Error('Color can be only hex or rgb array (ex. [10,20,30])');\n    }\n};\nvar round = function (n) { return Math.round(n * 1000) / 1000; };\nexports.replaceColor = function (sourceColor, targetColor, lottieObj) {\n    var genSourceLottieColor = convertColorToLottieColor(sourceColor);\n    var genTargetLottieColor = convertColorToLottieColor(targetColor);\n    if (!genSourceLottieColor || !genTargetLottieColor) {\n        throw new Error('Proper colors must be used for both source and target');\n    }\n    function doReplace(sourceLottieColor, targetLottieColor, obj) {\n        if (obj.s && Array.isArray(obj.s) && obj.s.length === 4) {\n            if (sourceLottieColor[0] === obj.s[0] && sourceLottieColor[1] === obj.s[1] && sourceLottieColor[2] === obj.s[2]) {\n                obj.s = __spreadArrays(targetLottieColor, [1]);\n            }\n        }\n        else if (obj.c && obj.c.k) {\n            if (Array.isArray(obj.c.k) && typeof obj.c.k[0] !== 'number') {\n                doReplace(sourceLottieColor, targetLottieColor, obj.c.k);\n            }\n            else if (sourceLottieColor[0] === round(obj.c.k[0]) &&\n                sourceLottieColor[1] === round(obj.c.k[1]) &&\n                sourceLottieColor[2] === round(obj.c.k[2])) {\n                obj.c.k = targetLottieColor;\n            }\n        }\n        else {\n            for (var key in obj) {\n                if (typeof obj[key] === 'object') {\n                    doReplace(sourceLottieColor, targetLottieColor, obj[key]);\n                }\n            }\n        }\n        return obj;\n    }\n    return doReplace(genSourceLottieColor, genTargetLottieColor, lodash_clonedeep_1.default(lottieObj));\n};\nexports.flatten = function (targetColor, lottieObj) {\n    var genTargetLottieColor = convertColorToLottieColor(targetColor);\n    if (!genTargetLottieColor) {\n        throw new Error('Proper colors must be used for target');\n    }\n    function doFlatten(targetLottieColor, obj) {\n        if (obj.s && Array.isArray(obj.s) && obj.s.length === 4) {\n            obj.s = __spreadArrays(targetLottieColor, [1]);\n        }\n        else if (obj.c && obj.c.k) {\n            if (Array.isArray(obj.c.k) && typeof obj.c.k[0] !== 'number') {\n                doFlatten(targetLottieColor, obj.c.k);\n            }\n            else {\n                obj.c.k = targetLottieColor;\n            }\n        }\n        else {\n            for (var key in obj) {\n                if (typeof obj[key] === 'object') {\n                    doFlatten(targetLottieColor, obj[key]);\n                }\n            }\n        }\n        return obj;\n    }\n    return doFlatten(genTargetLottieColor, lodash_clonedeep_1.default(lottieObj));\n};\nvar modifyColors = function (colorsArray, lottieObj) {\n    var i = 0;\n    function doModify(colors, obj) {\n        if (obj.s && Array.isArray(obj.s) && obj.s.length === 4) {\n            if (colors[i]) {\n                obj.s = __spreadArrays(colors[i], [1]);\n            }\n            i++;\n        }\n        else if (obj.c && obj.c.k) {\n            if (Array.isArray(obj.c.k) && typeof obj.c.k[0] !== 'number') {\n                doModify(colors, obj.c.k);\n            }\n            else {\n                if (colors[i]) {\n                    obj.c.k = colors[i];\n                }\n                i++;\n            }\n        }\n        for (var key in obj) {\n            if (typeof obj[key] === 'object') {\n                doModify(colors, obj[key]);\n            }\n        }\n        return obj;\n    }\n    return doModify(colorsArray, lottieObj);\n};\nvar convertLottieColorToRgb = function (lottieColor) {\n    return [Math.round(lottieColor[0] * 255), Math.round(lottieColor[1] * 255), Math.round(lottieColor[2] * 255)];\n};\nvar convertLottieColorToRgba = function (lottieColor) {\n    return [\n        Math.round(lottieColor[0] * 255),\n        Math.round(lottieColor[1] * 255),\n        Math.round(lottieColor[2] * 255),\n        lottieColor[3],\n    ];\n};\nexports.getColors = function (lottieObj) {\n    var res = [];\n    function doGet(obj) {\n        if (obj.s && Array.isArray(obj.s) && obj.s.length === 4) {\n            res.push(convertLottieColorToRgba(obj.s));\n        }\n        else if (obj.c && obj.c.k) {\n            if (Array.isArray(obj.c.k) && typeof obj.c.k[0] !== 'number') {\n                doGet(obj.c.k);\n            }\n            else {\n                res.push(convertLottieColorToRgb(obj.c.k));\n            }\n        }\n        else {\n            for (var key in obj) {\n                if (typeof obj[key] === 'object') {\n                    doGet(obj[key]);\n                }\n            }\n        }\n        return res;\n    }\n    doGet(lottieObj);\n    return res;\n};\n"],"names":["__spreadArrays","this","s","i","il","arguments","length","r","Array","k","a","j","jl","__importDefault","mod","__esModule","default","Object","defineProperty","lib","value","getColors","flatten","replaceColor","colorify","lodash_clonedeep_1","require$$0","destColors","lottie","modifiedColors","_i","destColors_1","color","push","convertColorToLottieColor","modifyColors","match","result","exec","Error","Math","round","parseInt","every","item","n","sourceColor","targetColor","lottieObj","genSourceLottieColor","genTargetLottieColor","doReplace","sourceLottieColor","targetLottieColor","obj","isArray","c","key","doFlatten","colorsArray","doModify","colors","res","doGet","lottieColor","convertLottieColorToRgb"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../../../../../node_modules/lottie-colorify/lib/index.js"],"sourcesContent":["\"use strict\";\nvar __spreadArrays = (this && this.__spreadArrays) || function () {\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\n            r[k] = a[j];\n    return r;\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.getColors = exports.flatten = exports.replaceColor = exports.colorify = void 0;\nvar lodash_clonedeep_1 = __importDefault(require(\"lodash.clonedeep\"));\nexports.colorify = function (destColors, lottie) {\n    if (destColors === void 0) { destColors = []; }\n    var modifiedColors = [];\n    for (var _i = 0, destColors_1 = destColors; _i < destColors_1.length; _i++) {\n        var color = destColors_1[_i];\n        modifiedColors.push(convertColorToLottieColor(color));\n    }\n    var newLottie = modifyColors(modifiedColors, lodash_clonedeep_1.default(lottie));\n    return newLottie;\n};\nvar convertColorToLottieColor = function (color) {\n    if (typeof color === 'string' && color.match(/^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i)) {\n        var result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(color);\n        if (!result) {\n            throw new Error('Color can be only hex or rgb array (ex. [10,20,30])');\n        }\n        return [\n            Math.round((parseInt(result[1], 16) / 255) * 1000) / 1000,\n            Math.round((parseInt(result[2], 16) / 255) * 1000) / 1000,\n            Math.round((parseInt(result[3], 16) / 255) * 1000) / 1000,\n        ];\n    }\n    else if (typeof color === 'object' && color.length === 3 && color.every(function (item) { return item >= 0 && item <= 255; })) {\n        return [\n            Math.round((color[0] / 255) * 1000) / 1000,\n            Math.round((color[1] / 255) * 1000) / 1000,\n            Math.round((color[2] / 255) * 1000) / 1000,\n        ];\n    }\n    else if (!color) {\n        return undefined;\n    }\n    else {\n        throw new Error('Color can be only hex or rgb array (ex. [10,20,30])');\n    }\n};\nvar round = function (n) { return Math.round(n * 1000) / 1000; };\nexports.replaceColor = function (sourceColor, targetColor, lottieObj) {\n    var genSourceLottieColor = convertColorToLottieColor(sourceColor);\n    var genTargetLottieColor = convertColorToLottieColor(targetColor);\n    if (!genSourceLottieColor || !genTargetLottieColor) {\n        throw new Error('Proper colors must be used for both source and target');\n    }\n    function doReplace(sourceLottieColor, targetLottieColor, obj) {\n        if (obj.s && Array.isArray(obj.s) && obj.s.length === 4) {\n            if (sourceLottieColor[0] === obj.s[0] && sourceLottieColor[1] === obj.s[1] && sourceLottieColor[2] === obj.s[2]) {\n                obj.s = __spreadArrays(targetLottieColor, [1]);\n            }\n        }\n        else if (obj.c && obj.c.k) {\n            if (Array.isArray(obj.c.k) && typeof obj.c.k[0] !== 'number') {\n                doReplace(sourceLottieColor, targetLottieColor, obj.c.k);\n            }\n            else if (sourceLottieColor[0] === round(obj.c.k[0]) &&\n                sourceLottieColor[1] === round(obj.c.k[1]) &&\n                sourceLottieColor[2] === round(obj.c.k[2])) {\n                obj.c.k = targetLottieColor;\n            }\n        }\n        else {\n            for (var key in obj) {\n                if (typeof obj[key] === 'object') {\n                    doReplace(sourceLottieColor, targetLottieColor, obj[key]);\n                }\n            }\n        }\n        return obj;\n    }\n    return doReplace(genSourceLottieColor, genTargetLottieColor, lodash_clonedeep_1.default(lottieObj));\n};\nexports.flatten = function (targetColor, lottieObj) {\n    var genTargetLottieColor = convertColorToLottieColor(targetColor);\n    if (!genTargetLottieColor) {\n        throw new Error('Proper colors must be used for target');\n    }\n    function doFlatten(targetLottieColor, obj) {\n        if (obj.s && Array.isArray(obj.s) && obj.s.length === 4) {\n            obj.s = __spreadArrays(targetLottieColor, [1]);\n        }\n        else if (obj.c && obj.c.k) {\n            if (Array.isArray(obj.c.k) && typeof obj.c.k[0] !== 'number') {\n                doFlatten(targetLottieColor, obj.c.k);\n            }\n            else {\n                obj.c.k = targetLottieColor;\n            }\n        }\n        else {\n            for (var key in obj) {\n                if (typeof obj[key] === 'object') {\n                    doFlatten(targetLottieColor, obj[key]);\n                }\n            }\n        }\n        return obj;\n    }\n    return doFlatten(genTargetLottieColor, lodash_clonedeep_1.default(lottieObj));\n};\nvar modifyColors = function (colorsArray, lottieObj) {\n    var i = 0;\n    function doModify(colors, obj) {\n        if (obj.s && Array.isArray(obj.s) && obj.s.length === 4) {\n            if (colors[i]) {\n                obj.s = __spreadArrays(colors[i], [1]);\n            }\n            i++;\n        }\n        else if (obj.c && obj.c.k) {\n            if (Array.isArray(obj.c.k) && typeof obj.c.k[0] !== 'number') {\n                doModify(colors, obj.c.k);\n            }\n            else {\n                if (colors[i]) {\n                    obj.c.k = colors[i];\n                }\n                i++;\n            }\n        }\n        for (var key in obj) {\n            if (typeof obj[key] === 'object') {\n                doModify(colors, obj[key]);\n            }\n        }\n        return obj;\n    }\n    return doModify(colorsArray, lottieObj);\n};\nvar convertLottieColorToRgb = function (lottieColor) {\n    return [Math.round(lottieColor[0] * 255), Math.round(lottieColor[1] * 255), Math.round(lottieColor[2] * 255)];\n};\nvar convertLottieColorToRgba = function (lottieColor) {\n    return [\n        Math.round(lottieColor[0] * 255),\n        Math.round(lottieColor[1] * 255),\n        Math.round(lottieColor[2] * 255),\n        lottieColor[3],\n    ];\n};\nexports.getColors = function (lottieObj) {\n    var res = [];\n    function doGet(obj) {\n        if (obj.s && Array.isArray(obj.s) && obj.s.length === 4) {\n            res.push(convertLottieColorToRgba(obj.s));\n        }\n        else if (obj.c && obj.c.k) {\n            if (Array.isArray(obj.c.k) && typeof obj.c.k[0] !== 'number') {\n                doGet(obj.c.k);\n            }\n            else {\n                res.push(convertLottieColorToRgb(obj.c.k));\n            }\n        }\n        else {\n            for (var key in obj) {\n                if (typeof obj[key] === 'object') {\n                    doGet(obj[key]);\n                }\n            }\n        }\n        return res;\n    }\n    doGet(lottieObj);\n    return res;\n};\n"],"names":["__spreadArrays","this","s","i","il","arguments","length","r","Array","k","a","j","jl","__importDefault","mod","__esModule","default","Object","defineProperty","lib","value","getColors","flatten","replaceColor","colorify","lodash_clonedeep_1","require$$0","destColors","lottie","modifiedColors","_i","destColors_1","color","push","convertColorToLottieColor","modifyColors","match","result","exec","Error","Math","round","parseInt","every","item","n","sourceColor","targetColor","lottieObj","genSourceLottieColor","genTargetLottieColor","doReplace","sourceLottieColor","targetLottieColor","obj","isArray","c","key","doFlatten","colorsArray","doModify","colors","res","doGet","lottieColor","convertLottieColorToRgb"],"mappings":"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","x_google_ignoreList":[0]}

package/cjs/external/prop-types/external/react-is/index.js

@@ -1,2 +1,2 @@
-"use strict";var e,r=require("../../../../_virtual/index2.js"),i=require("./cjs/react-is.production.min.js"),s=require("./cjs/react-is.development.js");exports.__require=function(){return e||(e=1,"production"===process.env.NODE_ENV?r.__module.exports=i.__require():r.__module.exports=s.__require()),r.__module.exports};
+"use strict";var e,r=require("../../../../_virtual/index4.js"),i=require("./cjs/react-is.production.min.js"),s=require("./cjs/react-is.development.js");exports.__require=function(){return e||(e=1,"production"===process.env.NODE_ENV?r.__module.exports=i.__require():r.__module.exports=s.__require()),r.__module.exports};
 //# sourceMappingURL=index.js.map

package/cjs/external/prop-types/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_commonjsHelpers.js"),r=require("../../_virtual/index.js"),s=require("./external/react-is/index.js"),t=require("./factoryWithTypeCheckers.js"),i=require("./factoryWithThrowingShims.js");if("production"!==process.env.NODE_ENV){var o=s.__require();r.__module.exports=t.__require()(o.isElement,!0)}else r.__module.exports=i.__require()();var u=r.__module.exports,_=e.getDefaultExportFromCjs(u);exports.default=_;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_commonjsHelpers.js"),r=require("../../_virtual/index2.js"),s=require("./external/react-is/index.js"),t=require("./factoryWithTypeCheckers.js"),i=require("./factoryWithThrowingShims.js");if("production"!==process.env.NODE_ENV){var o=s.__require();r.__module.exports=t.__require()(o.isElement,!0)}else r.__module.exports=i.__require()();var u=r.__module.exports,_=e.getDefaultExportFromCjs(u);exports.default=_;
 //# sourceMappingURL=index.js.map

package/cjs/external/prop-types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../node_modules/prop-types/index.js"],"sourcesContent":["/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (process.env.NODE_ENV !== 'production') {\n  var ReactIs = require('react-is');\n\n  // By explicitly using `prop-types` you are opting into new development behavior.\n  // http://fb.me/prop-types-in-prod\n  var throwOnDirectAccess = true;\n  module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n  // By explicitly using `prop-types` you are opting into new production behavior.\n  // http://fb.me/prop-types-in-prod\n  module.exports = require('./factoryWithThrowingShims')();\n}\n"],"names":["process","env","NODE_ENV","ReactIs","require$$0","propTypesModule","exports","require$$1","isElement","require$$2"],"mappings":"4RAOA,GAA6B,eAAzBA,QAAQC,IAAIC,SAA2B,CACzC,IAAIC,EAAUC,EAAAA,YAKdC,EAAAA,SAAAC,QAAiBC,EAAAA,WAAAA,CAAqCJ,EAAQK,WADpC,EAE5B,MAGEH,WAAAC,QAAiBG,EAAAA,WAAAA","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../../../../node_modules/prop-types/index.js"],"sourcesContent":["/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (process.env.NODE_ENV !== 'production') {\n  var ReactIs = require('react-is');\n\n  // By explicitly using `prop-types` you are opting into new development behavior.\n  // http://fb.me/prop-types-in-prod\n  var throwOnDirectAccess = true;\n  module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n  // By explicitly using `prop-types` you are opting into new production behavior.\n  // http://fb.me/prop-types-in-prod\n  module.exports = require('./factoryWithThrowingShims')();\n}\n"],"names":["process","env","NODE_ENV","ReactIs","require$$0","propTypesModule","exports","require$$1","isElement","require$$2"],"mappings":"6RAOA,GAA6B,eAAzBA,QAAQC,IAAIC,SAA2B,CACzC,IAAIC,EAAUC,EAAAA,YAKdC,EAAAA,SAAAC,QAAiBC,EAAAA,WAAAA,CAAqCJ,EAAQK,WADpC,EAE5B,MAGEH,WAAAC,QAAiBG,EAAAA,WAAAA","x_google_ignoreList":[0]}

package/cjs/feedback-rating/feedback-rating-stars-container.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("react"),r=require("../shared/accessibility/index.js"),i=require("./feedback-rating-stars-container.styles.js"),t=require("./feedback-rating-stars-container-data.js");exports.FeedbackRatingStarsContainer=n=>{const{ariaLabelledBy:s,ariaDescribedBy:d,rating:l,onRatingChange:u}=n,c=t.StarContainerData.MAX_STAR,o=Math.min(Math.max(null!=l?l:0,0),c),b=a.useRef(null),[x,h]=a.useState(!1),g=a=>a<=o?e.jsx(i.StarFilled,{"aria-hidden":!0}):e.jsx(i.StarUnfilled,{"aria-hidden":!0});return e.jsxs(e.Fragment,{children:[e.jsx(r.VisuallyHidden,{children:e.jsx("input",{ref:b,type:"range",min:0,max:c,step:1,value:o,"aria-labelledby":s,"aria-describedby":d,"aria-valuetext":`${o} star${1===o?"":"s"}`,onChange:e=>{u(Number(e.target.value))},onFocus:()=>{h(!0)},onBlur:()=>{h(!1)}})}),e.jsx(i.Container,{"aria-hidden":!0,$isFocused:x,children:[...Array(c)].map(((a,r)=>{const t=r+1;return e.jsx(i.Label,{"data-testid":`feedback-rating-star-${t}`,onClick:()=>(e=>{var a;u(e),null===(a=b.current)||void 0===a||a.focus()})(t),children:g(t)},t)}))})]})};
+"use strict";var e=require("react/jsx-runtime"),a=require("@lifesg/react-icons/star"),r=require("@lifesg/react-icons/star-fill"),t=require("clsx"),i=require("react"),s=require("../shared/accessibility/index.js"),n=require("./feedback-rating-stars-container.styles.js"),l=require("./feedback-rating-stars-container-data.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(t);exports.FeedbackRatingStarsContainer=t=>{const{ariaLabelledBy:c,ariaDescribedBy:u,rating:o,onRatingChange:b}=t,f=l.StarContainerData.MAX_STAR,x=Math.min(Math.max(null!=o?o:0,0),f),g=i.useRef(null),[h,j]=i.useState(!1),m=t=>t<=x?e.jsx(r.StarFillIcon,{"aria-hidden":!0,className:n.star}):e.jsx(a.StarIcon,{"aria-hidden":!0,className:n.star});return e.jsxs(e.Fragment,{children:[e.jsx(s.VisuallyHidden,{children:e.jsx("input",{ref:g,type:"range",min:0,max:f,step:1,value:x,"aria-labelledby":c,"aria-describedby":u,"aria-valuetext":`${x} star${1===x?"":"s"}`,onChange:e=>{b(Number(e.target.value))},onFocus:()=>{j(!0)},onBlur:()=>{j(!1)}})}),e.jsx("div",{"aria-hidden":!0,className:d.default(n.container,h&&n.containerIsFocused),children:[...Array(f)].map(((a,r)=>{const t=r+1;return e.jsx("div",{className:n.label,"data-testid":`feedback-rating-star-${t}`,onClick:()=>(e=>{var a;b(e),null===(a=g.current)||void 0===a||a.focus()})(t),children:m(t)},t)}))})]})};
 //# sourceMappingURL=feedback-rating-stars-container.js.map

package/cjs/feedback-rating/feedback-rating-stars-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"feedback-rating-stars-container.js","sources":["../../../src/feedback-rating/feedback-rating-stars-container.tsx"],"sourcesContent":["import type { ChangeEvent } from \"react\";\nimport { useRef, useState } from \"react\";\n\nimport { VisuallyHidden } from \"../shared/accessibility\";\nimport {\n    Container,\n    Label,\n    StarFilled,\n    StarUnfilled,\n} from \"./feedback-rating-stars-container.styles\";\nimport { StarContainerData } from \"./feedback-rating-stars-container-data\";\n\ninterface FeedbackRatingStarsContainerProps {\n    ariaLabelledBy: string;\n    ariaDescribedBy: string;\n    rating: number;\n    onRatingChange: (value: number) => void;\n}\n\nexport const FeedbackRatingStarsContainer = (\n    props: FeedbackRatingStarsContainerProps\n): JSX.Element => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n    const { ariaLabelledBy, ariaDescribedBy, rating, onRatingChange } = props;\n    const maxRating = StarContainerData.MAX_STAR;\n    const currentRating = Math.min(Math.max(rating ?? 0, 0), maxRating);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isFocused, setIsFocused] = useState(false);\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleStarSelection = (starIndex: number) => {\n        onRatingChange(starIndex);\n        inputRef.current?.focus();\n    };\n\n    const handleRangeChange = (event: ChangeEvent<HTMLInputElement>) => {\n        onRatingChange(Number(event.target.value));\n    };\n\n    const handleFocus = () => {\n        setIsFocused(true);\n    };\n\n    const handleBlur = () => {\n        setIsFocused(false);\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const getAriaValueText = () => {\n        return `${currentRating} star${currentRating === 1 ? \"\" : \"s\"}`;\n    };\n\n    const renderStar = (starIndex: number) => {\n        if (starIndex <= currentRating) {\n            return <StarFilled aria-hidden />;\n        }\n\n        return <StarUnfilled aria-hidden />;\n    };\n\n    const renderRatings = () => {\n        return [...Array(maxRating)].map((_star, index) => {\n            const starIndex = index + 1;\n\n            return (\n                <Label\n                    key={starIndex}\n                    data-testid={`feedback-rating-star-${starIndex}`}\n                    onClick={() => handleStarSelection(starIndex)}\n                >\n                    {renderStar(starIndex)}\n                </Label>\n            );\n        });\n    };\n\n    return (\n        <>\n            <VisuallyHidden>\n                <input\n                    ref={inputRef}\n                    type=\"range\"\n                    min={0}\n                    max={maxRating}\n                    step={1}\n                    value={currentRating}\n                    aria-labelledby={ariaLabelledBy}\n                    aria-describedby={ariaDescribedBy}\n                    aria-valuetext={getAriaValueText()}\n                    onChange={handleRangeChange}\n                    onFocus={handleFocus}\n                    onBlur={handleBlur}\n                />\n            </VisuallyHidden>\n            <Container aria-hidden $isFocused={isFocused}>\n                {renderRatings()}\n            </Container>\n        </>\n    );\n};\n"],"names":["props","ariaLabelledBy","ariaDescribedBy","rating","onRatingChange","maxRating","StarContainerData","MAX_STAR","currentRating","Math","min","max","inputRef","useRef","isFocused","setIsFocused","useState","renderStar","starIndex","_jsx","StarFilled","StarUnfilled","_jsxs","_Fragment","children","VisuallyHidden","ref","type","step","value","onChange","event","Number","target","onFocus","onBlur","Container","$isFocused","Array","map","_star","index","Label","onClick","_a","current","focus","handleStarSelection"],"mappings":"sQAoBIA,IAKA,MAAMC,eAAEA,EAAcC,gBAAEA,EAAeC,OAAEA,EAAMC,eAAEA,GAAmBJ,EAC9DK,EAAYC,EAAAA,kBAAkBC,SAC9BC,EAAgBC,KAAKC,IAAID,KAAKE,IAAIR,QAAAA,EAAU,EAAG,GAAIE,GACnDO,EAAWC,EAAAA,OAAyB,OACnCC,EAAWC,GAAgBC,EAAAA,UAAS,GA6BrCC,EAAcC,GACZA,GAAaV,EACNW,EAAAA,IAACC,EAAAA,WAAU,CAAA,eAAA,IAGfD,EAAAA,IAACE,EAAAA,aAAY,CAAA,eAAA,IAmBxB,OACIC,OAAAC,EAAAA,SAAA,CAAAC,SAAA,CACIL,EAAAA,IAACM,EAAAA,eAAc,CAAAD,SACXL,MAAA,QAAA,CACIO,IAAKd,EACLe,KAAK,QACLjB,IAAK,EACLC,IAAKN,EACLuB,KAAM,EACNC,MAAOrB,EAAa,kBACHP,EAAc,mBACbC,EAAe,iBAtCtC,GAAGM,SAAuC,IAAlBA,EAAsB,GAAK,MAwC9CsB,SAxDWC,IACvB3B,EAAe4B,OAAOD,EAAME,OAAOJ,OAAO,EAwD9BK,QArDI,KAChBnB,GAAa,EAAK,EAqDNoB,OAlDG,KACfpB,GAAa,EAAM,MAoDfI,EAAAA,IAACiB,EAAAA,UAAS,CAAA,eAAA,EAAAC,WAAyBvB,EAASU,SAjCzC,IAAIc,MAAMjC,IAAYkC,KAAI,CAACC,EAAOC,KACrC,MAAMvB,EAAYuB,EAAQ,EAE1B,OACItB,EAAAA,IAACuB,EAAAA,MAAK,CAAA,cAEW,wBAAwBxB,IACrCyB,QAAS,IAxCG,CAACzB,UACzBd,EAAec,GACC,QAAhB0B,EAAAhC,EAASiC,eAAO,IAAAD,GAAAA,EAAEE,OAAO,EAsCEC,CAAoB7B,GAAUM,SAE5CP,EAAWC,IAJPA,EAKD,QA0Bb"}
+{"version":3,"file":"feedback-rating-stars-container.js","sources":["../../../src/feedback-rating/feedback-rating-stars-container.tsx"],"sourcesContent":["import { StarIcon } from \"@lifesg/react-icons/star\";\nimport { StarFillIcon } from \"@lifesg/react-icons/star-fill\";\nimport clsx from \"clsx\";\nimport type { ChangeEvent } from \"react\";\nimport { useRef, useState } from \"react\";\n\nimport { VisuallyHidden } from \"../shared/accessibility\";\nimport * as styles from \"./feedback-rating-stars-container.styles\";\nimport { StarContainerData } from \"./feedback-rating-stars-container-data\";\n\ninterface FeedbackRatingStarsContainerProps {\n    ariaLabelledBy: string;\n    ariaDescribedBy: string;\n    rating: number;\n    onRatingChange: (value: number) => void;\n}\n\nexport const FeedbackRatingStarsContainer = (\n    props: FeedbackRatingStarsContainerProps\n): JSX.Element => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n    const { ariaLabelledBy, ariaDescribedBy, rating, onRatingChange } = props;\n    const maxRating = StarContainerData.MAX_STAR;\n    const currentRating = Math.min(Math.max(rating ?? 0, 0), maxRating);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isFocused, setIsFocused] = useState(false);\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleStarSelection = (starIndex: number) => {\n        onRatingChange(starIndex);\n        inputRef.current?.focus();\n    };\n\n    const handleRangeChange = (event: ChangeEvent<HTMLInputElement>) => {\n        onRatingChange(Number(event.target.value));\n    };\n\n    const handleFocus = () => {\n        setIsFocused(true);\n    };\n\n    const handleBlur = () => {\n        setIsFocused(false);\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const getAriaValueText = () => {\n        return `${currentRating} star${currentRating === 1 ? \"\" : \"s\"}`;\n    };\n\n    const renderStar = (starIndex: number) => {\n        if (starIndex <= currentRating) {\n            return <StarFillIcon aria-hidden className={styles.star} />;\n        }\n\n        return <StarIcon aria-hidden className={styles.star} />;\n    };\n\n    const renderRatings = () => {\n        return [...Array(maxRating)].map((_star, index) => {\n            const starIndex = index + 1;\n\n            return (\n                <div\n                    key={starIndex}\n                    className={styles.label}\n                    data-testid={`feedback-rating-star-${starIndex}`}\n                    onClick={() => handleStarSelection(starIndex)}\n                >\n                    {renderStar(starIndex)}\n                </div>\n            );\n        });\n    };\n\n    return (\n        <>\n            <VisuallyHidden>\n                <input\n                    ref={inputRef}\n                    type=\"range\"\n                    min={0}\n                    max={maxRating}\n                    step={1}\n                    value={currentRating}\n                    aria-labelledby={ariaLabelledBy}\n                    aria-describedby={ariaDescribedBy}\n                    aria-valuetext={getAriaValueText()}\n                    onChange={handleRangeChange}\n                    onFocus={handleFocus}\n                    onBlur={handleBlur}\n                />\n            </VisuallyHidden>\n            <div\n                aria-hidden\n                className={clsx(\n                    styles.container,\n                    isFocused && styles.containerIsFocused\n                )}\n            >\n                {renderRatings()}\n            </div>\n        </>\n    );\n};\n"],"names":["props","ariaLabelledBy","ariaDescribedBy","rating","onRatingChange","maxRating","StarContainerData","MAX_STAR","currentRating","Math","min","max","inputRef","useRef","isFocused","setIsFocused","useState","renderStar","starIndex","_jsx","StarFillIcon","className","styles.star","StarIcon","_jsxs","_Fragment","children","VisuallyHidden","ref","type","step","value","onChange","event","Number","target","onFocus","onBlur","clsx","styles.container","styles.containerIsFocused","Array","map","_star","index","styles.label","onClick","_a","current","focus","handleStarSelection"],"mappings":"4bAkBIA,IAKA,MAAMC,eAAEA,EAAcC,gBAAEA,EAAeC,OAAEA,EAAMC,eAAEA,GAAmBJ,EAC9DK,EAAYC,EAAAA,kBAAkBC,SAC9BC,EAAgBC,KAAKC,IAAID,KAAKE,IAAIR,QAAAA,EAAU,EAAG,GAAIE,GACnDO,EAAWC,EAAAA,OAAyB,OACnCC,EAAWC,GAAgBC,EAAAA,UAAS,GA6BrCC,EAAcC,GACZA,GAAaV,EACNW,EAAAA,IAACC,EAAAA,aAAY,CAAA,eAAA,EAAaC,UAAWC,EAAAA,OAGzCH,EAAAA,IAACI,EAAAA,SAAQ,CAAA,eAAA,EAAaF,UAAWC,EAAAA,OAoB5C,OACIE,OAAAC,EAAAA,SAAA,CAAAC,SAAA,CACIP,EAAAA,IAACQ,2BACGR,EAAAA,IAAA,QAAA,CACIS,IAAKhB,EACLiB,KAAK,QACLnB,IAAK,EACLC,IAAKN,EACLyB,KAAM,EACNC,MAAOvB,EAAa,kBACHP,EAAc,mBACbC,mBAvCvB,GAAGM,SAAuC,IAAlBA,EAAsB,GAAK,MAyC9CwB,SAzDWC,IACvB7B,EAAe8B,OAAOD,EAAME,OAAOJ,OAAO,EAyD9BK,QAtDI,KAChBrB,GAAa,EAAK,EAsDNsB,OAnDG,KACftB,GAAa,EAAM,MAqDfI,EAAAA,IAAA,MAAA,CAAA,eAAA,EAEIE,UAAWiB,EAAAA,QACPC,EAAAA,UACAzB,GAAa0B,EAAAA,6BAtClB,IAAIC,MAAMpC,IAAYqC,KAAI,CAACC,EAAOC,KACrC,MAAM1B,EAAY0B,EAAQ,EAE1B,OACIzB,EAAAA,IAAA,MAAA,CAEIE,UAAWwB,EAAAA,MAAY,cACV,wBAAwB3B,IACrC4B,QAAS,IAzCG,CAAC5B,UACzBd,EAAec,GACC,QAAhB6B,EAAAnC,EAASoC,eAAO,IAAAD,GAAAA,EAAEE,OAAO,EAuCEC,CAAoBhC,GAAUQ,SAE5CT,EAAWC,IALPA,EAMH,QAgCX"}

package/cjs/feedback-rating/feedback-rating-stars-container.styles.js

@@ -1,37 +1,2 @@
-"use strict";var e=require("@lifesg/react-icons/star"),i=require("@lifesg/react-icons/star-fill"),t=require("styled-components"),r=require("../v3_theme/index.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(t);a.default.input`
-    position: absolute;
-    opacity: 0;
-    width: 0;
-    height: 0;
-`;const o=t.css`
-    width: 2.75rem;
-    height: 2.75rem;
-    color: ${r.V3_Colour["icon-primary"]};
-`,s=a.default(e.StarIcon)`
-    ${o}
-`,l=a.default(i.StarFillIcon)`
-    ${o}
-`,c=a.default.div`
-    margin: 0 ${r.V3_Spacing["spacing-8"]};
-    line-height: 0;
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-
-    ${r.V3_MediaQuery.MaxWidth.md} {
-        margin: 0 ${r.V3_Spacing["spacing-8"]};
-    }
-`,d=a.default.div`
-    display: flex;
-    justify-content: center;
-    margin: ${r.V3_Spacing["spacing-8"]} ${r.V3_Spacing["spacing-16"]};
-    border-radius: ${r.V3_Radius.sm};
-    outline: none;
-
-    ${({$isFocused:e})=>e&&t.css`
-            outline: ${r.V3_Border["width-020"]} ${r.V3_Border.solid}
-                ${r.V3_Colour["icon-primary"]};
-            outline-offset: 2px;
-        `}
-`;exports.Container=d,exports.Label=c,exports.StarFilled=l,exports.StarUnfilled=s;
+"use strict";require("./feedback-rating-stars-container.styles_dmi8z9.css");exports.container="c1w9ub4z",exports.containerIsFocused="chyiool",exports.label="lg72zyg",exports.star="sk1h6mz";
 //# sourceMappingURL=feedback-rating-stars-container.styles.js.map

package/cjs/feedback-rating/feedback-rating-stars-container.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"feedback-rating-stars-container.styles.js","sources":["../../../src/feedback-rating/feedback-rating-stars-container.styles.tsx"],"sourcesContent":["import { StarIcon } from \"@lifesg/react-icons/star\";\nimport { StarFillIcon } from \"@lifesg/react-icons/star-fill\";\nimport styled, { css } from \"styled-components\";\n\nimport {\n    V3_Border,\n    V3_Colour,\n    V3_MediaQuery,\n    V3_Radius,\n    V3_Spacing,\n} from \"../v3_theme\";\n\nexport const Input = styled.input`\n    position: absolute;\n    opacity: 0;\n    width: 0;\n    height: 0;\n`;\n\nconst starStyle = css`\n    width: 2.75rem;\n    height: 2.75rem;\n    color: ${V3_Colour[\"icon-primary\"]};\n`;\n\nexport const StarUnfilled = styled(StarIcon)`\n    ${starStyle}\n`;\n\nexport const StarFilled = styled(StarFillIcon)`\n    ${starStyle}\n`;\n\nexport const Label = styled.div`\n    margin: 0 ${V3_Spacing[\"spacing-8\"]};\n    line-height: 0;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n\n    ${V3_MediaQuery.MaxWidth.md} {\n        margin: 0 ${V3_Spacing[\"spacing-8\"]};\n    }\n`;\n\nexport const Container = styled.div<{ $isFocused: boolean }>`\n    display: flex;\n    justify-content: center;\n    margin: ${V3_Spacing[\"spacing-8\"]} ${V3_Spacing[\"spacing-16\"]};\n    border-radius: ${V3_Radius[\"sm\"]};\n    outline: none;\n\n    ${({ $isFocused }) =>\n        $isFocused &&\n        css`\n            outline: ${V3_Border[\"width-020\"]} ${V3_Border[\"solid\"]}\n                ${V3_Colour[\"icon-primary\"]};\n            outline-offset: 2px;\n        `}\n`;\n"],"names":["styled","input","starStyle","css","V3_Colour","StarUnfilled","StarIcon","StarFilled","StarFillIcon","Label","div","V3_Spacing","V3_MediaQuery","MaxWidth","md","Container","V3_Radius","$isFocused","V3_Border"],"mappings":"sPAYqBA,EAAAA,QAAOC,KAAK;;;;;EAOjC,MAAMC,EAAYC,EAAAA,GAAG;;;aAGRC,EAAAA,UAAU;EAGVC,EAAeL,EAAAA,QAAOM,EAAAA,SAAS;MACtCJ;EAGOK,EAAaP,EAAAA,QAAOQ,EAAAA,aAAa;MACxCN;EAGOO,EAAQT,EAAAA,QAAOU,GAAG;gBACfC,EAAAA,WAAW;;;;;;MAMrBC,EAAAA,cAAcC,SAASC;oBACTH,EAAAA,WAAW;;EAIlBI,EAAYf,EAAAA,QAAOU,GAA4B;;;cAG9CC,EAAAA,WAAW,gBAAgBA,EAAAA,WAAW;qBAC/BK,EAAAA,UAAc;;;MAG7B,EAAGC,gBACDA,GACAd,KAAG;uBACYe,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;kBAChDd,EAAAA,UAAU;;;"}
+{"version":3,"file":"feedback-rating-stars-container.styles.js","sources":["../../../src/feedback-rating/feedback-rating-stars-container.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, Radius, Spacing } from \"../theme\";\n\nexport const star = css`\n    width: 2.75rem;\n    height: 2.75rem;\n    color: ${Colour[\"icon-primary\"]};\n`;\n\nexport const label = css`\n    margin: 0 ${Spacing[\"spacing-8\"]};\n    line-height: 0;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n`;\n\nexport const container = css`\n    display: flex;\n    justify-content: center;\n    margin: ${Spacing[\"spacing-8\"]} ${Spacing[\"spacing-16\"]};\n    border-radius: ${Radius[\"sm\"]};\n    outline: none;\n`;\n\nexport const containerIsFocused = css`\n    outline: ${Border[\"width-020\"]} ${Border[\"solid\"]} ${Colour[\"icon-primary\"]};\n    outline-offset: 2px;\n`;\n"],"names":[],"mappings":"6HAkBsB,sCAQS,wBAhBb,uBAND"}

package/cjs/feedback-rating/feedback-rating-stars-container.styles_dmi8z9.css

@@ -0,0 +1,4 @@
+.sk1h6mz{width:2.75rem;height:2.75rem;color:var(--fds-colour-icon-primary);}
+.lg72zyg{margin:0 var(--fds-spacing-8);line-height:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;}
+.c1w9ub4z{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:var(--fds-spacing-8) var(--fds-spacing-16);border-radius:var(--fds-radius-sm);outline:none;}
+.chyiool{outline:var(--fds-border-width-020) var(--fds-border-style-solid) var(--fds-colour-icon-primary);outline-offset:2px;}

package/cjs/feedback-rating/feedback-rating.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../_virtual/_tslib.js"),a=require("react/jsx-runtime"),r=require("../shared/accessibility/index.js"),i=require("../typography/index.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js"),require("react");var n=require("../util/simple-id-generator.js");require("../util/string-helper.js"),require("@react-aria/live-announcer");var t=require("./feedback-rating.styles.js"),s=require("./feedback-rating-data.js"),l=require("./feedback-rating-stars-container.js");exports.FeedbackRating=d=>{const{imgSrc:u,buttonLabel:c,description:g,rating:o,onRatingChange:b,onSubmit:j}=d,h=e.__rest(d,["imgSrc","buttonLabel","description","rating","onRatingChange","onSubmit"]),m=n.useId(),y=`${m}-description`,p=null!=u?u:s.FeedbackRatingData.IMG,q=null!=g?g:s.FeedbackRatingData.DEFAULT_DESCRIPTION,x=null!=c?c:s.FeedbackRatingData.DEFAULT_BUTTON_LABEL,k=!o;return a.jsxs(t.MainContainer,Object.assign({role:"group","aria-labelledby":m},h,{children:[p&&a.jsx(t.Image,{"data-testid":"feedback-banner-image",src:p,alt:"",onError:e=>e.currentTarget.style.display="none"}),a.jsxs(t.ChildContainer,{children:[a.jsx(i.Typography.HeadingSM,{as:"h2",id:m,weight:"semibold",children:q}),a.jsx(l.FeedbackRatingStarsContainer,{ariaLabelledBy:m,ariaDescribedBy:y,rating:o,onRatingChange:b}),a.jsx(r.VisuallyHidden,{id:y,children:"Minimum, 1 star. Maximum, 5 stars."}),a.jsx(t.SubmitButton,{disabled:k,focusableWhenDisabled:!0,onClick:j,type:"button",children:x})]})]}))};
+"use strict";var e=require("../_virtual/_tslib.js"),a=require("react/jsx-runtime"),i=require("clsx"),r=require("react"),t=require("../button/button.js"),n=require("../shared/accessibility/index.js"),s=require("../typography/index.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js");var d=require("../util/simple-id-generator.js");require("../util/string-helper.js"),require("@react-aria/live-announcer");var l=require("./feedback-rating.styles.js"),u=require("./feedback-rating-data.js"),c=require("./feedback-rating-stars-container.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=o(i);exports.FeedbackRating=i=>{const{imgSrc:o,buttonLabel:g,description:m,rating:j,onRatingChange:h,onSubmit:p,className:q,id:f,"data-testid":x}=i,y=e.__rest(i,["imgSrc","buttonLabel","description","rating","onRatingChange","onSubmit","className","id","data-testid"]),[v,k]=r.useState(!1),R=r.useRef(null),C=d.useId(),D=`${C}-description`,N=null!=o?o:u.FeedbackRatingData.IMG,S=null!=m?m:u.FeedbackRatingData.DEFAULT_DESCRIPTION,F=null!=g?g:u.FeedbackRatingData.DEFAULT_BUTTON_LABEL,L=!j;r.useEffect((()=>{var e;k(!1),(null===(e=R.current)||void 0===e?void 0:e.complete)&&0===R.current.naturalWidth&&k(!0)}),[N]);return a.jsxs("div",Object.assign({role:"group","aria-labelledby":C,className:b.default(l.mainContainer,q),id:f,"data-testid":x},y,{children:[N&&!v&&a.jsx("img",{ref:R,className:l.image,"data-testid":"feedback-banner-image",src:N,alt:"",onError:()=>{k(!0)}}),a.jsxs("div",{className:l.childContainer,children:[a.jsx(s.Typography.HeadingSM,{as:"h2",id:C,weight:"semibold",children:S}),a.jsx(c.FeedbackRatingStarsContainer,{ariaLabelledBy:C,ariaDescribedBy:D,rating:j,onRatingChange:h}),a.jsx(n.VisuallyHidden,{id:D,children:"Minimum, 1 star. Maximum, 5 stars."}),a.jsx(t.Button,{className:l.submitButton,disabled:L,focusableWhenDisabled:!0,onClick:p,type:"button",children:F})]})]}))};
 //# sourceMappingURL=feedback-rating.js.map

package/cjs/feedback-rating/feedback-rating.js.map

@@ -1 +1 @@
-{"version":3,"file":"feedback-rating.js","sources":["../../../src/feedback-rating/feedback-rating.tsx"],"sourcesContent":["import { VisuallyHidden } from \"../shared/accessibility\";\nimport { Typography } from \"../typography\";\nimport { useId } from \"../util\";\nimport {\n    ChildContainer,\n    Image,\n    MainContainer,\n    SubmitButton,\n} from \"./feedback-rating.styles\";\nimport { FeedbackRatingData } from \"./feedback-rating-data\";\nimport { FeedbackRatingStarsContainer } from \"./feedback-rating-stars-container\";\nimport type { FeedbackRatingProps } from \"./types\";\n\nexport const FeedbackRating = (props: FeedbackRatingProps): JSX.Element => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n    const {\n        imgSrc,\n        buttonLabel,\n        description,\n        rating,\n        onRatingChange,\n        onSubmit,\n        ...otherProps\n    } = props;\n    const internalId = useId();\n    const descriptionId = `${internalId}-description`;\n    const bannerSrc = imgSrc ?? FeedbackRatingData.IMG;\n    const componentDescription =\n        description ?? FeedbackRatingData.DEFAULT_DESCRIPTION;\n    const resolvedButtonLabel =\n        buttonLabel ?? FeedbackRatingData.DEFAULT_BUTTON_LABEL;\n    const isSubmitDisabled = !rating;\n\n    return (\n        <MainContainer\n            role=\"group\"\n            aria-labelledby={internalId}\n            {...otherProps}\n        >\n            {bannerSrc && (\n                <Image\n                    data-testid=\"feedback-banner-image\"\n                    src={bannerSrc}\n                    alt=\"\"\n                    onError={(event) =>\n                        (event.currentTarget.style.display = \"none\")\n                    }\n                />\n            )}\n            <ChildContainer>\n                <Typography.HeadingSM as=\"h2\" id={internalId} weight=\"semibold\">\n                    {componentDescription}\n                </Typography.HeadingSM>\n                <FeedbackRatingStarsContainer\n                    ariaLabelledBy={internalId}\n                    ariaDescribedBy={descriptionId}\n                    rating={rating}\n                    onRatingChange={onRatingChange}\n                />\n                <VisuallyHidden id={descriptionId}>\n                    Minimum, 1 star. Maximum, 5 stars.\n                </VisuallyHidden>\n                <SubmitButton\n                    disabled={isSubmitDisabled}\n                    focusableWhenDisabled\n                    onClick={onSubmit}\n                    type=\"button\"\n                >\n                    {resolvedButtonLabel}\n                </SubmitButton>\n            </ChildContainer>\n        </MainContainer>\n    );\n};\n"],"names":["props","imgSrc","buttonLabel","description","rating","onRatingChange","onSubmit","otherProps","internalId","useId","descriptionId","bannerSrc","FeedbackRatingData","IMG","componentDescription","DEFAULT_DESCRIPTION","resolvedButtonLabel","DEFAULT_BUTTON_LABEL","isSubmitDisabled","_jsxs","MainContainer","Object","assign","role","children","_jsx","Image","src","alt","onError","event","currentTarget","style","display","ChildContainer","Typography","HeadingSM","as","id","weight","FeedbackRatingStarsContainer","ariaLabelledBy","ariaDescribedBy","VisuallyHidden","SubmitButton","disabled","focusableWhenDisabled","onClick","type"],"mappings":"6hBAa+BA,IAI3B,MAAMC,OACFA,EAAMC,YACNA,EAAWC,YACXA,EAAWC,OACXA,EAAMC,eACNA,EAAcC,SACdA,GAEAN,EADGO,WACHP,EARE,CAAA,SAAA,cAAA,cAAA,SAAA,iBAAA,aASAQ,EAAaC,EAAAA,QACbC,EAAgB,GAAGF,gBACnBG,EAAYV,QAAAA,EAAUW,EAAAA,mBAAmBC,IACzCC,EACFX,QAAAA,EAAeS,EAAAA,mBAAmBG,oBAChCC,EACFd,QAAAA,EAAeU,EAAAA,mBAAmBK,qBAChCC,GAAoBd,EAE1B,OACIe,EAAAA,KAACC,EAAAA,cAAaC,OAAAC,OAAA,CACVC,KAAK,QAAO,kBACKf,GACbD,EAAU,CAAAiB,SAAA,CAEbb,GACGc,EAAAA,IAACC,EAAAA,MAAK,CAAA,cACU,wBACZC,IAAKhB,EACLiB,IAAI,GACJC,QAAUC,GACLA,EAAMC,cAAcC,MAAMC,QAAU,SAIjDd,OAACe,EAAAA,eAAc,CAAAV,SAAA,CACXC,EAAAA,IAACU,EAAAA,WAAWC,UAAS,CAACC,GAAG,KAAKC,GAAI9B,EAAY+B,OAAO,WAAUf,SAC1DV,IAELW,EAAAA,IAACe,+BAA4B,CACzBC,eAAgBjC,EAChBkC,gBAAiBhC,EACjBN,OAAQA,EACRC,eAAgBA,IAEpBoB,MAACkB,EAAAA,eAAc,CAACL,GAAI5B,EAAac,SAAA,uCAGjCC,EAAAA,IAACmB,EAAAA,aAAY,CACTC,SAAU3B,EACV4B,uBAAqB,EACrBC,QAASzC,EACT0C,KAAK,SAAQxB,SAEZR,UAGG"}
+{"version":3,"file":"feedback-rating.js","sources":["../../../src/feedback-rating/feedback-rating.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport { Button } from \"../button\";\nimport { VisuallyHidden } from \"../shared/accessibility\";\nimport { Typography } from \"../typography\";\nimport { useId } from \"../util\";\nimport * as styles from \"./feedback-rating.styles\";\nimport { FeedbackRatingData } from \"./feedback-rating-data\";\nimport { FeedbackRatingStarsContainer } from \"./feedback-rating-stars-container\";\nimport type { FeedbackRatingProps } from \"./types\";\n\nexport const FeedbackRating = (props: FeedbackRatingProps): JSX.Element => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n    const {\n        imgSrc,\n        buttonLabel,\n        description,\n        rating,\n        onRatingChange,\n        onSubmit,\n        className,\n        id,\n        \"data-testid\": testId,\n        ...otherProps\n    } = props;\n    const [hasImageError, setHasImageError] = useState(false);\n    const imgRef = useRef<HTMLImageElement>(null);\n    const internalId = useId();\n    const descriptionId = `${internalId}-description`;\n    const bannerSrc = imgSrc ?? FeedbackRatingData.IMG;\n    const componentDescription =\n        description ?? FeedbackRatingData.DEFAULT_DESCRIPTION;\n    const resolvedButtonLabel =\n        buttonLabel ?? FeedbackRatingData.DEFAULT_BUTTON_LABEL;\n    const isSubmitDisabled = !rating;\n\n    useEffect(() => {\n        setHasImageError(false);\n\n        if (imgRef.current?.complete && imgRef.current.naturalWidth === 0) {\n            setHasImageError(true);\n        }\n    }, [bannerSrc]);\n\n    const handleImgError = () => {\n        setHasImageError(true);\n    };\n\n    return (\n        <div\n            role=\"group\"\n            aria-labelledby={internalId}\n            className={clsx(styles.mainContainer, className)}\n            id={id}\n            data-testid={testId}\n            {...otherProps}\n        >\n            {bannerSrc && !hasImageError && (\n                <img\n                    ref={imgRef}\n                    className={styles.image}\n                    data-testid=\"feedback-banner-image\"\n                    src={bannerSrc}\n                    alt=\"\"\n                    onError={handleImgError}\n                />\n            )}\n            <div className={styles.childContainer}>\n                <Typography.HeadingSM as=\"h2\" id={internalId} weight=\"semibold\">\n                    {componentDescription}\n                </Typography.HeadingSM>\n                <FeedbackRatingStarsContainer\n                    ariaLabelledBy={internalId}\n                    ariaDescribedBy={descriptionId}\n                    rating={rating}\n                    onRatingChange={onRatingChange}\n                />\n                <VisuallyHidden id={descriptionId}>\n                    Minimum, 1 star. Maximum, 5 stars.\n                </VisuallyHidden>\n                <Button\n                    className={styles.submitButton}\n                    disabled={isSubmitDisabled}\n                    focusableWhenDisabled\n                    onClick={onSubmit}\n                    type=\"button\"\n                >\n                    {resolvedButtonLabel}\n                </Button>\n            </div>\n        </div>\n    );\n};\n"],"names":["props","imgSrc","buttonLabel","description","rating","onRatingChange","onSubmit","className","id","testId","otherProps","__rest","hasImageError","setHasImageError","useState","imgRef","useRef","internalId","useId","descriptionId","bannerSrc","FeedbackRatingData","IMG","componentDescription","DEFAULT_DESCRIPTION","resolvedButtonLabel","DEFAULT_BUTTON_LABEL","isSubmitDisabled","useEffect","_a","current","complete","naturalWidth","_jsxs","Object","assign","role","clsx","styles.mainContainer","children","_jsx","ref","styles.image","src","alt","onError","styles.childContainer","Typography","HeadingSM","as","weight","FeedbackRatingStarsContainer","ariaLabelledBy","ariaDescribedBy","VisuallyHidden","Button","styles.submitButton","disabled","focusableWhenDisabled","onClick","type"],"mappings":"qqBAY+BA,IAI3B,MAAMC,OACFA,EAAMC,YACNA,EAAWC,YACXA,EAAWC,OACXA,EAAMC,eACNA,EAAcC,SACdA,EAAQC,UACRA,EAASC,GACTA,EACA,cAAeC,GAEfT,EADGU,EAAUC,EAAAA,OACbX,EAXE,CAAA,SAAA,cAAA,cAAA,SAAA,iBAAA,WAAA,YAAA,KAAA,iBAYCY,EAAeC,GAAoBC,EAAAA,UAAS,GAC7CC,EAASC,EAAAA,OAAyB,MAClCC,EAAaC,EAAAA,QACbC,EAAgB,GAAGF,gBACnBG,EAAYnB,QAAAA,EAAUoB,EAAAA,mBAAmBC,IACzCC,EACFpB,QAAAA,EAAekB,EAAAA,mBAAmBG,oBAChCC,EACFvB,QAAAA,EAAemB,EAAAA,mBAAmBK,qBAChCC,GAAoBvB,EAE1BwB,EAAAA,WAAU,WACNf,GAAiB,YAEbgB,EAAAd,EAAOe,8BAASC,WAA4C,IAAhChB,EAAOe,QAAQE,cAC3CnB,GAAiB,EACrB,GACD,CAACO,IAMJ,OACIa,OAAA,MAAAC,OAAAC,OAAA,CACIC,KAAK,QAAO,kBACKnB,EACjBV,UAAW8B,EAAAA,QAAKC,gBAAsB/B,GACtCC,GAAIA,gBACSC,GACTC,EAAU,CAAA6B,SAAA,CAEbnB,IAAcR,GACX4B,EAAAA,IAAA,MAAA,CACIC,IAAK1B,EACLR,UAAWmC,QAAY,cACX,wBACZC,IAAKvB,EACLwB,IAAI,GACJC,QApBO,KACnBhC,GAAiB,EAAK,IAsBlBoB,OAAA,MAAA,CAAK1B,UAAWuC,EAAAA,eAAqBP,SAAA,CACjCC,EAAAA,IAACO,EAAAA,WAAWC,UAAS,CAACC,GAAG,KAAKzC,GAAIS,EAAYiC,OAAO,WAAUX,SAC1DhB,IAELiB,MAACW,EAAAA,6BAA4B,CACzBC,eAAgBnC,EAChBoC,gBAAiBlC,EACjBf,OAAQA,EACRC,eAAgBA,IAEpBmC,EAAAA,IAACc,EAAAA,eAAc,CAAC9C,GAAIW,EAAaoB,SAAA,uCAGjCC,EAAAA,IAACe,EAAAA,OAAM,CACHhD,UAAWiD,eACXC,SAAU9B,EACV+B,uBAAqB,EACrBC,QAASrD,EACTsD,KAAK,kBAEJnC,UAGP"}

package/cjs/feedback-rating/feedback-rating.styles.js

@@ -1,38 +1,2 @@
-"use strict";var e=require("styled-components"),t=require("../button/button.js"),r=require("../v3_theme/index.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(e);const n=d.default.img`
-    width: 9.5rem;
-    height: 9.5rem;
-    margin: 0 1rem;
-    ${r.V3_MediaQuery.MaxWidth.md} {
-        width: 5.5rem;
-        height: 5.5rem;
-        margin: 0;
-    }
-`,o=d.default.div`
-    border-top: 1px solid ${r.V3_Colour.border};
-    border-bottom: 1px solid ${r.V3_Colour.border};
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    padding: 1rem 3rem;
-    ${r.V3_MediaQuery.MaxWidth.md} {
-        padding: 2rem 0 1rem;
-        flex-direction: column;
-    }
-`,m=d.default.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    margin: 1rem 1rem;
-    width: 100%;
-    text-align: center;
-    ${r.V3_MediaQuery.MaxWidth.md} {
-        margin: 1rem 1.25rem;
-        max-width: calc(100% - 2.5rem);
-    }
-`,a=d.default(t.Button.Default)`
-    margin-top: 1rem;
-    width: 100%;
-`;exports.ChildContainer=m,exports.Image=n,exports.MainContainer=o,exports.SubmitButton=a;
+"use strict";require("./feedback-rating.styles_1kdklb6.css");exports.childContainer="c2of6av",exports.image="i1kvxt6e",exports.mainContainer="m12gz8bh",exports.submitButton="sopm87z";
 //# sourceMappingURL=feedback-rating.styles.js.map

package/cjs/feedback-rating/feedback-rating.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"feedback-rating.styles.js","sources":["../../../src/feedback-rating/feedback-rating.styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport { V3_Colour, V3_MediaQuery } from \"../v3_theme\";\n\nexport const Image = styled.img`\n    width: 9.5rem;\n    height: 9.5rem;\n    margin: 0 1rem;\n    ${V3_MediaQuery.MaxWidth.md} {\n        width: 5.5rem;\n        height: 5.5rem;\n        margin: 0;\n    }\n`;\n\nexport const MainContainer = styled.div`\n    border-top: 1px solid ${V3_Colour.border};\n    border-bottom: 1px solid ${V3_Colour.border};\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    padding: 1rem 3rem;\n    ${V3_MediaQuery.MaxWidth.md} {\n        padding: 2rem 0 1rem;\n        flex-direction: column;\n    }\n`;\n\nexport const ChildContainer = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin: 1rem 1rem;\n    width: 100%;\n    text-align: center;\n    ${V3_MediaQuery.MaxWidth.md} {\n        margin: 1rem 1.25rem;\n        max-width: calc(100% - 2.5rem);\n    }\n`;\n\nexport const SubmitButton = styled(Button.Default)`\n    margin-top: 1rem;\n    width: 100%;\n`;\n"],"names":["Image","styled","img","V3_MediaQuery","MaxWidth","md","MainContainer","div","V3_Colour","border","ChildContainer","SubmitButton","Button","Default"],"mappings":"sMAKO,MAAMA,EAAQC,EAAAA,QAAOC,GAAG;;;;MAIzBC,EAAAA,cAAcC,SAASC;;;;;EAOhBC,EAAgBL,EAAAA,QAAOM,GAAG;4BACXC,EAAAA,UAAUC;+BACPD,EAAAA,UAAUC;;;;;;;MAOnCN,EAAAA,cAAcC,SAASC;;;;EAMhBK,EAAiBT,EAAAA,QAAOM,GAAG;;;;;;;MAOlCJ,EAAAA,cAAcC,SAASC;;;;EAMhBM,EAAeV,EAAAA,QAAOW,SAAOC,QAAQ;;;"}
+{"version":3,"file":"feedback-rating.styles.js","sources":["../../../src/feedback-rating/feedback-rating.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, MediaQuery } from \"../theme\";\n\nexport const image = css`\n    width: 9.5rem;\n    height: 9.5rem;\n    margin: 0 1rem;\n    ${MediaQuery.MaxWidth.md} {\n        width: 5.5rem;\n        height: 5.5rem;\n        margin: 0;\n    }\n`;\n\nexport const mainContainer = css`\n    border-top: ${Border[\"width-010\"]} ${Border.solid} ${Colour.border};\n    border-bottom: ${Border[\"width-010\"]} ${Border.solid} ${Colour.border};\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    padding: 1rem 3rem;\n    ${MediaQuery.MaxWidth.md} {\n        padding: 2rem 0 1rem;\n        flex-direction: column;\n    }\n`;\n\nexport const childContainer = css`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin: 1rem 1rem;\n    width: 100%;\n    text-align: center;\n    ${MediaQuery.MaxWidth.md} {\n        margin: 1rem 1.25rem;\n        max-width: calc(100% - 2.5rem);\n    }\n`;\n\nexport const submitButton = css`\n    margin-top: 1rem;\n    width: 100%;\n`;\n"],"names":[],"mappings":"mHA8B2B,wBA1BT,iCAWQ,gCA4BD"}

package/cjs/feedback-rating/feedback-rating.styles_1kdklb6.css

@@ -0,0 +1,4 @@
+.i1kvxt6e{width:9.5rem;height:9.5rem;margin:0 1rem;}:where(body.fds-breakpoint-md-max) .i1kvxt6e{width:5.5rem;height:5.5rem;margin:0;}
+.m12gz8bh{border-top:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-bottom:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;padding:1rem 3rem;}:where(body.fds-breakpoint-md-max) .m12gz8bh{padding:2rem 0 1rem;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.c2of6av{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:1rem 1rem;width:100%;text-align:center;}:where(body.fds-breakpoint-md-max) .c2of6av{margin:1rem 1.25rem;max-width:calc(100% - 2.5rem);}
+.sopm87z{margin-top:1rem;width:100%;}

package/cjs/file-download/file-list-card/file-list-card.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("@lifesg/react-icons"),i=require("react"),n=require("../../external/react-responsive/dist/react-responsive.js"),s=require("styled-components"),a=require("../../file-upload/helper.js");require("../../util/calendar-helper.js"),require("../../external/dayjs/dayjs.min.js"),require("../../util/simple-id-generator.js");var l=require("../../util/string-helper.js");require("@react-aria/live-announcer");var o=require("../../v3_theme/index.js"),c=require("./file-list-card.styles.js");const{ActionContainer:d,Box:u,ContentSection:h,DesktopErrorMessage:x,ErrorIcon:j,ExtendedNameSection:m,FileSizeSection:g,IconButton:p,Item:q,ItemNameText:y,MobileErrorMessage:f,NameSection:v,Thumbnail:w,ThumbnailContainer:S}=c,b=i.memo((({fileItem:c,onDownload:b})=>{const{id:T,name:C,size:F,errorMessage:I,thumbnailImageDataUrl:E,truncateText:$=!0,ready:_=!0}=c,[D,M]=i.useState(!1),[z,B]=i.useState(!1),k=a.FileUploadHelper.formatFileSizeDisplay(F),N=i.useContext(s.ThemeContext),R=o.V3_Breakpoint["sm-max"]({theme:N}),H=n.reactResponsiveExports.useMediaQuery({maxWidth:R}),[L,U]=i.useState(),A=i.useRef(null);i.useEffect((()=>{A.current&&U(H?Q(C):C)}),[C,H]);const Q=e=>{if(!$)return e;const r=A&&A.current?A.current.getBoundingClientRect().width:0;return l.StringHelper.truncateTwoLines(e,r,16,1.5)},V=()=>r.jsxs(r.Fragment,{children:[r.jsx(y,{ref:A,children:L}),z&&r.jsxs(x,{children:[r.jsx(j,{}),I||"Something went wrong"]})]});return r.jsx(q,{"data-testid":T,children:r.jsxs(u,{onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(_&&!D){M(!0);try{B(!1),yield b(c)}catch(e){B(!0)}finally{M(!1)}}})),$error:z,children:[(()=>{let e;var t;return E?(t=E,e=r.jsxs(r.Fragment,{children:[r.jsx(S,{"data-testid":`${T}-thumbnail`,children:r.jsx(w,{"data-testid":`${T}-thumbnail-image`,src:t})}),r.jsxs(m,{children:[r.jsx(v,{children:V()}),r.jsx(g,{children:k||"-"}),z&&r.jsxs(f,{children:[r.jsx(j,{}),I||"Something went wrong"]})]})]})):e=r.jsxs(r.Fragment,{children:[r.jsx(v,{children:V()}),r.jsx(g,{children:k||"-"}),z&&r.jsxs(f,{children:[r.jsx(j,{}),I||"Something went wrong"]})]}),r.jsx(h,{$hasThumbnail:!!E,children:e})})(),r.jsx(d,{children:r.jsx(p,{"data-testid":`${T}-download-button`,type:"button",styleType:"light",sizeType:"small","aria-label":`download ${C}`,loading:D||!_,icon:r.jsx(t.DownloadIcon,{})})})]})})}));exports.FileListCard=b;
+"use strict";var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("@lifesg/react-icons"),i=require("react"),n=require("../../file-upload/helper.js");require("../../theme/theme-provider/index.js"),require("../../theme/theme-provider/context.js"),require("../../theme/tokens/border.js"),require("../../theme/tokens/colour.js"),require("../../theme/tokens/font.js"),require("../../theme/tokens/media-query.js"),require("../../util/calendar-helper.js"),require("../../external/dayjs/dayjs.min.js"),require("../../util/simple-id-generator.js");var s=require("../../util/string-helper.js");require("@react-aria/live-announcer");var a=require("../../theme/utils/use-media-query.js"),l=require("./file-list-card.styles.js");const{ActionContainer:o,Box:u,ContentSection:d,DesktopErrorMessage:c,ErrorIcon:h,ExtendedNameSection:j,FileSizeSection:m,IconButton:x,Item:g,ItemNameText:q,MobileErrorMessage:p,NameSection:y,Thumbnail:f,ThumbnailContainer:w}=l,S=i.memo((({fileItem:l,onDownload:S})=>{const{id:b,name:v,size:T,errorMessage:F,thumbnailImageDataUrl:I,truncateText:k=!0,ready:C=!0}=l,[M,$]=i.useState(!1),[D,E]=i.useState(!1),z=n.FileUploadHelper.formatFileSizeDisplay(T),_=a.useMaxWidthMediaQuery("sm"),[B,N]=i.useState(),H=i.useRef(null);i.useEffect((()=>{H.current&&N(_?L(v):v)}),[v,_]);const L=e=>{if(!k)return e;const r=H&&H.current?H.current.getBoundingClientRect().width:0;return s.StringHelper.truncateTwoLines(e,r,16,1.5)},R=()=>r.jsxs(r.Fragment,{children:[r.jsx(q,{ref:H,children:B}),D&&r.jsxs(c,{children:[r.jsx(h,{}),F||"Something went wrong"]})]});return r.jsx(g,{"data-testid":b,children:r.jsxs(u,{onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(C&&!M){$(!0);try{E(!1),yield S(l)}catch(e){E(!0)}finally{$(!1)}}})),$error:D,children:[(()=>{let e;var t;return I?(t=I,e=r.jsxs(r.Fragment,{children:[r.jsx(w,{"data-testid":`${b}-thumbnail`,children:r.jsx(f,{"data-testid":`${b}-thumbnail-image`,src:t})}),r.jsxs(j,{children:[r.jsx(y,{children:R()}),r.jsx(m,{children:z||"-"}),D&&r.jsxs(p,{children:[r.jsx(h,{}),F||"Something went wrong"]})]})]})):e=r.jsxs(r.Fragment,{children:[r.jsx(y,{children:R()}),r.jsx(m,{children:z||"-"}),D&&r.jsxs(p,{children:[r.jsx(h,{}),F||"Something went wrong"]})]}),r.jsx(d,{$hasThumbnail:!!I,children:e})})(),r.jsx(o,{children:r.jsx(x,{"data-testid":`${b}-download-button`,type:"button",styleType:"light",sizeType:"small","aria-label":`download ${v}`,loading:M||!C,icon:r.jsx(t.DownloadIcon,{})})})]})})}));exports.FileListCard=S;
 //# sourceMappingURL=file-list-card.js.map

package/cjs/file-download/file-list-card/file-list-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-list-card.js","sources":["../../../../src/file-download/file-list-card/file-list-card.tsx"],"sourcesContent":["import { DownloadIcon } from \"@lifesg/react-icons\";\nimport { memo, useContext, useEffect, useRef, useState } from \"react\";\nimport { useMediaQuery } from \"react-responsive\";\nimport { ThemeContext } from \"styled-components\";\n\nimport { FileUploadHelper } from \"../../file-upload/helper\";\nimport { StringHelper } from \"../../util\";\nimport { V3_Breakpoint } from \"../../v3_theme\";\nimport * as styles from \"./file-list-card.styles\";\nimport type { FileListItemProps } from \"./types\";\n\nconst {\n    ActionContainer,\n    Box,\n    ContentSection,\n    DesktopErrorMessage,\n    ErrorIcon,\n    ExtendedNameSection,\n    FileSizeSection,\n    IconButton,\n    Item,\n    ItemNameText,\n    MobileErrorMessage,\n    NameSection,\n    Thumbnail,\n    ThumbnailContainer,\n} = styles;\n\nconst Component = ({ fileItem, onDownload }: FileListItemProps) => {\n    // =========================================================================\n    // CONST, STATE, REFS\n    // =========================================================================\n    const {\n        id,\n        name,\n        size,\n        errorMessage,\n        thumbnailImageDataUrl,\n        truncateText = true,\n        ready = true,\n    } = fileItem;\n\n    // Local variables\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [isError, setIsError] = useState<boolean>(false);\n    const fileSize = FileUploadHelper.formatFileSizeDisplay(size);\n    const theme = useContext(ThemeContext);\n    const mobileBreakpoint = V3_Breakpoint[\"sm-max\"]({ theme });\n    const isMobile = useMediaQuery({ maxWidth: mobileBreakpoint });\n    const [displayText, setDisplayText] = useState<string>();\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    // =========================================================================\n    // EFFECTS\n    // =========================================================================\n    useEffect(() => {\n        if (!containerRef.current) return;\n        if (isMobile) {\n            setDisplayText(getTruncatedText(name));\n        } else {\n            setDisplayText(name);\n        }\n    }, [name, isMobile]);\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleDownload = async () => {\n        if (!ready || isLoading) {\n            return;\n        }\n\n        setIsLoading(true);\n        try {\n            setIsError(false);\n            await onDownload(fileItem);\n        } catch {\n            setIsError(true);\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    // =========================================================================\n    // HELPER FUNCTIONS\n    // =========================================================================\n    const getTruncatedText = (value: string) => {\n        if (!truncateText) return value;\n\n        const widthOfElement =\n            containerRef && containerRef.current\n                ? containerRef.current.getBoundingClientRect().width\n                : 0;\n\n        return StringHelper.truncateTwoLines(value, widthOfElement, 16, 1.5);\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderNameDescription = () => (\n        <>\n            <ItemNameText ref={containerRef}>{displayText}</ItemNameText>\n            {isError && (\n                <DesktopErrorMessage>\n                    <ErrorIcon />\n                    {errorMessage ? errorMessage : \"Something went wrong\"}\n                </DesktopErrorMessage>\n            )}\n        </>\n    );\n\n    const renderWithThumbnail = (thumbnailSrc: string) => (\n        <>\n            <ThumbnailContainer data-testid={`${id}-thumbnail`}>\n                <Thumbnail\n                    data-testid={`${id}-thumbnail-image`}\n                    src={thumbnailSrc}\n                />\n            </ThumbnailContainer>\n            <ExtendedNameSection>\n                <NameSection>{renderNameDescription()}</NameSection>\n                <FileSizeSection>{fileSize ? fileSize : \"-\"}</FileSizeSection>\n                {isError && (\n                    <MobileErrorMessage>\n                        <ErrorIcon />\n                        {errorMessage ? errorMessage : \"Something went wrong\"}\n                    </MobileErrorMessage>\n                )}\n            </ExtendedNameSection>\n        </>\n    );\n\n    const renderDefault = () => (\n        <>\n            <NameSection>{renderNameDescription()}</NameSection>\n            <FileSizeSection>{fileSize ? fileSize : \"-\"}</FileSizeSection>\n            {isError && (\n                <MobileErrorMessage>\n                    <ErrorIcon />\n                    {errorMessage ? errorMessage : \"Something went wrong\"}\n                </MobileErrorMessage>\n            )}\n        </>\n    );\n\n    const renderContents = () => {\n        let content: JSX.Element;\n\n        if (thumbnailImageDataUrl) {\n            content = renderWithThumbnail(thumbnailImageDataUrl);\n        } else {\n            content = renderDefault();\n        }\n\n        return (\n            <ContentSection $hasThumbnail={!!thumbnailImageDataUrl}>\n                {content}\n            </ContentSection>\n        );\n    };\n\n    const renderActions = () => {\n        return (\n            <ActionContainer>\n                <IconButton\n                    data-testid={`${id}-download-button`}\n                    type=\"button\"\n                    styleType=\"light\"\n                    sizeType=\"small\"\n                    aria-label={`download ${name}`}\n                    loading={isLoading || !ready}\n                    icon={<DownloadIcon />}\n                />\n            </ActionContainer>\n        );\n    };\n\n    return (\n        <Item data-testid={id}>\n            <Box onClick={handleDownload} $error={isError}>\n                {renderContents()}\n                {renderActions()}\n            </Box>\n        </Item>\n    );\n};\n\nexport const FileListCard = memo(Component);\n"],"names":["ActionContainer","Box","ContentSection","DesktopErrorMessage","ErrorIcon","ExtendedNameSection","FileSizeSection","IconButton","Item","ItemNameText","MobileErrorMessage","NameSection","Thumbnail","ThumbnailContainer","styles","FileListCard","memo","fileItem","onDownload","id","name","size","errorMessage","thumbnailImageDataUrl","truncateText","ready","isLoading","setIsLoading","useState","isError","setIsError","fileSize","FileUploadHelper","formatFileSizeDisplay","theme","useContext","ThemeContext","mobileBreakpoint","V3_Breakpoint","isMobile","useMediaQuery","maxWidth","displayText","setDisplayText","containerRef","useRef","useEffect","current","getTruncatedText","value","widthOfElement","getBoundingClientRect","width","StringHelper","truncateTwoLines","renderNameDescription","_jsxs","_jsx","ref","children","onClick","__awaiter","_a","$error","content","thumbnailSrc","_Fragment","src","$hasThumbnail","renderContents","type","styleType","sizeType","loading","icon","DownloadIcon"],"mappings":"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"}
+{"version":3,"file":"file-list-card.js","sources":["../../../../src/file-download/file-list-card/file-list-card.tsx"],"sourcesContent":["import { DownloadIcon } from \"@lifesg/react-icons\";\nimport { memo, useEffect, useRef, useState } from \"react\";\n\nimport { FileUploadHelper } from \"../../file-upload/helper\";\nimport { useMaxWidthMediaQuery } from \"../../theme\";\nimport { StringHelper } from \"../../util\";\nimport * as styles from \"./file-list-card.styles\";\nimport type { FileListItemProps } from \"./types\";\n\nconst {\n    ActionContainer,\n    Box,\n    ContentSection,\n    DesktopErrorMessage,\n    ErrorIcon,\n    ExtendedNameSection,\n    FileSizeSection,\n    IconButton,\n    Item,\n    ItemNameText,\n    MobileErrorMessage,\n    NameSection,\n    Thumbnail,\n    ThumbnailContainer,\n} = styles;\n\nconst Component = ({ fileItem, onDownload }: FileListItemProps) => {\n    // =========================================================================\n    // CONST, STATE, REFS\n    // =========================================================================\n    const {\n        id,\n        name,\n        size,\n        errorMessage,\n        thumbnailImageDataUrl,\n        truncateText = true,\n        ready = true,\n    } = fileItem;\n\n    // Local variables\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [isError, setIsError] = useState<boolean>(false);\n    const fileSize = FileUploadHelper.formatFileSizeDisplay(size);\n    const isMobile = useMaxWidthMediaQuery(\"sm\");\n    const [displayText, setDisplayText] = useState<string>();\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    // =========================================================================\n    // EFFECTS\n    // =========================================================================\n    useEffect(() => {\n        if (!containerRef.current) return;\n        if (isMobile) {\n            setDisplayText(getTruncatedText(name));\n        } else {\n            setDisplayText(name);\n        }\n    }, [name, isMobile]);\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleDownload = async () => {\n        if (!ready || isLoading) {\n            return;\n        }\n\n        setIsLoading(true);\n        try {\n            setIsError(false);\n            await onDownload(fileItem);\n        } catch {\n            setIsError(true);\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    // =========================================================================\n    // HELPER FUNCTIONS\n    // =========================================================================\n    const getTruncatedText = (value: string) => {\n        if (!truncateText) return value;\n\n        const widthOfElement =\n            containerRef && containerRef.current\n                ? containerRef.current.getBoundingClientRect().width\n                : 0;\n\n        return StringHelper.truncateTwoLines(value, widthOfElement, 16, 1.5);\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderNameDescription = () => (\n        <>\n            <ItemNameText ref={containerRef}>{displayText}</ItemNameText>\n            {isError && (\n                <DesktopErrorMessage>\n                    <ErrorIcon />\n                    {errorMessage ? errorMessage : \"Something went wrong\"}\n                </DesktopErrorMessage>\n            )}\n        </>\n    );\n\n    const renderWithThumbnail = (thumbnailSrc: string) => (\n        <>\n            <ThumbnailContainer data-testid={`${id}-thumbnail`}>\n                <Thumbnail\n                    data-testid={`${id}-thumbnail-image`}\n                    src={thumbnailSrc}\n                />\n            </ThumbnailContainer>\n            <ExtendedNameSection>\n                <NameSection>{renderNameDescription()}</NameSection>\n                <FileSizeSection>{fileSize ? fileSize : \"-\"}</FileSizeSection>\n                {isError && (\n                    <MobileErrorMessage>\n                        <ErrorIcon />\n                        {errorMessage ? errorMessage : \"Something went wrong\"}\n                    </MobileErrorMessage>\n                )}\n            </ExtendedNameSection>\n        </>\n    );\n\n    const renderDefault = () => (\n        <>\n            <NameSection>{renderNameDescription()}</NameSection>\n            <FileSizeSection>{fileSize ? fileSize : \"-\"}</FileSizeSection>\n            {isError && (\n                <MobileErrorMessage>\n                    <ErrorIcon />\n                    {errorMessage ? errorMessage : \"Something went wrong\"}\n                </MobileErrorMessage>\n            )}\n        </>\n    );\n\n    const renderContents = () => {\n        let content: JSX.Element;\n\n        if (thumbnailImageDataUrl) {\n            content = renderWithThumbnail(thumbnailImageDataUrl);\n        } else {\n            content = renderDefault();\n        }\n\n        return (\n            <ContentSection $hasThumbnail={!!thumbnailImageDataUrl}>\n                {content}\n            </ContentSection>\n        );\n    };\n\n    const renderActions = () => {\n        return (\n            <ActionContainer>\n                <IconButton\n                    data-testid={`${id}-download-button`}\n                    type=\"button\"\n                    styleType=\"light\"\n                    sizeType=\"small\"\n                    aria-label={`download ${name}`}\n                    loading={isLoading || !ready}\n                    icon={<DownloadIcon />}\n                />\n            </ActionContainer>\n        );\n    };\n\n    return (\n        <Item data-testid={id}>\n            <Box onClick={handleDownload} $error={isError}>\n                {renderContents()}\n                {renderActions()}\n            </Box>\n        </Item>\n    );\n};\n\nexport const FileListCard = memo(Component);\n"],"names":["ActionContainer","Box","ContentSection","DesktopErrorMessage","ErrorIcon","ExtendedNameSection","FileSizeSection","IconButton","Item","ItemNameText","MobileErrorMessage","NameSection","Thumbnail","ThumbnailContainer","styles","FileListCard","memo","fileItem","onDownload","id","name","size","errorMessage","thumbnailImageDataUrl","truncateText","ready","isLoading","setIsLoading","useState","isError","setIsError","fileSize","FileUploadHelper","formatFileSizeDisplay","isMobile","useMaxWidthMediaQuery","displayText","setDisplayText","containerRef","useRef","useEffect","current","getTruncatedText","value","widthOfElement","getBoundingClientRect","width","StringHelper","truncateTwoLines","renderNameDescription","_jsxs","_jsx","ref","children","onClick","__awaiter","_a","$error","content","thumbnailSrc","_Fragment","src","$hasThumbnail","renderContents","type","styleType","sizeType","loading","icon","DownloadIcon"],"mappings":"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"}

package/cjs/file-upload/dropzone.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("../external/react-dropzone/dist/es/index.js");require("../theme/theme-provider/index.js"),require("../theme/theme-provider/context.js");var t=require("../theme/tokens/border.js"),s=require("../theme/tokens/colour.js");require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var a=require("../theme/tokens/radius.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js"),require("../util/simple-id-generator.js"),require("../util/string-helper.js"),require("@react-aria/live-announcer");var o=require("./dropzone.styles.js");const n=r.forwardRef((({children:n,accept:d,capture:u,multiple:l,id:c,className:p,name:h,border:m,disabled:j,onChange:q,"data-testid":b},g)=>{const x=r.useRef(null),{getRootProps:v,isDragActive:y}=i.useDropzone({onDrop:q,noClick:!0,disabled:j});r.useImperativeHandle(g,(()=>Object.assign(Object.assign({},x.current),{openFileDialog:()=>{x.current&&(x.current.value="",x.current.click())}})));return e.jsxs(o.Container,Object.assign({id:c,"data-testid":b||"dropzone",enabled:m,$showDashedBorder:m,thickness:t.Border["width-040"],radius:a.Radius.sm,colour:s.Colour.border,className:p},v(),{children:[e.jsx(o.HiddenInput,{type:"file",name:h,ref:x,tabIndex:-1,"aria-hidden":!0,accept:d,capture:u,multiple:l,"data-testid":b?`${b}-input`:"dropzone-input",onChange:e=>{e.target.files&&q(Array.from(e.target.files))}}),n,y&&e.jsxs(o.DragOverlay,{colour:s.Colour["border-primary"],thickness:t.Border["width-040"],radius:a.Radius.sm,enabled:m,backgroundColor:s.Colour["bg-primary-subtler"],children:[e.jsx(o.OverlayIcon,{}),e.jsx(o.OverlayText,{weight:"semibold",children:"Drop files here"})]})]}))}));exports.FileUploadDropzone=n;
+"use strict";var e=require("react/jsx-runtime"),r=require("@lifesg/react-icons/cloud-arrow-up-fill"),i=require("clsx"),s=require("react"),t=require("../external/react-dropzone/dist/es/index.js"),a=require("../dashed-border/dashed-border.js");require("../theme/theme-provider/index.js"),require("../theme/theme-provider/context.js");var o=require("../theme/tokens/border.js"),d=require("../theme/tokens/colour.js");require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var n=require("../theme/tokens/radius.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js"),require("../util/simple-id-generator.js"),require("../util/string-helper.js"),require("@react-aria/live-announcer"),require("../theme/utils/use-media-query.js");var u=require("../typography/index.js"),l=require("./dropzone.styles.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=c(i);const h=s.forwardRef((({children:i,accept:c,capture:h,multiple:m,id:j,className:q,name:b,border:g,disabled:y,onChange:f,"data-testid":x},v)=>{const k=s.useRef(null),{getRootProps:D,isDragActive:C}=t.useDropzone({onDrop:f,noClick:!0,disabled:y});s.useImperativeHandle(v,(()=>Object.assign(Object.assign({},k.current),{openFileDialog:()=>{k.current&&(k.current.value="",k.current.click())}})));return e.jsxs(a.DashedBorder,Object.assign({id:j,"data-testid":x||"dropzone",enabled:g,thickness:o.Border["width-040"],radius:n.Radius.sm,colour:d.Colour.border,className:p.default(l.container,g&&l.containerWithDashedBorder,q)},D(),{children:[e.jsx("input",{type:"file",name:b,ref:k,tabIndex:-1,"aria-hidden":!0,className:l.hiddenInput,accept:c,capture:h,multiple:m,"data-testid":x?`${x}-input`:"dropzone-input",onChange:e=>{e.target.files&&f(Array.from(e.target.files))}}),i,C&&e.jsxs(a.DashedBorder,{colour:d.Colour["border-primary"],thickness:o.Border["width-040"],radius:n.Radius.sm,enabled:g,backgroundColor:d.Colour["bg-primary-subtler"],className:l.dragOverlay,children:[e.jsx(r.CloudArrowUpFillIcon,{className:l.overlayIcon}),e.jsx(u.Typography.BodyMD,{className:l.overlayText,weight:"semibold",children:"Drop files here"})]})]}))}));exports.FileUploadDropzone=h;
 //# sourceMappingURL=dropzone.js.map