@xivart/tangram 0.0.1-security → 1.711.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License Copyright (c) 2021
+
+Permission is hereby granted, free
+of charge, to any person obtaining a copy of this software and associated
+documentation files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use, copy, modify, merge,
+publish, distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to the
+following conditions:
+
+The above copyright notice and this permission notice
+(including the next paragraph) shall be included in all copies or substantial
+portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF
+ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO
+EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR
+OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -1,5 +1,39 @@
-# Security holding package
+# @xivart/tangram
 
-This package contained malicious code and was removed from the registry by the npm security team. A placeholder was published to ensure users are not affected in the future.
+TRVx React components
 
-Please refer to www.npmjs.com/advisories?search=%40xivart%2Ftangram for more information.
+## Features
+
+- ES6 syntax, managed with Prettier + Eslint
+- Typescript
+
+## Install
+
+```sh
+yarn add @xivart/tangram
+// or
+npm i @xivart/tangram
+```
+
+### Requirements
+
+- React 16.8
+- Styled-Components
+- Typescript 4
+
+### Usage
+
+```js
+import { Spinner } from "@xivart/tangram/components/Spinner";
+import { useQuery } from "react-query";
+
+export const Page = () => {
+  const {isLoading} = useQuery(fetchData);
+  
+  if(isLoading) {
+    return <Spinner size={'large'} />
+  }
+  
+  return null
+}
+```

package/components/A/A.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var S = tslib_1.__importStar(require("./styled"));
+var A = function (props) { return jsx_runtime_1.jsx(S.A, tslib_1.__assign({}, props), void 0); };
+exports.default = A;
+//# sourceMappingURL=A.js.map

package/components/A/RouterLink.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RouterLink = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_router_dom_1 = require("react-router-dom");
+var S = (0, tslib_1.__importStar)(require("./styled"));
+var RouterLink = function (props) { return ((0, jsx_runtime_1.jsx)(S.A, (0, tslib_1.__assign)({ as: react_router_dom_1.Link }, props), void 0)); };
+exports.RouterLink = RouterLink;
+//# sourceMappingURL=RouterLink.js.map

package/components/A/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var A_1 = require("./A");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(A_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/A/styled/A.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var omitAttrs_1 = tslib_1.__importDefault(require("../../../utils/omitAttrs"));
+var A = themedStyledComponents_1.default.a
+    .withConfig(omitAttrs_1.default('display', 'fontSize'))
+    .attrs(function (_a) {
+    var target = _a.target;
+    return ({
+        rel: target === '_blank' ? 'noopener noreferrer' : undefined,
+    });
+})(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var isUnderlined = _a.isUnderlined;
+    return "\n    text-decoration: " + (isUnderlined ? 'underline' : 'none') + ";\n  ";
+});
+exports.default = A;
+var templateObject_1;
+//# sourceMappingURL=A.js.map

package/components/A/styled/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.A = void 0;
+var A_1 = require("./A");
+Object.defineProperty(exports, "A", { enumerable: true, get: function () { return __importDefault(A_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Adaptive/Adaptive.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Mobile = exports.Desktop = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var useDesktop_1 = tslib_1.__importDefault(require("../../hooks/useDesktop"));
+var Desktop = function (_a) {
+    var children = _a.children;
+    return children;
+};
+exports.Desktop = Desktop;
+var Mobile = function (_a) {
+    var children = _a.children;
+    return children;
+};
+exports.Mobile = Mobile;
+var Adaptive = function (_a) {
+    var children = _a.children;
+    var desktop = useDesktop_1.default();
+    var mobile = !desktop;
+    return (jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: typeof children === 'function'
+            ? children({ desktop: desktop, mobile: mobile })
+            : react_1.Children.map(children, function (child) {
+                return (desktop && child.type === (jsx_runtime_1.jsx(exports.Desktop, {}, void 0)).type) ||
+                    (mobile && child.type === (jsx_runtime_1.jsx(exports.Mobile, {}, void 0)).type)
+                    ? child
+                    : undefined;
+            }) }, void 0));
+};
+exports.default = Adaptive;
+//# sourceMappingURL=Adaptive.js.map

package/components/Adaptive/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Mobile = exports.Desktop = exports.default = void 0;
+var Adaptive_1 = require("./Adaptive");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Adaptive_1).default; } });
+Object.defineProperty(exports, "Desktop", { enumerable: true, get: function () { return Adaptive_1.Desktop; } });
+Object.defineProperty(exports, "Mobile", { enumerable: true, get: function () { return Adaptive_1.Mobile; } });
+//# sourceMappingURL=index.js.map

