@atlaskit/anonymous-assets 0.0.0

package/dist/esm/common/utils/anonymous-assets.js

@@ -0,0 +1,543 @@
+import { messages } from '../../messages';
+import { Apple, Avocado, Badger, Bat, Bear, Beaver, Bee, Bison, Blossom, Blowfish, Blueberries, Boar, Broccoli, Butterfly, Cactus, Camel, Candy, Capsicum, Carrot, Cat, Caterpiller, Cherry, Chili, Clover, Coconut, Cookie, Corn, Cow, Crab, Crocodile, Deer, Dinosaur, Dodo, Dog, Dolphin, Donut, Dragon, Duck, Elephant, Fish, Flamingo, Fox, Frog, Giraffe, Gorilla, Grape, Hedgehog, Hippo, Kangaroo, Kiwi, Koala, Lemon, Lettuce, Lion, Lizard, Llama, Lobster, Mango, Melon, Monkey, Mouse, Octopus, Olive, Orange, Orangutan, Otter, Owl, Ox, Oyster, Panda, Parrot, Peacock, Pear, Penguin, Pig, Pineapple, Poodle, Rabbit, Raccoon, Rhino, Robot, Rose, Seal, Seedling, Shark, Shrimp, Skunk, Sloth, Snail, Snake, Snowman, Squid, Squirrel, Strawberry, Sunflower, Tiger, Tomato, Tree, Trex, TropicalFish, Turkey, Turtle, Watermelon, Whale, Wolf } from '../assets';
+export var ANONYMOUS_ASSETS = [{
+  id: 'alligator',
+  src: Crocodile,
+  messageDescriptor: messages.alligator
+}, {
+  id: 'alpaca',
+  src: Llama,
+  messageDescriptor: messages.alpaca
+}, {
+  id: 'ape',
+  src: Orangutan,
+  messageDescriptor: messages.ape
+}, {
+  id: 'apple',
+  src: Apple,
+  messageDescriptor: messages.apple
+}, {
+  id: 'avocado',
+  src: Avocado,
+  messageDescriptor: messages.avocado
+}, {
+  id: 'baboon',
+  src: Orangutan,
+  messageDescriptor: messages.baboon
+}, {
+  id: 'badger',
+  src: Badger,
+  messageDescriptor: messages.badger
+}, {
+  id: 'bat',
+  src: Bat,
+  messageDescriptor: messages.bat
+}, {
+  id: 'bear',
+  src: Bear,
+  messageDescriptor: messages.bear
+}, {
+  id: 'beaver',
+  src: Beaver,
+  messageDescriptor: messages.beaver
+}, {
+  id: 'bee',
+  src: Bee,
+  messageDescriptor: messages.bee
+}, {
+  id: 'bird',
+  src: Owl,
+  messageDescriptor: messages.bird
+}, {
+  id: 'bison',
+  src: Bison,
+  messageDescriptor: messages.bison
+}, {
+  id: 'blobfish',
+  src: Fish,
+  messageDescriptor: messages.blobfish
+}, {
+  id: 'blossom',
+  src: Blossom,
+  messageDescriptor: messages.blossom
+}, {
+  id: 'blowfish',
+  src: Blowfish,
+  messageDescriptor: messages.blowfish
+}, {
+  id: 'blueberries',
+  src: Blueberries,
+  messageDescriptor: messages.blueberries
+}, {
+  id: 'boar',
+  src: Boar,
+  messageDescriptor: messages.boar
+}, {
+  id: 'broccoli',
+  src: Broccoli,
+  messageDescriptor: messages.broccoli
+}, {
+  id: 'buffalo',
+  src: Bison,
+  messageDescriptor: messages.buffalo
+}, {
+  id: 'bug',
+  src: Butterfly,
+  messageDescriptor: messages.bug
+}, {
+  id: 'bull',
+  src: Cow,
+  messageDescriptor: messages.bull
+}, {
+  id: 'bunny',
+  src: Rabbit,
+  messageDescriptor: messages.bunny
+}, {
+  id: 'butterfly',
+  src: Butterfly,
+  messageDescriptor: messages.butterfly
+}, {
+  id: 'cactus',
+  src: Cactus,
+  messageDescriptor: messages.cactus
+}, {
+  id: 'camel',
+  src: Camel,
+  messageDescriptor: messages.camel
+}, {
+  id: 'candy',
+  src: Candy,
+  messageDescriptor: messages.candy
+}, {
+  id: 'cantaloupe',
+  src: Melon,
+  messageDescriptor: messages.cantaloupe
+}, {
+  id: 'capsicum',
+  src: Capsicum,
+  messageDescriptor: messages.capsicum
+}, {
+  id: 'carrot',
+  src: Carrot,
+  messageDescriptor: messages.carrot
+}, {
+  id: 'cat',
+  src: Cat,
+  messageDescriptor: messages.cat
+}, {
+  id: 'caterpiller',
+  src: Caterpiller,
+  messageDescriptor: messages.caterpiller
+}, {
+  id: 'chameleon',
+  src: Lizard,
+  messageDescriptor: messages.chameleon
+}, {
+  id: 'cherry',
+  src: Cherry,
+  messageDescriptor: messages.cherry
+}, {
+  id: 'chili',
+  src: Chili,
+  messageDescriptor: messages.chili
+}, {
+  id: 'chimp',
+  src: Monkey,
+  messageDescriptor: messages.chimp
+}, {
+  id: 'chimpanzee',
+  src: Monkey,
+  messageDescriptor: messages.chimpanzee
+}, {
+  id: 'clover',
+  src: Clover,
+  messageDescriptor: messages.clover
+}, {
+  id: 'clownfish',
+  src: TropicalFish,
+  messageDescriptor: messages.clownfish
+}, {
+  id: 'cobra',
+  src: Snake,
+  messageDescriptor: messages.cobra
+}, {
+  id: 'coconut',
+  src: Coconut,
+  messageDescriptor: messages.coconut
+}, {
+  id: 'cod',
+  src: Fish,
+  messageDescriptor: messages.cod
+}, {
+  id: 'cookie',
+  src: Cookie,
+  messageDescriptor: messages.cookie
+}, {
+  id: 'corn',
+  src: Corn,
+  messageDescriptor: messages.corn
+}, {
+  id: 'cow',
+  src: Cow,
+  messageDescriptor: messages.cow
+}, {
+  id: 'crab',
+  src: Crab,
+  messageDescriptor: messages.crab
+}, {
+  id: 'crocodile',
+  src: Crocodile,
+  messageDescriptor: messages.crocodile
+}, {
+  id: 'deer',
+  src: Deer,
+  messageDescriptor: messages.deer
+}, {
+  id: 'dinosaur',
+  src: Dinosaur,
+  messageDescriptor: messages.dinosaur
+}, {
+  id: 'dodo',
+  src: Dodo,
+  messageDescriptor: messages.dodo
+}, {
+  id: 'dog',
+  src: Dog,
+  messageDescriptor: messages.dog
+}, {
+  id: 'dolphin',
+  src: Dolphin,
+  messageDescriptor: messages.dolphin
+}, {
+  id: 'donut',
+  src: Donut,
+  messageDescriptor: messages.donut
+}, {
+  id: 'dragon',
+  src: Dragon,
+  messageDescriptor: messages.dragon
+}, {
+  id: 'duck',
+  src: Duck,
+  messageDescriptor: messages.duck
+}, {
+  id: 'elephant',
+  src: Elephant,
+  messageDescriptor: messages.elephant
+}, {
+  id: 'elk',
+  src: Deer,
+  messageDescriptor: messages.elk
+}, {
+  id: 'fish',
+  src: Fish,
+  messageDescriptor: messages.fish
+}, {
+  id: 'flamingo',
+  src: Flamingo,
+  messageDescriptor: messages.flamingo
+}, {
+  id: 'fox',
+  src: Fox,
+  messageDescriptor: messages.fox
+}, {
+  id: 'frog',
+  src: Frog,
+  messageDescriptor: messages.frog
+}, {
+  id: 'gecko',
+  src: Lizard,
+  messageDescriptor: messages.gecko
+}, {
+  id: 'giraffe',
+  src: Giraffe,
+  messageDescriptor: messages.giraffe
+}, {
+  id: 'gorilla',
+  src: Gorilla,
+  messageDescriptor: messages.gorilla
+}, {
+  id: 'grape',
+  src: Grape,
+  messageDescriptor: messages.grape
+}, {
+  id: 'hammerhead',
+  src: Shark,
+  messageDescriptor: messages.hammerhead
+}, {
+  id: 'hedgehog',
+  src: Hedgehog,
+  messageDescriptor: messages.hedgehog
+}, {
+  id: 'hippo',
+  src: Hippo,
+  messageDescriptor: messages.hippo
+}, {
+  id: 'kangaroo',
+  src: Kangaroo,
+  messageDescriptor: messages.kangaroo
+}, {
+  id: 'kitten',
+  src: Cat,
+  messageDescriptor: messages.kitten
+}, {
+  id: 'kiwi',
+  src: Kiwi,
+  messageDescriptor: messages.kiwi
+}, {
+  id: 'koala',
+  src: Koala,
+  messageDescriptor: messages.koala
+}, {
+  id: 'lemon',
+  src: Lemon,
+  messageDescriptor: messages.lemon
+}, {
+  id: 'leopard',
+  src: Tiger,
+  messageDescriptor: messages.leopard
+}, {
+  id: 'lettuce',
+  src: Lettuce,
+  messageDescriptor: messages.lettuce
+}, {
+  id: 'lion',
+  src: Lion,
+  messageDescriptor: messages.lion
+}, {
+  id: 'lizard',
+  src: Lizard,
+  messageDescriptor: messages.lizard
+}, {
+  id: 'llama',
+  src: Llama,
+  messageDescriptor: messages.llama
+}, {
+  id: 'lobster',
+  src: Lobster,
+  messageDescriptor: messages.lobster
+}, {
+  id: 'macaque',
+  src: Monkey,
+  messageDescriptor: messages.macaque
+}, {
+  id: 'mango',
+  src: Mango,
+  messageDescriptor: messages.mango
+}, {
+  id: 'melon',
+  src: Watermelon,
+  messageDescriptor: messages.melon
+}, {
+  id: 'millipede',
+  src: Caterpiller,
+  messageDescriptor: messages.millipede
+}, {
+  id: 'monkey',
+  src: Monkey,
+  messageDescriptor: messages.monkey
+}, {
+  id: 'mouse',
+  src: Mouse,
+  messageDescriptor: messages.mouse
+}, {
+  id: 'octopus',
+  src: Octopus,
+  messageDescriptor: messages.octopus
+}, {
+  id: 'olive',
+  src: Olive,
+  messageDescriptor: messages.olive
+}, {
+  id: 'orange',
+  src: Orange,
+  messageDescriptor: messages.orange
+}, {
+  id: 'orangutan',
+  src: Orangutan,
+  messageDescriptor: messages.orangutan
+}, {
+  id: 'otter',
+  src: Otter,
+  messageDescriptor: messages.otter
+}, {
+  id: 'owl',
+  src: Owl,
+  messageDescriptor: messages.owl
+}, {
+  id: 'ox',
+  src: Ox,
+  messageDescriptor: messages.ox
+}, {
+  id: 'oyster',
+  src: Oyster,
+  messageDescriptor: messages.oyster
+}, {
+  id: 'panda',
+  src: Panda,
+  messageDescriptor: messages.panda
+}, {
+  id: 'parrot',
+  src: Parrot,
+  messageDescriptor: messages.parrot
+}, {
+  id: 'peacock',
+  src: Peacock,
+  messageDescriptor: messages.peacock
+}, {
+  id: 'pear',
+  src: Pear,
+  messageDescriptor: messages.pear
+}, {
+  id: 'penguin',
+  src: Penguin,
+  messageDescriptor: messages.penguin
+}, {
+  id: 'pig',
+  src: Pig,
+  messageDescriptor: messages.pig
+}, {
+  id: 'pineapple',
+  src: Pineapple,
+  messageDescriptor: messages.pineapple
+}, {
+  id: 'poodle',
+  src: Poodle,
+  messageDescriptor: messages.poodle
+}, {
+  id: 'puppy',
+  src: Dog,
+  messageDescriptor: messages.puppy
+}, {
+  id: 'python',
+  src: Snake,
+  messageDescriptor: messages.python
+}, {
+  id: 'rabbit',
+  src: Rabbit,
+  messageDescriptor: messages.rabbit
+}, {
+  id: 'raccoon',
+  src: Raccoon,
+  messageDescriptor: messages.raccoon
+}, {
+  id: 'rat',
+  src: Mouse,
+  messageDescriptor: messages.rat
+}, {
+  id: 'rhino',
+  src: Rhino,
+  messageDescriptor: messages.rhino
+}, {
+  id: 'robot',
+  src: Robot,
+  messageDescriptor: messages.robot
+}, {
+  id: 'rose',
+  src: Rose,
+  messageDescriptor: messages.rose
+}, {
+  id: 'seal',
+  src: Seal,
+  messageDescriptor: messages.seal
+}, {
+  id: 'seedling',
+  src: Seedling,
+  messageDescriptor: messages.seedling
+}, {
+  id: 'shark',
+  src: Shark,
+  messageDescriptor: messages.shark
+}, {
+  id: 'shrimp',
+  src: Shrimp,
+  messageDescriptor: messages.shrimp
+}, {
+  id: 'skunk',
+  src: Skunk,
+  messageDescriptor: messages.skunk
+}, {
+  id: 'sloth',
+  src: Sloth,
+  messageDescriptor: messages.sloth
+}, {
+  id: 'snail',
+  src: Snail,
+  messageDescriptor: messages.snail
+}, {
+  id: 'snake',
+  src: Snake,
+  messageDescriptor: messages.snake
+}, {
+  id: 'snowman',
+  src: Snowman,
+  messageDescriptor: messages.snowman
+}, {
+  id: 'squid',
+  src: Squid,
+  messageDescriptor: messages.squid
+}, {
+  id: 'squirrel',
+  src: Squirrel,
+  messageDescriptor: messages.squirrel
+}, {
+  id: 'strawberry',
+  src: Strawberry,
+  messageDescriptor: messages.strawberry
+}, {
+  id: 'sunfish',
+  src: TropicalFish,
+  messageDescriptor: messages.sunfish
+}, {
+  id: 'sunflower',
+  src: Sunflower,
+  messageDescriptor: messages.sunflower
+}, {
+  id: 'tiger',
+  src: Tiger,
+  messageDescriptor: messages.tiger
+}, {
+  id: 'tomato',
+  src: Tomato,
+  messageDescriptor: messages.tomato
+}, {
+  id: 'tortoise',
+  src: Turtle,
+  messageDescriptor: messages.tortoise
+}, {
+  id: 'tree',
+  src: Tree,
+  messageDescriptor: messages.tree
+}, {
+  id: 'trex',
+  src: Trex,
+  messageDescriptor: messages.trex
+}, {
+  id: 'trout',
+  src: Fish,
+  messageDescriptor: messages.trout
+}, {
+  id: 'turkey',
+  src: Turkey,
+  messageDescriptor: messages.turkey
+}, {
+  id: 'turtle',
+  src: Turtle,
+  messageDescriptor: messages.turtle
+}, {
+  id: 'wasp',
+  src: Bee,
+  messageDescriptor: messages.wasp
+}, {
+  id: 'watermelon',
+  src: Watermelon,
+  messageDescriptor: messages.watermelon
+}, {
+  id: 'whale',
+  src: Whale,
+  messageDescriptor: messages.whale
+}, {
+  id: 'wolf',
+  src: Wolf,
+  messageDescriptor: messages.wolf
+}];

