@capillarytech/creatives-library 1.0.0 → 1.0.1-alpha.0

package/.htaccess

@@ -0,0 +1,52 @@
+<ifModule mod_rewrite.c>
+
+
+  #######################################################################
+  # GENERAL                                                             #
+  #######################################################################
+
+  # Make apache follow sym links to files
+  Options +FollowSymLinks
+  # If somebody opens a folder, hide all files from the resulting folder list
+  IndexIgnore */*
+
+
+  #######################################################################
+  # REWRITING                                                           #
+  #######################################################################
+
+  # Enable rewriting
+  RewriteEngine On
+
+  # If its not HTTPS
+  RewriteCond %{HTTPS} off
+
+  # Comment out the RewriteCond above, and uncomment the RewriteCond below if you're using a load balancer (e.g. CloudFlare) for SSL
+  # RewriteCond %{HTTP:X-Forwarded-Proto} !https
+
+  # Redirect to the same URL with https://, ignoring all further rules if this one is in effect
+  RewriteRule ^(.*) https://%{HTTP_HOST}/$1 [R,L]
+
+  # If we get to here, it means we are on https://
+
+  # If the file with the specified name in the browser doesn't exist
+  RewriteCond %{REQUEST_FILENAME} !-f
+
+  # and the directory with the specified name in the browser doesn't exist
+  RewriteCond %{REQUEST_FILENAME} !-d
+
+  # and we are not opening the root already (otherwise we get a redirect loop)
+  RewriteCond %{REQUEST_FILENAME} !\/$
+
+  # Rewrite all requests to the root
+  RewriteRule ^(.*) /
+
+</ifModule>
+
+<IfModule mod_headers.c>
+  # Do not cache sw.js, required for offline-first updates.
+  <FilesMatch "sw\.js$">
+    Header set Cache-Control "private, no-cache, no-store, proxy-revalidate, no-transform"
+    Header set Pragma "no-cache"
+  </FilesMatch>
+</IfModule>

package/app.js

@@ -0,0 +1,158 @@
+/**
+ * app.js
+ *
+ * This is the entry file for the application, only setup and boilerplate
+ * code.
+ */
+
+// Needed for redux-saga es6 generator support
+import '@babel/polyfill';
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { Provider } from 'react-redux';
+import FontFaceObserver from 'fontfaceobserver';
+import { addLocizeSavedHandler, startStandalone } from 'locize';
+import Bugsnag from '@bugsnag/js';
+import BugsnagPluginReact from '@bugsnag/plugin-react';
+import { configureStore } from '@capillarytech/vulcan-react-sdk/utils';
+import 'sanitize.css/sanitize.css';
+
+import SomethingWentWrong from './components/molecules/SomethingWentWrong';
+
+// Import root app
+import App from './components/pages/App';
+
+import LanguageProvider from './components/pages/LanguageProvider';
+
+/* eslint-disable import/no-unresolved, import/extensions */
+import '!file-loader?name=[name].[ext]!./favicon.ico';
+import 'file-loader?name=.htaccess!./.htaccess';
+/* eslint-enable import/no-unresolved, import/extensions */
+
+import initialState from './initialState';
+import { translationMessages } from './i18n';
+import { initialReducer } from './initialReducer';
+import history from './utils/history';
+
+const openSansObserver = new FontFaceObserver('Roboto', {});
+
+// When Roboto is loaded, add a font-family using Robotot to the body
+openSansObserver
+  .load()
+  .then(() => {
+    document.body.classList.add('fontLoaded');
+  })
+  .catch(err => {
+    Bugsnag.notify(err);
+    console.log(err);
+  });
+
+// Create redux store with history
+const store = configureStore(initialState, initialReducer, history);
+const MOUNT_NODE = document.getElementById('loyalty-app');
+
+const bugSnagErrorCallback = event => {
+  const { app: { releaseStage } = {} } = event || {};
+  if (
+    //(releaseStage || '').includes('nightly') ||
+    process.env.NODE_ENV !== 'production'
+  ) {
+    return false;
+  }
+  let userId;
+  let userName;
+  let userEmail;
+  let orgId;
+  let currentOrgName;
+  try {
+    const { id, firstName, lastName, loginName } = JSON.parse(
+      window.localStorage.getItem('user'),
+    );
+    orgId = window.localStorage.getItem('orgID');
+    userId = id;
+    userName = `${firstName} ${lastName}`;
+    userEmail = loginName;
+    currentOrgName = window.localStorage.getItem('currentOrgName');
+  } catch (error) {
+    userId = '';
+    userName = '';
+    userEmail = '';
+    orgId = '';
+    currentOrgName = '';
+  }
+  event.addMetadata('org', {
+    name: currentOrgName,
+    id: orgId,
+  });
+  event.setUser(userId, userEmail, userName);
+  if (window.FS && window.FS.getCurrentSessionURL) {
+    event.addMetadata('fullstory', {
+      sessionURL: window.FS.getCurrentSessionURL(true),
+    });
+  }
+};
+
+Bugsnag.start({
+  // eslint-disable-next-line no-undef
+  appVersion: BUGSNAG_APP_VERSION,
+  // eslint-disable-next-line no-undef
+  apiKey: BUGSNAG_API_KEY,
+  releaseStage: window.location.hostname,
+  plugins: [new BugsnagPluginReact()],
+  onError: bugSnagErrorCallback,
+});
+
+const ErrorBoundary = Bugsnag.getPlugin('react').createErrorBoundary(React);
+
+export const BugsnagClient = Bugsnag;
+
+const ErrorScreen = () => <SomethingWentWrong />;
+
+const root = createRoot(MOUNT_NODE);
+const render = messages => {
+  root.render(
+    <Provider store={store}>
+      <ErrorBoundary FallbackComponent={ErrorScreen}>
+        <LanguageProvider messages={messages}>
+          <App />
+        </LanguageProvider>
+      </ErrorBoundary>
+    </Provider>
+  );
+};
+
+if (module.hot) {
+  // Hot reloadable React components and translation json files
+  // modules.hot.accept does not accept dynamic dependencies,
+  // have to be constants at compile-time
+  module.hot.accept(['./i18n', 'components/pages/App'], () => {
+    render(translationMessages);
+  });
+}
+
+// for auto render UI on locize saved, since we cache the translations in redis it can't be update on real time as of now
+// need to comment as of now
+// addLocizeSavedHandler(res => {
+//   res.updated.forEach(item => {
+//     const { lng, ns, key, data } = item
+//     // load the translations somewhere...
+//     // and maybe rerender your UI
+//   })
+// })
+
+// start
+startStandalone();
+
+// Chunked polyfill for browsers without Intl support
+if (!window.Intl) {
+  new Promise(resolve => {
+    resolve(import('intl'));
+  })
+    .then(() => Promise.all([import('intl/locale-data/jsonp/en')]))
+    .then(() => render(translationMessages))
+    .catch(err => {
+      throw err;
+    });
+} else {
+  render(translationMessages);
+}