package/components/AirlineLogo/AirlineLogo.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var types_1 = require("./types");
+var constants_1 = tslib_1.__importDefault(require("./constants"));
+var S = tslib_1.__importStar(require("./styled"));
+var AirlineLogo = function (_a) {
+    var alt = _a.alt, dataAttrs = _a.dataAttrs, code = _a.code, size = _a.size, fitInCenter = _a.fitInCenter;
+    var isSmall = size === 'small';
+    var imageName = isSmall ? code + "_" + types_1.SizeValue.small : code;
+    if (!code) {
+        return null;
+    }
+    return (jsx_runtime_1.jsx(S.AirlineLogo, tslib_1.__assign({}, dataAttrs, { alt: alt, fitInCenter: fitInCenter, src: "" + constants_1.default + imageName + ".png", srcSet: "" + constants_1.default + imageName + "@2x.png 2x" }), void 0));
+};
+AirlineLogo.defaultProps = {
+    dataAttrs: {},
+    size: 'normal',
+};
+exports.default = AirlineLogo;
+//# sourceMappingURL=AirlineLogo.js.map

package/components/AirlineLogo/constants.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var imagePath = '//s1.travix.com/global/assets/airlineLogos/';
+exports.default = imagePath;
+//# sourceMappingURL=constants.js.map

package/components/AirlineLogo/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var AirlineLogo_1 = require("./AirlineLogo");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AirlineLogo_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/AirlineLogo/styled/AirlineLogo.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var AirlineLogo = themedStyledComponents_1.default.img(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var fitInCenter = _a.fitInCenter;
+    return fitInCenter
+        ? " display: block;\n        margin: auto;\n        max-width: 100%;\n        max-height: 100%;\n        width: auto;\n        height: auto;"
+        : '';
+});
+exports.default = AirlineLogo;
+var templateObject_1;
+//# sourceMappingURL=AirlineLogo.js.map

package/components/AirlineLogo/styled/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AirlineLogo = void 0;
+var AirlineLogo_1 = require("./AirlineLogo");
+Object.defineProperty(exports, "AirlineLogo", { enumerable: true, get: function () { return __importDefault(AirlineLogo_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/AirlineLogo/types.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SizeValue = void 0;
+exports.SizeValue = {
+    small: 'mini',
+    normal: '',
+};
+//# sourceMappingURL=types.js.map

package/components/Alert/Alert.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Flex_1 = tslib_1.__importDefault(require("../Flex"));
+var Icon_1 = tslib_1.__importDefault(require("../Icon"));
+var Text_1 = tslib_1.__importDefault(require("../Text"));
+var constants_1 = require("./constants");
+var S = tslib_1.__importStar(require("./styled"));
+var Alert = function (_a) {
+    var text = _a.text, _b = _a.type, type = _b === void 0 ? 'success' : _b;
+    var theme = constants_1.THEMES[type];
+    return (jsx_runtime_1.jsx(S.Alert, tslib_1.__assign({ alertTheme: theme }, { children: jsx_runtime_1.jsxs(Flex_1.default, tslib_1.__assign({ padding: "s500" }, { children: [jsx_runtime_1.jsx(Flex_1.default, tslib_1.__assign({ flexShrink: 0 }, { children: jsx_runtime_1.jsx(Icon_1.default, { color: theme.iconColor, height: 20, name: theme.iconName, width: 20 }, void 0) }), void 0),
+                jsx_runtime_1.jsx(Flex_1.default, tslib_1.__assign({ paddingInlineStart: "s500" }, { children: jsx_runtime_1.jsx(Text_1.default, tslib_1.__assign({ color: "TEXT_DARK", fontWeight: "fw700", lineHeight: 1.6 }, { children: text }), void 0) }), void 0)] }), void 0) }), void 0));
+};
+exports.default = Alert;
+//# sourceMappingURL=Alert.js.map

package/components/Alert/constants.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.THEMES = void 0;
+exports.THEMES = {
+    success: {
+        iconColor: 'POSITIVE',
+        iconName: 'check-circle',
+        backgroundColor: 'POSITIVE_LIGHT',
+    },
+    failure: {
+        iconColor: 'NEGATIVE',
+        iconName: 'alert',
+        backgroundColor: 'NEGATIVE_LIGHT',
+    },
+};
+//# sourceMappingURL=constants.js.map

package/components/Alert/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Alert_1 = require("./Alert");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Alert_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Alert/styled/Alert.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+exports.Alert = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var colors = _a.theme.colors, backgroundColor = _a.alertTheme.backgroundColor;
+    return "\n    background-color: " + colors[backgroundColor] + ";\n    ";
+});
+var templateObject_1;
+//# sourceMappingURL=Alert.js.map

package/components/Alert/styled/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
+var Alert_1 = require("./Alert");
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.Alert; } });
+//# sourceMappingURL=index.js.map