package/dist/esm/common/utils/get-anonymous-asset.js

@@ -0,0 +1,164 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { ANONYMOUS_ASSETS } from './anonymous-assets';
+import { getIntl } from './intl';
+import { fetchWithRetry } from './retry';
+export var encodeSvgToDataUri = function encodeSvgToDataUri(svgRoot) {
+  // by this point we have a safe SVG string: we can safely string interpolate to encode as a
+  // data:image to enable passing it to an <img> src attribute
+  return "data:image/svg+xml;base64,".concat(btoa(new XMLSerializer().serializeToString(svgRoot)));
+};
+export var objectToStyleString = function objectToStyleString(cssProperties) {
+  var styleString = '';
+  Object.keys(cssProperties).forEach(function (key) {
+    styleString += "".concat(key, ": ").concat(cssProperties[key], "; ");
+  });
+  return styleString;
+};
+
+/**
+ * Applies additional styling to the SVG image by adding a style attribute to the SVG element
+ */
+export var addStyling = function addStyling(svgRoot, cssProperties) {
+  var styleRule = new CSSStyleSheet();
+  var styleString = objectToStyleString(cssProperties);
+
+  // even if styling is malicious, it will be sanitized by the CSSStyleSheet with the string being empty, ensuring safety
+  styleRule.insertRule("svg { ".concat(styleString, " }"));
+  // we need to cast to CSSStyleRule to access the .style property
+  var styleRuleString = styleRule.cssRules[0].style.cssText;
+  svgRoot.setAttribute('style', styleRuleString);
+};
+export var getAssetIndex = function getAssetIndex(index) {
+  return index !== undefined ? index % ANONYMOUS_ASSETS.length : Math.floor(Math.random() * ANONYMOUS_ASSETS.length);
+};
+export var svgStringToDomDocument = function svgStringToDomDocument(svgString) {
+  return new DOMParser().parseFromString(svgString, 'image/svg+xml');
+};
+/**
+ * Use this if custom styling needs to be applied to the svg element (such as background-color)
+ * Loads a svg -> converts to a svg dom element -> applies styling -> converts to base64 encoded image
+ * @param props
+ */
+export var getAnonymousAvatarWithStyling = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(props) {
+    var _response$result;
+    var index, _ANONYMOUS_ASSETS$ind, id, messageDescriptor, src, intl, response, svgString, _response$error, _props$onError, _error, _props$onError2, doc, svg;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          index = getAssetIndex(props === null || props === void 0 ? void 0 : props.index);
+          _ANONYMOUS_ASSETS$ind = ANONYMOUS_ASSETS[index], id = _ANONYMOUS_ASSETS$ind.id, messageDescriptor = _ANONYMOUS_ASSETS$ind.messageDescriptor, src = _ANONYMOUS_ASSETS$ind.src;
+          _context.next = 4;
+          return getIntl();
+        case 4:
+          intl = _context.sent;
+          _context.next = 7;
+          return fetchWithRetry({
+            url: src,
+            shouldRetryOnApiError: true,
+            retries: 3 // Maximum 3 retries
+          });
+        case 7:
+          response = _context.sent;
+          _context.next = 10;
+          return (_response$result = response.result) === null || _response$result === void 0 ? void 0 : _response$result.text();
+        case 10:
+          svgString = _context.sent;
+          if (response.success) {
+            _context.next = 15;
+            break;
+          }
+          _error = (_response$error = response.error) !== null && _response$error !== void 0 ? _response$error : new Error("Error while fetching svg ".concat(id, " with src ").concat(src));
+          (_props$onError = props.onError) === null || _props$onError === void 0 || _props$onError.call(props, _error);
+          return _context.abrupt("return", undefined);
+        case 15:
+          if (svgString) {
+            _context.next = 18;
+            break;
+          }
+          (_props$onError2 = props.onError) === null || _props$onError2 === void 0 || _props$onError2.call(props, new Error("svg returned null with svg ".concat(id, " with src ").concat(src)));
+          return _context.abrupt("return", undefined);
+        case 18:
+          doc = svgStringToDomDocument(svgString);
+          svg = doc.documentElement;
+          addStyling(svg, props.styleProperties);
+          return _context.abrupt("return", {
+            id: id,
+            name: intl.formatMessage(messageDescriptor),
+            src: encodeSvgToDataUri(svg)
+          });
+        case 22:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getAnonymousAvatarWithStyling(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+/**
+ * Returns an anonymous asset. Use this if no additional svg modifications are needed
+ * @param props.index if none is provided, a random anonymous asset it returned
+ */
+export var getAnonymousAsset = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(props) {
+    var index, asset, intl;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          index = getAssetIndex(props === null || props === void 0 ? void 0 : props.index);
+          asset = ANONYMOUS_ASSETS[index];
+          _context2.next = 4;
+          return getIntl();
+        case 4:
+          intl = _context2.sent;
+          return _context2.abrupt("return", _objectSpread(_objectSpread({}, asset), {}, {
+            name: intl.formatMessage(asset.messageDescriptor)
+          }));
+        case 6:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function getAnonymousAsset(_x2) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+/**
+ * Returns all anonymous assets
+ */
+export var getAllAnonymousAssets = /*#__PURE__*/function () {
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var intl;
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _context3.next = 2;
+          return getIntl();
+        case 2:
+          intl = _context3.sent;
+          return _context3.abrupt("return", ANONYMOUS_ASSETS.map(function (asset) {
+            return {
+              id: asset.id,
+              name: intl.formatMessage(asset.messageDescriptor),
+              src: asset.src
+            };
+          }));
+        case 4:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return function getAllAnonymousAssets() {
+    return _ref3.apply(this, arguments);
+  };
+}();