package/assets/addCustomer.svg

@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.4589 6.50645C12.4589 5.52999 11.6518 4.73458 10.6718 4.74626C9.68102 4.75794 8.90488 5.52766 8.9013 6.50061C8.89772 7.48525 9.68818 8.26081 10.6897 8.25497C11.6852 8.24679 12.4577 7.48291 12.4589 6.50645ZM10.6658 9.99998C8.7022 9.99297 7.09268 8.41615 7.09626 6.50178C7.09983 4.58741 8.74393 2.98723 10.6944 3.00008C12.6449 3.01176 14.2675 4.60609 14.264 6.50645C14.2616 8.43484 12.6413 10.007 10.6658 9.99998ZM12.8873 14.3594C13.8692 13.3974 15.3563 13.2432 16.4998 13.8957C16.9503 13.6404 17.464 13.5029 17.9917 13.5028C19.2012 13.4985 20.2977 14.213 20.7669 15.3185C21.2393 16.4315 20.9801 17.715 20.1146 18.5635C20.0635 18.6136 20.0112 18.6607 20.0247 18.6443L17.5535 21.0696C17.2723 21.3458 16.8934 21.5 16.4994 21.5C16.1054 21.5 15.7264 21.3458 15.4457 21.07L13.0414 18.7047C12.9876 18.6607 12.9352 18.6136 12.8835 18.5628C11.704 17.4032 11.7057 15.5169 12.8873 14.3594ZM14.285 17.136C14.2939 17.1447 14.3014 17.1515 14.3749 17.2169L16.4998 19.3022L18.6912 17.1565L18.7141 17.1356C18.9939 16.8613 19.0762 16.4541 18.9259 16.0999C18.7728 15.7392 18.4069 15.501 17.998 15.5028L17.9928 15.5028C17.7243 15.5026 17.4678 15.6067 17.2809 15.7899L17.2604 15.8116L16.5165 16.6877L15.7517 15.8299L15.7176 15.7925L15.7118 15.7865C15.3198 15.4041 14.6785 15.4044 14.2869 15.788C13.9048 16.1623 13.9043 16.7617 14.285 17.136ZM3.03727 18.6959H10.8967C10.82 18.1775 10.7458 17.6788 10.6697 17.1669L10.6373 16.9494H4.72225C4.62896 16.5107 4.77914 16.1945 5.11364 15.9623C5.15575 15.9331 5.19761 15.9032 5.23949 15.8732C5.37295 15.7778 5.50662 15.6823 5.64951 15.6077C7.19341 14.7992 8.83403 14.3465 10.5668 14.3535C11.0765 14.3547 11.3791 14.2404 11.5976 13.7492C11.7123 13.4931 11.8869 13.2667 12.0712 13.0278C12.1556 12.9184 12.2421 12.8063 12.3257 12.6875C12.145 12.6749 11.9667 12.6587 11.7901 12.6427C11.3951 12.6068 11.0086 12.5718 10.6225 12.579C9.22086 12.6047 7.85102 12.8567 6.52215 13.321C5.58011 13.6489 4.67447 14.0549 3.91446 14.7362C3.40362 15.1935 3.02931 15.7383 3.00996 16.4582C2.99527 16.9847 2.9999 17.5118 3.00454 18.0386C3.00636 18.2461 3.00818 18.4535 3.00883 18.6609C3.00883 18.669 3.01763 18.6771 3.02644 18.6852C3.0303 18.6887 3.03415 18.6923 3.03727 18.6959Z" fill="black"/>
+<mask id="mask0_552_173748" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="3" y="3" width="18" height="19">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.4589 6.50645C12.4589 5.52999 11.6518 4.73458 10.6718 4.74626C9.68102 4.75794 8.90488 5.52766 8.9013 6.50061C8.89772 7.48525 9.68818 8.26081 10.6897 8.25497C11.6852 8.24679 12.4577 7.48291 12.4589 6.50645ZM10.6658 9.99998C8.7022 9.99297 7.09268 8.41615 7.09626 6.50178C7.09983 4.58741 8.74393 2.98723 10.6944 3.00008C12.6449 3.01176 14.2675 4.60609 14.264 6.50645C14.2616 8.43484 12.6413 10.007 10.6658 9.99998ZM12.8873 14.3594C13.8692 13.3974 15.3563 13.2432 16.4998 13.8957C16.9503 13.6404 17.464 13.5029 17.9917 13.5028C19.2012 13.4985 20.2977 14.213 20.7669 15.3185C21.2393 16.4315 20.9801 17.715 20.1146 18.5635C20.0635 18.6136 20.0112 18.6607 20.0247 18.6443L17.5535 21.0696C17.2723 21.3458 16.8934 21.5 16.4994 21.5C16.1054 21.5 15.7264 21.3458 15.4457 21.07L13.0414 18.7047C12.9876 18.6607 12.9352 18.6136 12.8835 18.5628C11.704 17.4032 11.7057 15.5169 12.8873 14.3594ZM14.285 17.136C14.2939 17.1447 14.3014 17.1515 14.3749 17.2169L16.4998 19.3022L18.6912 17.1565L18.7141 17.1356C18.9939 16.8613 19.0762 16.4541 18.9259 16.0999C18.7728 15.7392 18.4069 15.501 17.998 15.5028L17.9928 15.5028C17.7243 15.5026 17.4678 15.6067 17.2809 15.7899L17.2604 15.8116L16.5165 16.6877L15.7517 15.8299L15.7176 15.7925L15.7118 15.7865C15.3198 15.4041 14.6785 15.4044 14.2869 15.788C13.9048 16.1623 13.9043 16.7617 14.285 17.136ZM3.03727 18.6959H10.8967C10.82 18.1775 10.7458 17.6788 10.6697 17.1669L10.6373 16.9494H4.72225C4.62896 16.5107 4.77914 16.1945 5.11364 15.9623C5.15575 15.9331 5.19761 15.9032 5.23949 15.8732C5.37295 15.7778 5.50662 15.6823 5.64951 15.6077C7.19341 14.7992 8.83403 14.3465 10.5668 14.3535C11.0765 14.3547 11.3791 14.2404 11.5976 13.7492C11.7123 13.4931 11.8869 13.2667 12.0712 13.0278C12.1556 12.9184 12.2421 12.8063 12.3257 12.6875C12.145 12.6749 11.9667 12.6587 11.7901 12.6427C11.3951 12.6068 11.0086 12.5718 10.6225 12.579C9.22086 12.6047 7.85102 12.8567 6.52215 13.321C5.58011 13.6489 4.67447 14.0549 3.91446 14.7362C3.40362 15.1935 3.02931 15.7383 3.00996 16.4582C2.99527 16.9847 2.9999 17.5118 3.00454 18.0386C3.00636 18.2461 3.00818 18.4535 3.00883 18.6609C3.00883 18.669 3.01763 18.6771 3.02644 18.6852C3.0303 18.6887 3.03415 18.6923 3.03727 18.6959Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_552_173748)">
+<rect width="24" height="24" fill="#091E42"/>
+</g>
+</svg>