package/components/ApplePayButton/ApplePayButton.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var StyledApplePayLogo_1 = (0, tslib_1.__importDefault)(require("./styled/StyledApplePayLogo"));
+var StyledApplePayButton_1 = (0, tslib_1.__importDefault)(require("./styled/StyledApplePayButton"));
+var ApplePayButton = function (_a) {
+    var kind = _a.kind, onClick = _a.onClick;
+    return ((0, jsx_runtime_1.jsx)(StyledApplePayButton_1.default, (0, tslib_1.__assign)({ kind: kind, onClick: onClick, type: "button" }, { children: (0, jsx_runtime_1.jsx)(StyledApplePayLogo_1.default, {}, void 0) }), void 0));
+};
+exports.default = ApplePayButton;
+//# sourceMappingURL=ApplePayButton.js.map

package/components/ApplePayButton/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ApplePayButton_1 = require("./ApplePayButton");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ApplePayButton_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/ApplePayButton/styled/StyledApplePayButton.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = (0, tslib_1.__importDefault)(require("../../../utils/themedStyledComponents"));
+var omitAttrs_1 = (0, tslib_1.__importDefault)(require("../../../utils/omitAttrs"));
+var StyledApplePayButton = themedStyledComponents_1.default.button.withConfig((0, omitAttrs_1.default)('kind'))(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  width: 100%;\n  outline: none;\n  cursor: pointer;\n\n  @supports (-webkit-appearance: -apple-pay-button) {\n    -webkit-appearance: -apple-pay-button; /* stylelint-disable-line property-no-vendor-prefix */\n    -apple-pay-button-type: ", ";\n    -apple-pay-button-style: black;\n  }\n\n  @supports not (-webkit-appearance: -apple-pay-button) {\n    display: inline-flex;\n    justify-content: center;\n    border-radius: 5px;\n    box-sizing: border-box;\n    min-width: 200px;\n    min-height: 32px;\n    max-height: 64px;\n    border: none;\n    background-color: black;\n  }\n"], ["\n  width: 100%;\n  outline: none;\n  cursor: pointer;\n\n  @supports (-webkit-appearance: -apple-pay-button) {\n    -webkit-appearance: -apple-pay-button; /* stylelint-disable-line property-no-vendor-prefix */\n    -apple-pay-button-type: ", ";\n    -apple-pay-button-style: black;\n  }\n\n  @supports not (-webkit-appearance: -apple-pay-button) {\n    display: inline-flex;\n    justify-content: center;\n    border-radius: 5px;\n    box-sizing: border-box;\n    min-width: 200px;\n    min-height: 32px;\n    max-height: 64px;\n    border: none;\n    background-color: black;\n  }\n"])), function (_a) {
+    var kind = _a.kind;
+    return kind;
+});
+exports.default = StyledApplePayButton;
+var templateObject_1;
+//# sourceMappingURL=StyledApplePayButton.js.map