package/assets/addUser.svg

@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 63.1 (101010) - https://sketch.com -->
+    <title>F45878CF-6C00-4222-AEA1-B419E72E2470</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <path d="M19,7 L18,7 L18,6 C18,5.44771525 17.5522847,5 17,5 C16.4477153,5 16,5.44771525 16,6 L16,7 L15,7 C14.4477153,7 14,7.44771525 14,8 C14,8.55228475 14.4477153,9 15,9 L16,9 L16,10 C16,10.5522847 16.4477153,11 17,11 C17.5522847,11 18,10.5522847 18,10 L18,9 L19,9 C19.5522847,9 20,8.55228475 20,8 C20,7.44771525 19.5522847,7 19,7 Z M11.3,8.72 C12.3796492,7.78545144 13.0000156,6.42794377 13,5 C13,2.23857625 10.7614237,0 8,0 C5.23857625,0 3,2.23857625 3,5 C2.9999844,6.42794377 3.6203508,7.78545144 4.7,8.72 C1.84094096,10.0146379 0.0030061001,12.8614817 0,16 C0,16.5522847 0.44771525,17 1,17 C1.55228475,17 2,16.5522847 2,16 C2,12.6862915 4.68629154,10 8,10 C11.3137085,10 14,12.6862915 14,16 C14,16.5522847 14.4477153,17 15,17 C15.5522847,17 16,16.5522847 16,16 C15.9969939,12.8614817 14.159059,10.0146379 11.3,8.72 L11.3,8.72 Z M8,8 C6.34314575,8 5,6.65685425 5,5 C5,3.34314575 6.34314575,2 8,2 C9.65685425,2 11,3.34314575 11,5 C11,5.79564947 10.6839295,6.55871121 10.1213203,7.12132034 C9.55871121,7.68392948 8.79564947,8 8,8 Z" id="path-1"></path>
+    </defs>
+    <g id="Missing-states" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="03.09.00.adding-Workflows" transform="translate(-616.000000, -1724.000000)">
+            <g id="Group-5" transform="translate(564.000000, 1686.000000)">
+                <g id="Atoms/Icons/24/join" transform="translate(52.000000, 38.000000)">
+                    <g id="↳-🎨Color" transform="translate(2.000000, 3.000000)">
+                        <g>
+                            <g>
+                                <g>
+                                    <mask id="mask-2" fill="white">
+                                        <use xlink:href="#path-1"></use>
+                                    </mask>
+                                    <use id="Mask" fill="#6563FF" fill-rule="nonzero" xlink:href="#path-1"></use>
+                                    <g id="Atoms/colors/grey/k-091E42" mask="url(#mask-2)" fill="#091E42">
+                                        <g transform="translate(-2.000000, -3.000000)" id="grey_k-091E42">
+                                            <rect x="0" y="0" width="24" height="24"></rect>
+                                        </g>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/assets/atoms-icons-24-gift (1).svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 63.1 (101010) - https://sketch.com -->
+    <title>594C84E7-02F9-4E6E-8114-3B27B295E180</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <path d="M20,6 L17.82,6 C17.93,5.69 18,5.35 18,5 C18,3.34 16.66,2 15,2 C13.95,2 13.04,2.54 12.5,3.35 L12,4.02 L11.5,3.34 C10.96,2.54 10.05,2 9,2 C7.34,2 6,3.34 6,5 C6,5.35 6.07,5.69 6.18,6 L4,6 C2.89,6 2.01,6.89 2.01,8 L2,19 C2,20.11 2.89,21 4,21 L20,21 C21.11,21 22,20.11 22,19 L22,8 C22,6.89 21.11,6 20,6 Z M15,4 C15.55,4 16,4.45 16,5 C16,5.55 15.55,6 15,6 C14.45,6 14,5.55 14,5 C14,4.45 14.45,4 15,4 Z M9,4 C9.55,4 10,4.45 10,5 C10,5.55 9.55,6 9,6 C8.45,6 8,5.55 8,5 C8,4.45 8.45,4 9,4 Z M20,19 L4,19 L4,17 L20,17 L20,19 Z M20,14 L4,14 L4,8 L9.08,8 L7,10.83 L8.62,12 L11,8.76 L12,7.4 L13,8.76 L15.38,12 L17,10.83 L14.92,8 L20,8 L20,14 Z" id="path-1"></path>
+    </defs>
+    <g id="Missing-states" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="03.09.00.adding-Workflows" transform="translate(-616.000000, -494.000000)">
+            <g id="Atoms/Icons/24/gift" transform="translate(616.000000, 494.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <use id="Mask" fill="#000000" fill-rule="nonzero" xlink:href="#path-1"></use>
+                <g id="Atoms/colors/grey/k-091E42" mask="url(#mask-2)" fill="#091E42">
+                    <rect id="grey_k-091E42" x="0" y="0" width="24" height="24"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/assets/award-point.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24">
+    <defs>
+        <path id="s57b55lk6a" d="M21.617 17.74l-2.975-5.137c.609-1.118.926-2.371.922-3.644 0-4.244-3.44-7.685-7.684-7.685S4.195 4.714 4.195 8.96c-.003 1.273.314 2.526.923 3.644l-2.975 5.138c-.197.34-.196.76 0 1.1.198.34.562.548.955.546h3.15l1.603 2.7c.054.09.12.171.198.242.203.196.474.306.757.308h.154c.336-.046.631-.245.801-.538l2.119-3.645 2.118 3.678c.173.289.468.483.802.527h.153c.287.001.563-.11.769-.308.074-.067.137-.144.186-.23l1.603-2.7h3.15c.394 0 .759-.209.956-.55.209-.348.209-.782 0-1.13zM8.795 19.42l-.977-1.635c-.196-.33-.55-.534-.933-.538h-1.9l1.57-2.723c1.082 1.042 2.444 1.744 3.92 2.02l-1.68 2.876zm3.085-4.973c-3.032 0-5.489-2.457-5.489-5.488 0-3.032 2.457-5.49 5.489-5.49 3.031 0 5.488 2.458 5.488 5.49 0 3.031-2.457 5.488-5.488 5.488zm4.994 2.8c-.383.004-.737.207-.933.538l-.977 1.635-1.668-2.909c1.47-.282 2.828-.983 3.908-2.02l1.57 2.723-1.9.033z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <g>
+            <g>
+                <g transform="translate(-1059.000000, -1334.000000) translate(1043.000000, 1318.000000) translate(16.000000, 16.000000)">
+                    <mask id="fhit687j4b" fill="#fff">
+                        <use xlink:href="#s57b55lk6a"/>
+                    </mask>
+                    <use fill="#091E42" fill-rule="nonzero" xlink:href="#s57b55lk6a"/>
+                    <g fill="#091E42" mask="url(#fhit687j4b)">
+                        <path d="M0 0H22.857V22.857H0z" transform="translate(1.047619, 1.000000)"/>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/assets/badgeMask.svg

@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M42.3966 42.3963C40.0829 44.8279 36.9903 46.3076 33.1183 46.8353C30.4012 47.392 27.287 47.6236 23.7751 47.5297C20.2633 47.6236 17.1486 47.392 14.4316 46.8353C10.5599 46.3076 7.46739 44.8279 5.15363 42.3963C2.72196 40.0825 1.24267 36.99 0.714595 33.1183C0.158286 30.4013 -0.0733192 27.2866 0.0201622 23.7751C-0.0733192 20.2633 0.158286 17.1486 0.714595 14.4316C1.24267 10.5599 2.72196 7.46702 5.15363 5.15365C7.46739 2.72199 10.5599 1.24231 14.4316 0.714616C17.1486 0.157924 20.2633 -0.0732989 23.7751 0.0201825C27.287 -0.0732989 30.4012 0.157924 33.1183 0.714616C36.9903 1.24231 40.0829 2.72199 42.3966 5.15365C44.8279 7.46702 46.3076 10.5599 46.8353 14.4316C47.392 17.1486 47.6236 20.2633 47.5297 23.7751C47.6236 27.2866 47.392 30.4013 46.8353 33.1183C46.3076 36.99 44.8279 40.0825 42.3966 42.3963Z" fill="#F4F5F7"/>
+</svg>