package/components/ApplePayButton/styled/StyledApplePayLogo.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = (0, tslib_1.__importDefault)(require("../../../utils/themedStyledComponents"));
+var ApplePayLogo = themedStyledComponents_1.default.span(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  @supports (-webkit-appearance: -apple-pay-button) {\n    display: none;\n  }\n\n  @supports not (-webkit-appearance: -apple-pay-button) {\n    --apple-pay-scale: 1; /* (height / 32) */\n    border: none;\n    width: calc(34px * var(--apple-pay-scale));\n    height: calc(34px * var(--apple-pay-scale));\n    background-color: black;\n    background-image: -webkit-named-image(apple-pay-logo-white);\n    background-size: 100% 60%;\n    background-repeat: no-repeat;\n    background-position: 0 60%;\n    margin-left: calc(2px * var(--apple-pay-scale));\n  }\n"], ["\n  @supports (-webkit-appearance: -apple-pay-button) {\n    display: none;\n  }\n\n  @supports not (-webkit-appearance: -apple-pay-button) {\n    --apple-pay-scale: 1; /* (height / 32) */\n    border: none;\n    width: calc(34px * var(--apple-pay-scale));\n    height: calc(34px * var(--apple-pay-scale));\n    background-color: black;\n    background-image: -webkit-named-image(apple-pay-logo-white);\n    background-size: 100% 60%;\n    background-repeat: no-repeat;\n    background-position: 0 60%;\n    margin-left: calc(2px * var(--apple-pay-scale));\n  }\n"])));
+exports.default = ApplePayLogo;
+var templateObject_1;
+//# sourceMappingURL=StyledApplePayLogo.js.map

package/components/ApplePayButton/types.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApplePayButtonTypes = void 0;
+var ApplePayButtonTypes;
+(function (ApplePayButtonTypes) {
+    ApplePayButtonTypes["Plain"] = "plain";
+    ApplePayButtonTypes["Buy"] = "buy";
+    ApplePayButtonTypes["Book"] = "book";
+    ApplePayButtonTypes["SetUp"] = "set-up";
+})(ApplePayButtonTypes = exports.ApplePayButtonTypes || (exports.ApplePayButtonTypes = {}));
+//# sourceMappingURL=types.js.map

package/components/Asset/Asset.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var themedStyledComponents_1 = require("../../utils/themedStyledComponents");
+var sprite_1 = tslib_1.__importDefault(require("./helpers/svg/sprite"));
+var request_1 = tslib_1.__importDefault(require("./helpers/request"));
+var Provider_1 = require("./Provider");
+var Asset = (function (_super) {
+    tslib_1.__extends(Asset, _super);
+    function Asset(props, context) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            id: undefined,
+        };
+        _this.requestAsset = function () {
+            var _a = _this.props, name = _a.name, type = _a.type, theme = _a.theme;
+            if (process.env.NODE_ENV === 'production' ||
+                process.env.STORYBOOK_LOCAL !== 'true') {
+                return request_1.default({ url: theme.assets[type][name] });
+            }
+            return request_1.default({
+                url: "/" + theme.assets[type][name].replace(/^.*[\\/]/, ''),
+            }).catch(function () {
+                console.log("Unable to load: " + name);
+            });
+        };
+        var assets = (context.assets ? context : props).assets;
+        if (assets) {
+            var result = assets.getRehydrate(props.name);
+            if (result) {
+                var id = result.id, viewBox = result.viewBox;
+                _this.state = {
+                    id: id,
+                    viewBox: viewBox,
+                };
+            }
+        }
+        return _this;
+    }
+    Asset.prototype.componentDidMount = function () {
+        var id = this.state.id;
+        if (!id) {
+            this.getAsset();
+        }
+    };
+    Asset.prototype.componentDidUpdate = function (prevProps) {
+        var _a = this.props, theme = _a.theme, name = _a.name, type = _a.type;
+        var prevAssetURL = prevProps.theme.assets[type][prevProps.name];
+        var currentAssetURL = theme.assets[type][name];
+        if (prevAssetURL !== currentAssetURL) {
+            this.getAsset();
+        }
+    };
+    Asset.prototype.componentWillUnmount = function () {
+        this.unmounted = true;
+    };
+    Asset.prototype.getAsset = function () {
+        var _this = this;
+        var _a = this.props, name = _a.name, assets = _a.assets;
+        return this.requestAsset()
+            .then(function (symbol) {
+            sprite_1.default.add(symbol);
+            if (assets) {
+                assets.register(name, symbol);
+            }
+            if (!_this.unmounted) {
+                _this.setState({
+                    id: symbol.id,
+                    viewBox: symbol.viewBox,
+                });
+            }
+        })
+            .catch(function (e) {
+            var _a = _this.props, onFailure = _a.onFailure, type = _a.type, theme = _a.theme;
+            if (onFailure) {
+                onFailure(theme.assets[type][name], e);
+            }
+        });
+    };
+    Asset.prototype.render = function () {
+        var children = this.props.children;
+        var _a = this.state, id = _a.id, viewBox = _a.viewBox;
+        return children({
+            id: id,
+            viewBox: viewBox,
+        });
+    };
+    return Asset;
+}(react_1.PureComponent));
+exports.default = Provider_1.withAsset(themedStyledComponents_1.withTheme(Asset));
+//# sourceMappingURL=Asset.js.map