package/assets/bill-point.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <g fill="none" fill-rule="evenodd">
+        <g fill="#091E42" fill-rule="nonzero">
+            <g>
+                <g>
+                    <g>
+                        <g>
+                            <path d="M11 14H5c-.552 0-1 .448-1 1s.448 1 1 1h6c.552 0 1-.448 1-1s-.448-1-1-1zM7 8h2c.552 0 1-.448 1-1s-.448-1-1-1H7c-.552 0-1 .448-1 1s.448 1 1 1zm12 2h-3V1c.001-.359-.19-.69-.5-.87-.31-.179-.69-.179-1 0l-3 1.72-3-1.72c-.31-.179-.69-.179-1 0l-3 1.72-3-1.72c-.31-.179-.69-.179-1 0C.19.31-.001.641 0 1v16c0 1.657 1.343 3 3 3h14c1.657 0 3-1.343 3-3v-6c0-.552-.448-1-1-1zM3 18c-.552 0-1-.448-1-1V2.73l2 1.14c.313.164.687.164 1 0l3-1.72 3 1.72c.313.164.687.164 1 0l2-1.14V17c.003.341.064.68.18 1H3zm15-1c0 .552-.448 1-1 1s-1-.448-1-1v-5h2v5zm-7-7H5c-.552 0-1 .448-1 1s.448 1 1 1h6c.552 0 1-.448 1-1s-.448-1-1-1z" transform="translate(-1059.000000, -886.000000) translate(1043.000000, 870.000000) translate(16.000000, 16.000000) translate(2.000000, 2.000000)"/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/assets/bulb.svg

@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C7.58172 2 4 5.58172 4 10C4 12.9134 5.57169 15.5278 8 16.9301V17V19V20C8 21.1046 8.89543 22 10 22H14C15.1046 22 16 21.1046 16 20V19V17V16.9301C18.4283 15.5278 20 12.9134 20 10C20 5.58172 16.4183 2 12 2ZM14 17V15.6586C16.3304 14.8349 18 12.6124 18 10C18 6.68629 15.3137 4 12 4C8.68629 4 6 6.68629 6 10C6 12.6124 7.66962 14.8349 10 15.6586V17H14ZM10 19V20H14V19H10ZM10.5 10.9988C9.72261 10.9988 9.24251 10.1507 9.64261 9.48416L11.1426 6.98533C11.4269 6.51181 12.0412 6.35837 12.5147 6.64261C12.9882 6.92686 13.1416 7.54115 12.8574 8.01467L12.2666 8.99883H13.5C14.2773 8.99883 14.7574 9.84685 14.3575 10.5134L12.8575 13.0131C12.5733 13.4866 11.959 13.6402 11.4855 13.356C11.0119 13.0718 10.8584 12.4576 11.1425 11.984L11.7337 10.9988H10.5Z" fill="white"/>
+<mask id="mask0_520_32302" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="2" width="16" height="20">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C7.58172 2 4 5.58172 4 10C4 12.9134 5.57169 15.5278 8 16.9301V17V19V20C8 21.1046 8.89543 22 10 22H14C15.1046 22 16 21.1046 16 20V19V17V16.9301C18.4283 15.5278 20 12.9134 20 10C20 5.58172 16.4183 2 12 2ZM14 17V15.6586C16.3304 14.8349 18 12.6124 18 10C18 6.68629 15.3137 4 12 4C8.68629 4 6 6.68629 6 10C6 12.6124 7.66962 14.8349 10 15.6586V17H14ZM10 19V20H14V19H10ZM10.5 10.9988C9.72261 10.9988 9.24251 10.1507 9.64261 9.48416L11.1426 6.98533C11.4269 6.51181 12.0412 6.35837 12.5147 6.64261C12.9882 6.92686 13.1416 7.54115 12.8574 8.01467L12.2666 8.99883H13.5C14.2773 8.99883 14.7574 9.84685 14.3575 10.5134L12.8575 13.0131C12.5733 13.4866 11.959 13.6402 11.4855 13.356C11.0119 13.0718 10.8584 12.4576 11.1425 11.984L11.7337 10.9988H10.5Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_520_32302)">
+<rect width="24" height="24" fill="#2466EA" fill-opacity="0.5"/>
+</g>
+</svg>