package/components/Asset/Provider.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withAsset = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var createAssetContext_1 = tslib_1.__importDefault(require("./helpers/createAssetContext"));
+var AssetContext = react_1.createContext({});
+var AssetProvider = (function (_super) {
+    tslib_1.__extends(AssetProvider, _super);
+    function AssetProvider(props) {
+        var _this = _super.call(this, props) || this;
+        _this.handleGetRehydrate = function (id) { return _this.rehydrateState.assets[id]; };
+        _this.assetContext = props.assetContext || createAssetContext_1.default();
+        _this.rehydrateState = props.rehydrateState;
+        return _this;
+    }
+    AssetProvider.prototype.render = function () {
+        var _a = this.props, children = _a.children, _b = _a.onFailure, onFailure = _b === void 0 ? function () { } : _b;
+        var _c = this.assetContext, register = _c.register, get = _c.get;
+        return (jsx_runtime_1.jsx(AssetContext.Provider, tslib_1.__assign({ value: {
+                assets: {
+                    register: register,
+                    get: get,
+                    getRehydrate: this.handleGetRehydrate,
+                },
+                onFailure: onFailure,
+            } }, { children: react_1.Children.only(children) }), void 0));
+    };
+    AssetProvider.defaultProps = {
+        rehydrateState: {
+            assets: {},
+        },
+    };
+    return AssetProvider;
+}(react_1.Component));
+var withAsset = function (WrapperComponent) { return function (props) { return (jsx_runtime_1.jsx(AssetContext.Consumer, { children: function (context) { return jsx_runtime_1.jsx(WrapperComponent, tslib_1.__assign({}, props, context), void 0); } }, void 0)); }; };
+exports.withAsset = withAsset;
+exports.default = AssetProvider;
+//# sourceMappingURL=Provider.js.map

package/components/Asset/helpers/createAssetContext/createAssetContext.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var sprite_1 = tslib_1.__importDefault(require("../svg/sprite"));
+function createAssetContext() {
+    var assets = {};
+    return {
+        register: function (id, result) {
+            assets[id] = result;
+        },
+        get: function (id) { return assets[id]; },
+        getContext: function () { return sprite_1.default.stringify(); },
+        getState: function () { return ({
+            assets: assets,
+        }); },
+    };
+}
+exports.default = createAssetContext;
+//# sourceMappingURL=createAssetContext.js.map

package/components/Asset/helpers/createAssetContext/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var createAssetContext_1 = require("./createAssetContext");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(createAssetContext_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Asset/helpers/fetch/fetch.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var isSSR_1 = tslib_1.__importDefault(require("../../../../utils/isSSR"));
+exports.default = isSSR_1.default() ? require('node-fetch') : window.fetch.bind(window);
+//# sourceMappingURL=fetch.js.map

package/components/Asset/helpers/fetch/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var fetch_1 = require("./fetch");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(fetch_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Asset/helpers/request/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var request_1 = require("./request");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(request_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Asset/helpers/request/request.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var fetch_1 = tslib_1.__importDefault(require("../fetch"));
+var symbol_1 = tslib_1.__importDefault(require("../svg/symbol"));
+var requests = {};
+var generateRequest = function (_a) {
+    var url = _a.url;
+    return fetch_1.default(url)
+        .then(function (response) {
+        if (!response.ok) {
+            throw Error(response.statusText);
+        }
+        return response;
+    })
+        .then(function (definition) { return definition.text(); })
+        .then(function (data) { return symbol_1.default(url, data); });
+};
+exports.default = (function (_a) {
+    var url = _a.url;
+    if (requests[url]) {
+        return requests[url];
+    }
+    var request = generateRequest({ url: url });
+    requests[url] = request;
+    return request;
+});
+//# sourceMappingURL=request.js.map