spree_cm_commissioner 0.0.1

data/LICENSE

@@ -0,0 +1,26 @@
+Copyright (c) 2022 [name of plugin creator]
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+    * Redistributions of source code must retain the above copyright notice,
+      this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright notice,
+      this list of conditions and the following disclaimer in the documentation
+      and/or other materials provided with the distribution.
+    * Neither the name Spree nor the names of its contributors may be used to
+      endorse or promote products derived from this software without specific
+      prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
+CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
+PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
+PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
+LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

data/README.md

@@ -0,0 +1,431 @@
+# SpreeCmCommissioner
+
+![Commission gem build status](https://github.com/channainfo/commissioner/actions/workflows/publish.yml/badge.svg?branch= "Build status")
+
+An application platform built on top of Spree commerce for modeling any bussiness applications.
+
+## Installation
+
+1; Add this extension to your Gemfile with this line:
+
+```ruby
+gem 'spree_cm_commissioner'
+```
+
+2; Install the gem using Bundler
+
+```ruby
+bundle install
+```
+
+3; Copy & run migrations
+
+```ruby
+bundle exec rails g spree_cm_commissioner:install
+```
+
+4; Restart your server
+
+If your server was running, restart it so that it can find the assets properly.
+
+## Config
+
+### Rake tasks
+
+```sh
+# Seed province data for Cambodia country
+rake data:seed_kh_provinces
+
+# Seed option values and type location
+rake data:seed_kh_location_option_values
+
+# Reindex Elasticsearch on Vendor model
+rake searchkick:reindex CLASS=Spree::Vendor
+```
+
+### Google Map
+
+CM commissioner required Google Map key for [map components](app/views/shared/map/_map.html.erb).
+
+```env
+# .env
+GOOGLE_MAP_KEY = ""
+DEFAULT_LATLON = "10.627543,103.522141"
+```
+
+<!-- * Describe new config usage above -->
+<!-- * Also put in summary at the last section [All environments] below -->
+
+### Elasticsearch
+
+Commissioner required elasticsearch version 8.5.2. We recommend using [evm](https://github.com/duydo/evm) to manage their version.
+
+1, Install EVM (Elasticsearch Version Manager):
+
+```sh
+sudo curl -o /usr/local/bin/evm https://raw.githubusercontent.com/duydo/evm/master/evm
+sudo chmod +x /usr/local/bin/evm
+```
+
+2, Install elasticsearch
+
+```sh
+evm install 8.5.2
+
+# To start elasticsearch
+evm start
+
+# To stop elasticsearch
+evm stop
+```
+
+### Visual Studio Code Editor && Rubocop
+
+- Install VScode Extensions: **ruby-rubocop**
+
+- Make sure have below settings in VScode User Settings. It will auto-correct with rubocop after save file
+
+```json
+{
+  "ruby.rubocop.executePath": "/Users/USER_NAME/.rbenv/shims/"
+}
+```
+
+- We can run auto correction
+
+```sh
+#  Autocorrect offenses (only when it's safe)
+$ bundle exec rubocop -a # or bundle exec rubocop --auto-correct
+
+# Autocorrect offenses (safe and unsafe).
+$ bundle exec rubocop -A # or bundle exec rubocop --auto-correct-all
+```
+
+### All environments
+
+Following are required varialbles inside .env
+
+```env
+GOOGLE_MAP_KEY = ""
+DEFAULT_LATLON = "10.627543,103.522141"
+ACCOMMODATION_MAX_STAY_DAYS = 10
+DEFAULT_TELEGRAM_BOT_API_TOKEN = ""
+
+PIN_CODE_DEBUG_NOTIFIY_TELEGRAM_ENABLE="yes"
+RECAPTCHA_TOKEN_VALIDATOR_ENABLE="yes"
+
+EXCEPTION_NOTIFY_ENABLE="yes" # yes or no
+EXCEPTION_TELEGRAM_BOT_TOKEN=""
+EXCEPTION_NOTIFIER_TELEGRAM_CHANNEL_ID=""
+```
+
+## Using Deface DSL (.deface files)
+
+- Make sure the path of override should match the path of view template
+- The .deface can be use with :erb, :html, or :text
+
+Example:
+
+```sh
+View Template file: app/views/spree/admin/vendors/_form
+Override file: app/overrides/spree/admin/vendors/_form/logo.html.erb.deface
+```
+
+<https://github.com/spree/deface#using-the-deface-dsl-deface-files>
+
+## Schedule Jobs
+
+- Create a schedule to update vendor min and max price
+- Frequently: every 24 hours
+- Run time: mid night is preferable
+- Command: `rake "spree_cm_commissioner:vendor_update_price_range"`
+- Customer_notification
+
+````yml
+customer_notification:
+  cron: '0 0 * * * *'   # will trigger every hour, every day of the month, every month, and every day of the week
+  class: SpreeCmCommissioner::CustomerNotificationCron
+````
+
+## Testing
+
+First bundle your dependencies, then run `rake`. `rake` will default to building the dummy app if it does not exist, then it will run specs. The dummy app can be regenerated by using `rake test_app`.
+
+```sh
+bundle update
+bundle exec rake test_app
+```
+
+When testing your applications integration with this extension you may use it's factories.
+Simply add this require statement to your spec_helper:
+
+```ruby
+require 'spree_cm_commissioner/factories'
+```
+
+### Run test with Github action
+
+We are utilizing GitHub Actions workflows defined in .github/workflows/publish.yml.
+
+### Run test with docker
+
+Our project includes both a Dockerfile and a docker-compose.yml configuration. If you require more fine-grained control over your workflow, including environment setup and database services, use docker-compose to build the images and run them in one go. However, you can also configure docker-compose to run tests with your external database installation.
+
+> **Note**: By default, we use a local instance of PostgreSQL.
+
+To manually build and run the Docker image with an external database:
+
+```sh
+> docker build -t central-market-comissioner_web .
+> docker run -e DATABASE_URL=postgres://postgres:@192.168.1.136:5432/spree_cm_commissioner_spree_test -e RAILS_ENV=test -it central-market-comissioner_web bash
+> bundle exec rake
+```
+
+To build and run the project with docker-compose:
+
+```sh
+docker-compose build
+docker-compose up --build
+```
+
+This setup allows you to configure the environment and database services in a single step, making it easier to manage and run tests.
+
+## Releasing
+
+```sh
+bundle exec gem bump -p -t
+bundle exec gem release
+```
+
+For more options please see [gem-release REAMDE](https://github.com/svenfuchs/gem-release)
+
+## Troubleshooting Database Lock on Taxonomy Creation Errors
+### Issue Overview
+In development, this error can occur after creating a new database and restoring the database (e.g., from a staging environment). When this happens, attempts to create a new Taxonomy may fail due to a record lock.
+
+### Error Message
+In case you create in console manualy
+```
+/usr/local/bundle/gems/activerecord-7.0.8/lib/active_record/locking/pessimistic.rb:70:in `lock!': Locking a record with unpersisted changes is not supported. Use `save` to persist the changes, or `reload` to discard them explicitly. (RuntimeError)
+```
+In case you create from web-app
+```
+Locking a record with unpersisted changes is not supported. Use save to persist the changes, or reload to discard them explicitly.
+
+Extracted source (around line #70):
+
+if persisted?
+  if has_changes_to_save?
+    raise(<<-MSG.squish)
+      Locking a record with unpersisted changes is not supported. Use
+      `save` to persist the changes, or `reload` to discard them
+      explicitly.
+```
+
+### Workaround Solution
+1.  Open the Rails console: `rails console`
+2. Find an existing Taxonomy record: `taxonomy = Spree::Taxonomy.last`
+3. Update any attribute to release the lock. For example: `taxonomy.update(name: "#{taxonomy.name}1")`
+
+This action should unlock the record, allowing you to successfully create a new Taxonomy.
+
+
+## Contributing
+
+If you'd like to contribute, please take a look at the
+[instructions](CONTRIBUTING.md) for installing dependencies and crafting a good
+pull request.
+
+Copyright (c) 2022 [name of extension creator], released under the New BSD License
+
+### Account Deletion Cron Job
+
+- **AccountDeletionCronJob**
+- Frequently: every 24 hours
+- Deleted Account will last for 1 month before it is permanently deleted
+
+### Multiple databases
+
+In most cases, Rails is able to infer the database connection. However in some instances, for example, in the spree_backend gem, it uses the GET request
+to destroy the session which in turn triggers database update that require the writing role. To fix this we need to explicitly tell Rails to use the right database connection.
+
+Error using a wrong database connection looks like this:
+
+```rb
+raise ActiveRecord::ReadOnlyError, "Write query attempted while in readonly mode: #{sql}"
+```
+
+An ActiveRecord::ReadOnlyError occurred in orders#new.
+
+```ruby
+module SpreeCmCommissioner
+  module Admin
+    module UserSessionsControllerDecorator
+      def self.prepended(base)
+        # spree_devise_auth gem use get as destroy
+        # get '/logout' => 'user_sessions#destroy', :as => :logout
+        base.around_action :set_writing_role, only: %i[destroy]
+      end
+    end
+  end
+end
+
+unless Spree::Admin::UserSessionsController.ancestors.include?(SpreeCmCommissioner::Admin::UserSessionsControllerDecorator)
+  Spree::Admin::UserSessionsController.prepend(SpreeCmCommissioner::Admin::UserSessionsControllerDecorator)
+end
+
+```
+
+## Avoid Excessive Looping
+
+This test ensures that the query for fetching events does not loop excessively for each item.
+
+### Test Explanation
+
+The test is structured as follows:
+
+1. **Capture Rails Logger**: It captures the Rails logger to inspect logs generated during the test execution.
+2. **Execute the Query**: It executes the query to fetch events.
+3. **Expectation 1**: It expects the query execution to complete without raising any errors.
+4. **Expectation 2**: It checks the captured Rails logs for any indication of excessive looping. This is done by verifying that the log messages do not include the phrase "Loop detected".
+5. **Restore Original Rails Logger**: Finally, it restores the original Rails logger.
+
+### Test Code (Ruby RSpec)
+
+```ruby
+it 'should not loop excessively for each item' do
+  # Capture the Rails logger to inspect logs
+  logs = StringIO.new
+  Rails.logger = Logger.new(logs)
+
+  # Execute the query
+  query = SpreeCmCommissioner::DashboardCrewEventQuery.new(user_id: user_a.id, section: 'incoming')
+
+  # Expectation: The query should complete without raising any errors
+  expect { query.events }.not_to raise_error
+
+  # Expectation: Check Rails logs for excessive looping
+  expect(logs.string).not_to include('Loop detected')  # Adjust this log message according to your implementation
+
+  # Restore the original Rails logger
+  Rails.logger = ActiveSupport::Logger.new(STDOUT)
+end
+
+```
+
+## Protected Cloudfront with signed requests
+
+To use signed cookies with CloudFront, you'll need to set up your CloudFront distribution to require signed cookies and then generate and distribute the signed cookies to your users. Here’s how to do it using Terraform for infrastructure setup and Ruby for cookie generation.
+
+### Generating keypair
+
+Generate private key
+
+```sh
+openssl genrsa -out private_key.pem 2048
+```
+
+Use the private_key.pem to generate the public key
+
+```sh
+openssl rsa -pubout -in private_key.pem -out public_key.pem
+```
+
+### Using the keypair i Cloudfront
+
+Currently this process can not be done directly with terraform due to the fact that Cloudfront use a global region and our Terraform script works with infrastructures in a specific region.
+
+1. Go to Cloudfront -> Select Key management and then add a key using your public key
+2. On the left navigation menu -> Select Keypair with the public key create in the step 1.
+3. Copy the id of the key pair
+
+### Using signed cookie in from Cloudfront
+
+You can send the cookies generated byt the SignedCookies
+
+```dart
+Future<void> _initializePlayer() async {
+  final client = http.Client();
+  final uri = Uri.parse(widget.url);
+  final request = http.Request('GET', uri)
+    ..headers.addAll({
+      'Cookie': widget.cookies.entries
+          .map((entry) => '${entry.key}=${entry.value}')
+          .join('; ')
+    });
+
+  final response = await client.send(request);
+
+  if (response.statusCode == 200) {
+    _videoPlayerController = VideoPlayerController.network(widget.url);
+    await _videoPlayerController.initialize();
+    _chewieController = ChewieController(
+      videoPlayerController: _videoPlayerController,
+      aspectRatio: _videoPlayerController.value.aspectRatio,
+      autoPlay: true,
+      looping: true,
+    );
+    setState(() {});
+  } else {
+    // Handle error
+    print('Error loading video');
+  }
+}
+
+```
+
+where the cookies is a
+
+```dart
+final Map<String, String> cookies;
+```
+
+## References
+
+### Adaptive bitrate player
+
+- <https://livepush.io/hls-player/index.html>
+
+## ActiveRecord Multi-Tenant
+
+### Getting the Current Tenant ID
+
+To retrieve the current tenant_id, you can use `MultiTenant.current_tenant_id`.
+
+### Defining Scope with MultiTenant
+
+To ensure queries are scoped by the current tenant, use `MultiTenant.with(@tenant)`:
+
+```ruby
+def scope
+  MultiTenant.with(@tenant) do
+    model_class.where(tenant_id: MultiTenant.current_tenant_id)
+  end
+end
+```
+
+This ensures that queries are filtered based on the current tenant, maintaining proper isolation of data across tenants.
+
+### Example: Getting `@tenant` with `MultiTenant`
+
+```ruby
+@tenant = current_tenant
+MultiTenant.with(@tenant) do
+  # Your tenant-specific code here
+  # Should scope model_class.where(tenant_id: MultiTenant.current_tenant_id)
+  # to make sure our data filter it with current Tenant
+end
+```
+
+### Wrapping Actions Without MultiTenant
+
+Use `around_action` to temporarily disable MultiTenant for specific actions:
+
+```ruby
+around_action :wrap_with_multitenant_without, except: %i[create]
+
+def wrap_with_multitenant_without(&block)
+  MultiTenant.without(&block)
+end
+```
+

data/Rakefile

@@ -0,0 +1,21 @@
+require 'bundler'
+Bundler::GemHelper.install_tasks
+
+require 'rspec/core/rake_task'
+require 'spree/testing_support/extension_rake'
+
+RSpec::Core::RakeTask.new
+
+task :default do
+  if Dir['spec/dummy'].empty?
+    Rake::Task[:test_app].invoke
+    Dir.chdir('../../')
+  end
+  Rake::Task[:spec].invoke
+end
+
+desc 'Generates a dummy app for testing'
+task :test_app do
+  ENV['LIB_NAME'] = 'spree_cm_commissioner'
+  Rake::Task['extension:test_app'].invoke
+end

data/app/assets/config/spree_cm_commissioner_manifest.js

@@ -0,0 +1,5 @@
+//= link_tree ../images
+//= link spree_cm_commissioner/backend/invoice.css
+
+//= link spree_cm_commissioner/telegram/all.js
+//= link spree_cm_commissioner/telegram/all.css

data/app/assets/images/backend-accept_all.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
+  class="bi bi-bag-check" viewBox="0 0 16 16">
+  <path fill-rule="evenodd"
+    d="M10.854 8.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 10.793l2.646-2.647a.5.5 0 0 1 .708 0z" />
+  <path
+    d="M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1zm3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4h-3.5zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V5z" />
+</svg>

data/app/assets/images/backend-alert_request_to_vendor.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
+  class="bi bi-telegram" viewBox="0 0 16 16">
+  <path
+    d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z" />
+</svg>

data/app/assets/images/backend-reject_all.svg

@@ -0,0 +1,7 @@
+<svg width="100%" height="100%" viewBox="0 0 512 512" version="1.1"
+  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
+  style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+  <g transform="matrix(5.37908e-15,-16.6134,-16.6134,-5.37908e-15,470.536,472.199)">
+      <path d="M14.061,12.927L24.78,23.646C25.073,23.939 25.073,24.414 24.78,24.707C24.487,25 24.013,25 23.72,24.707L13,13.987L2.28,24.707C1.987,25 1.513,25 1.22,24.707C0.927,24.414 0.927,23.939 1.22,23.646L11.939,12.927L1.22,2.207C0.927,1.914 0.927,1.439 1.22,1.146C1.366,1 1.558,0.927 1.75,0.927C1.942,0.927 2.134,1 2.28,1.146L13,11.866L23.72,1.146C23.866,1 24.058,0.927 24.25,0.927C24.442,0.927 24.634,1 24.78,1.146C25.073,1.439 25.073,1.914 24.78,2.207L14.061,12.927Z" style="fill-rule:nonzero;stroke:currentColor;stroke-width:2.05px;"/>
+  </g>
+</svg>

data/app/assets/images/cm-24-hour-hot-water-icon.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g>
+    <path
+    fill="currentcolor"
+      d="M13.84,19.44c.31-.31,.53-.55,.69-.71,.3-.31,.34-.42,.34-.58,0-.2-.13-.3-.26-.3-.12,0-.27,.06-.27,.35h-.53c0-.3,.09-.52,.23-.67,.14-.15,.35-.21,.57-.21,.46,0,.8,.34,.8,.84,0,.22-.06,.41-.17,.57-.14,.18-.37,.4-.7,.73h.88v.49h-1.58v-.52Z" />
+    <path
+    fill="currentcolor"
+      d="M16.44,19.44h-.92v-.47l.9-1.6h.51v1.6h.25v.47h-.25v.52h-.5v-.52Zm0-.47v-.85l-.45,.85h.45Z" />
+    <path fill="currentcolor" d="M17.57,19.95v-2.59h.53v.99h.63v-.99h.53v2.59h-.53v-1.11h-.63v1.11h-.53Z" />
+  </g>
+  <path
+  fill="currentcolor"
+    d="M12.01,11.29c0-2.25,1.64-4.11,3.79-4.46-.23-2.09-2.12-3.6-4.21-3.37-1.93,.21-3.39,1.84-3.39,3.78v14.05c0,.39-.32,.71-.71,.71s-.71-.32-.71-.71V7.24c0-2.89,2.35-5.24,5.24-5.24s5.01,2.12,5.22,4.82c2.17,.34,3.83,2.21,3.83,4.47h.24c.39,0,.71,.32,.71,.71s-.32,.71-.71,.71H11.77c-.39,0-.71-.32-.71-.71s.32-.71,.71-.71h.24Zm1.43,0h6.19c0-1.71-1.39-3.1-3.1-3.1s-3.1,1.39-3.1,3.1h0Zm.24,1.9c.39,0,.71,.32,.71,.71v1.43c0,.39-.32,.71-.71,.71s-.71-.32-.71-.71v-1.43c0-.39,.32-.71,.71-.71Zm2.86,0c.39,0,.71,.32,.71,.71v1.43c0,.39-.32,.71-.71,.71s-.71-.32-.71-.71v-1.43c0-.39,.32-.71,.71-.71Zm2.86,0c.39,0,.71,.32,.71,.71v1.43c0,.39-.32,.71-.71,.71s-.71-.32-.71-.71v-1.43c0-.39,.32-.71,.71-.71Z" />
+</svg>

data/app/assets/images/cm-ac-icon.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="currentcolor" d="M12,15.94c-.41,0-.71,.3-.71,.71v2.79c0,.41,.3,.71,.71,.71s.71-.3,.71-.71v-2.79c0-.41-.3-.71-.71-.71Z"/>
+  <path fill="currentcolor" d="M15.72,16.87c-.41,0-.71,.3-.71,.71v.93c0,.41,.3,.71,.71,.71s.71-.3,.71-.71v-.93c0-.41-.3-.71-.71-.71Z"/>
+  <path fill="currentcolor" d="M8.28,16.87c-.41,0-.71,.3-.71,.71v.93c0,.41,.3,.71,.71,.71s.71-.3,.71-.71v-.93c0-.41-.3-.71-.71-.71Z"/>
+  <path fill="currentcolor" d="M20.36,3.86H3.64c-.92,0-1.64,.72-1.64,1.64v7.43c0,.92,.72,1.64,1.64,1.64H20.36c.92,0,1.64-.72,1.64-1.64V5.5c0-.92-.72-1.64-1.64-1.64Zm-2.79,5.57H6.42c-.41,0-.71,.3-.71,.71v3.01H3.64c-.14,0-.22-.08-.22-.22V5.5c0-.14,.08-.22,.22-.22H20.36c.14,0,.22,.08,.22,.22v7.43c0,.14-.08,.22-.22,.22h-2.08v-3.01c0-.41-.3-.71-.71-.71Zm-.71,3.72H7.13v-2.3h9.73v2.3Z"/>
+  <path fill="currentcolor" d="M17.58,6.65h-1.86c-.41,0-.71,.3-.71,.71s.3,.71,.71,.71h1.86c.41,0,.71-.3,.71-.71s-.3-.71-.71-.71Z"/>
+</svg>

data/app/assets/images/cm-alarm-clock-icon.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="New" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="currentcolor" d="M12.78,12.36v-4.08c0-.22-.07-.4-.22-.55-.15-.15-.33-.22-.55-.22-.22,0-.4,.07-.55,.22-.15,.15-.22,.33-.22,.55v4.32c0,.12,.02,.24,.07,.36,.05,.11,.12,.22,.21,.31l3.03,3.03c.14,.14,.32,.22,.54,.22,.22,0,.4-.07,.55-.22,.15-.15,.22-.33,.22-.55s-.07-.4-.22-.55l-2.84-2.84Zm-.78,9.11c-1.22,0-2.36-.23-3.43-.69-1.07-.46-2-1.09-2.79-1.88-.79-.79-1.42-1.72-1.88-2.79-.46-1.07-.69-2.21-.69-3.43s.23-2.36,.69-3.43c.46-1.07,1.09-2,1.88-2.79,.79-.79,1.72-1.42,2.79-1.88,1.07-.46,2.21-.69,3.43-.69s2.36,.23,3.43,.69c1.07,.46,2,1.09,2.79,1.88,.79,.79,1.42,1.72,1.88,2.79,.46,1.07,.69,2.21,.69,3.43s-.23,2.36-.69,3.43c-.46,1.07-1.09,2-1.88,2.79-.79,.79-1.72,1.42-2.79,1.88-1.07,.46-2.21,.69-3.43,.69ZM2.09,6.76c-.15-.15-.22-.33-.22-.55,0-.21,.07-.4,.22-.55l2.91-2.91c.14-.14,.32-.22,.54-.22,.22,0,.4,.07,.55,.22,.15,.15,.22,.33,.22,.55s-.07,.4-.22,.55l-2.91,2.91c-.14,.14-.32,.22-.54,.22-.22,0-.4-.07-.55-.22Zm19.83,0c-.15,.15-.33,.22-.55,.22s-.4-.07-.55-.22l-2.91-2.91c-.14-.14-.22-.32-.22-.54,0-.22,.07-.4,.22-.55,.15-.15,.33-.22,.55-.22s.4,.07,.55,.22l2.91,2.91c.14,.14,.22,.32,.22,.54,0,.22-.07,.4-.22,.55Zm-9.91,13.16c2.01,0,3.72-.7,5.13-2.11,1.41-1.41,2.11-3.12,2.11-5.13s-.7-3.72-2.11-5.13c-1.41-1.41-3.12-2.11-5.13-2.11s-3.72,.7-5.13,2.11c-1.41,1.41-2.11,3.12-2.11,5.13s.7,3.72,2.11,5.13c1.41,1.41,3.12,2.11,5.13,2.11Z"/>
+</svg>

data/app/assets/images/cm-balcony-icon.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="currentcolor" d="M21.33,13.13h-2.96V3.25c0-.76-.62-1.38-1.38-1.38H7c-.76,0-1.38,.62-1.38,1.38V13.13H2.67c-.44,0-.79,.35-.79,.79v5.58c0,1.45,1.18,2.62,2.62,2.62h15c1.45,0,2.62-1.18,2.62-2.62v-5.58c0-.44-.35-.79-.79-.79Zm-15.83,7.5h-1.01c-.62,0-1.12-.5-1.12-1.12v-4.88h2.13v6Zm1.5-6h2.23v6h-2.23v-6Zm3.73,0h2.61v6h-2.61v-6Zm4.11,0h2.01v6h-2.01v-6Zm3.51,0h2.27v4.88c0,.62-.5,1.12-1.12,1.12h-1.14v-6ZM7.13,3.38h9.75V13.13H7.13V3.38Z"/>
+  <circle fill="currentcolor" cx="15.04" cy="9.38" r="1.25"/>
+</svg>

data/app/assets/images/cm-bar-icon.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="New" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
+  <defs>
+    <clipPath id="clippath">
+      <rect width="24" height="24" style="fill: none;"/>
+    </clipPath>
+  </defs>
+  <g style="clip-path: url(#clippath);">
+    <g>
+      <path fill="currentcolor" d="M18.69,4.42c-.18-.45-.62-.75-1.11-.75H2.94c-.49,0-.92,.3-1.1,.75-.19,.46-.08,.98,.28,1.32l7.33,7h.01c.23,.24,.53,.35,.83,.35s.57-.11,.79-.31h0s.02-.02,.03-.03l4.56-4.39,.1-.09,1.14-1.09,.11-.1,1.39-1.34c.35-.34,.46-.86,.28-1.32Zm-8.41,6.85L4.06,5.31h12.41l-.75,.72-.21,.2-.99,.97-.08,.08-4.16,3.99Z"/>
+      <path fill="currentcolor" d="M17.89,.42c-1.96,0-3.62,1.29-4.19,3.07-.13,.42-.2,.85-.2,1.3,0,.14,.01,.29,.02,.43h1.74c-.02-.14-.03-.28-.03-.43,0-.47,.13-.92,.35-1.3,.46-.8,1.31-1.34,2.31-1.34,1.45,0,2.64,1.19,2.64,2.64s-1.19,2.64-2.64,2.64c-.12,0-.22-.01-.33-.01-.28-.03-.54-.12-.78-.23-.37-.17-.7-.43-.96-.75l-1.14,1.12-.09,.09c.25,.3,.55,.57,.89,.78,.21,.14,.42,.25,.65,.36,.54,.24,1.14,.37,1.78,.37,2.41,0,4.37-1.96,4.37-4.37S20.3,.42,17.89,.42Z"/>
+      <path fill="currentcolor" d="M12.44,21.02h-4.36c-.41,0-.75-.34-.75-.75s.34-.75,.75-.75h4.36c.41,0,.75,.34,.75,.75s-.34,.75-.75,.75Z"/>
+      <path fill="currentcolor" d="M10.26,21.02c-.41,0-.75-.31-.75-.7V11.95c0-.39,.34-.7,.75-.7s.75,.31,.75,.7v8.37c0,.39-.34,.7-.75,.7Z"/>
+    </g>
+  </g>
+</svg>

data/app/assets/images/cm-bathrobe-icon.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="New" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="currentcolor" d="M17.69,3.43h-.46c-.5-.88-1.44-1.43-2.45-1.43h-5.56c-1,0-1.93,.55-2.4,1.43h-.51c-1.59,0-2.88,1.29-2.88,2.88v12.83c.01,1.58,1.3,2.86,2.88,2.86h11.38c1.58,0,2.87-1.28,2.88-2.86V6.31c0-1.59-1.29-2.88-2.88-2.88Zm-8.47,0h5.56c.5,0,.97,.27,1.21,.71l.03,.06-3.98,6.26-3.94-6.36-.04,.03c.22-.43,.67-.7,1.16-.7Zm-4.36,2.88c0-.8,.65-1.45,1.45-1.45h.58l4.3,6.94-1.94,3.06H4.86V6.31Zm5.13,10.03l.03-.05h9.12v1.43H4.86v-1.43h5.05l.08,.05Zm7.7,4.23H6.31c-.79,0-1.44-.64-1.45-1.43h14.29c-.01,.79-.66,1.43-1.45,1.43Zm-6.76-5.71l6.36-10h.4c.8,0,1.45,.65,1.45,1.45V14.86H10.93Z"/>
+</svg>

data/app/assets/images/cm-bathtub-icon.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="currentcolor" d="M22.11,11.22H7.15c0-1,.01-3.86,.09-6.16,.02-.66,.27-1.15,.69-1.37,.44-.24,1.1-.18,1.86,.16-.36,1.21,.42,2.25,.95,2.68,.29,.23,.75,.2,1.01-.08l2.32-2.53c.27-.3,.26-.76-.04-1.04-.8-.76-1.59-.85-2.12-.8-.57,.06-1,.31-1.28,.52-1.27-.64-2.48-.72-3.4-.23-.89,.48-1.42,1.43-1.47,2.62-.08,2.34-.09,5.21-.1,6.21H1.89c-.41,0-.74,.33-.74,.74s.33,.74,.74,.74h.59l.32,2.64c.14,1.09,.86,3.22,2.64,4.31v1.61c0,.41,.33,.74,.74,.74s.74-.33,.74-.74v-1.02c.19,.04,.37,.07,.54,.09,1.4,.14,3.28,.2,5.57,.2,1.87,0,2.39-.01,2.56-.02,0,0,.98-.03,1.04-.05,.51-.09,.32-.05,.74-.2v1c0,.41,.33,.74,.74,.74s.74-.33,.74-.74v-1.76c1.02-.71,2.3-2.05,2.7-4.48,.16-.97,.23-1.74,.2-2.32h.36c.41,0,.74-.33,.74-.74s-.33-.74-.74-.74Zm-2.02,3.56c-.29,1.77-1.13,2.81-1.93,3.41-.72,.55-1.61,.8-2.52,.82-1.65,.04-5.46,.08-8.04-.17-2.81-.27-3.31-3.56-3.33-3.7l-.3-2.45H20.27c.02,.35,0,.98-.18,2.08ZM11.37,3.96c.12-.17,.38-.36,.69-.39,.11,0,.21,0,.32,.03l-1.13,1.23c-.12-.3-.08-.59,.12-.86Z"/>
+</svg>

data/app/assets/images/cm-billiards-room-icon.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="New" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="currentcolor" d="M12,3.5c4.69,0,8.5,3.81,8.5,8.5s-3.81,8.5-8.5,8.5S3.5,16.68,3.5,12,7.31,3.5,12,3.5m0-1.5C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.47,10-10S17.53,2,12,2h0Z"/>
+  <path fill="currentcolor" d="M12,8.51c1.93,0,3.49,1.57,3.49,3.49s-1.57,3.49-3.49,3.49-3.49-1.57-3.49-3.49,1.57-3.49,3.49-3.49m0-1.5c-2.76,0-4.99,2.24-4.99,4.99s2.24,4.99,4.99,4.99,4.99-2.23,4.99-4.99-2.23-4.99-4.99-4.99h0Z"/>
+  <path fill="currentcolor" d="M11.95,9.8c-.32,0-.59,.05-.81,.15-.22,.11-.39,.24-.49,.41-.11,.18-.17,.36-.17,.57,0,.41,.18,.72,.55,.91-.2,.1-.36,.24-.47,.41-.12,.17-.17,.38-.17,.62,0,.27,.07,.5,.2,.71,.14,.2,.33,.35,.56,.45,.24,.1,.5,.16,.79,.16s.55-.06,.79-.16c.24-.1,.43-.25,.56-.45,.14-.2,.21-.44,.21-.71,0-.24-.05-.45-.17-.62-.11-.18-.27-.31-.48-.41,.17-.08,.3-.21,.4-.36,.1-.16,.15-.34,.15-.55s-.06-.4-.16-.57c-.11-.17-.28-.3-.5-.41-.22-.1-.49-.15-.81-.15h0Zm0,1.77c-.14,0-.26-.04-.35-.13-.09-.08-.14-.2-.14-.35,0-.16,.05-.29,.13-.37,.09-.09,.22-.13,.36-.13,.15,0,.28,.04,.36,.13,.09,.09,.14,.21,.14,.37,0,.15-.05,.27-.14,.36-.09,.08-.21,.13-.36,.13h0Zm0,1.81c-.19,0-.33-.05-.44-.15-.11-.11-.17-.24-.17-.4,0-.18,.06-.31,.17-.4,.11-.1,.26-.15,.44-.15s.33,.05,.44,.15c.11,.1,.16,.24,.16,.4s-.05,.29-.16,.4c-.1,.1-.25,.15-.44,.15h0Z"/>
+</svg>

data/app/assets/images/cm-blackout-curtains-icon.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="New" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="currentcolor" d="M22.75,3.37c0-.4-.32-.72-.72-.72H1.97c-.4,0-.72,.32-.72,.72,0,.4,.32,.72,.72,.72h0V20.67c0,.4,.32,.67,.72,.67H7.08c.4,0,.64-.28,.64-.67v-.69s.08-.05,.08-.07h8.47s.08,.05,.08,.07v.69c0,.4,.24,.67,.64,.67h4.4c.4,0,.72-.28,.72-.67V4.08c.37-.03,.65-.34,.65-.71Zm-2.09,.72V13.44h-2.76c-1.78-1.44-2.99-5.36-2.99-8.91v-.43h5.75Zm-11.5,0v.43c0,3.56-1.21,7.48-2.99,8.91H3.41V4.09h5.75ZM3.41,19.91v-5.03h2.3c.4,1.44,.65,3.59,.66,5.03H3.41Zm3.62-5.37c2.37-2.03,3.57-6.61,3.57-10.01v-.43h.72v14.38h-3.57c-.11-1.33-.35-2.65-.72-3.93Zm5.73,3.93V4.09h.72v.43c0,3.41,1.2,7.98,3.57,10.01-.37,1.28-.61,2.6-.72,3.93h-3.57Zm7.91,1.44h-2.96c0-1.44,.26-3.59,.66-5.03h2.3v5.03Z"/>
+</svg>

data/app/assets/images/cm-body-wash-icon.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="New" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="currentcolor" d="M18.75,21.75H5.25c-.82,0-1.5-.67-1.5-1.5v-7.5c0-2.07,1.68-3.75,3.75-3.75h9c2.07,0,3.75,1.68,3.75,3.75v7.5c0,.83-.67,1.5-1.5,1.5ZM7.5,10.5c-1.24,0-2.25,1.01-2.25,2.25v7.5h13.5v-7.5c0-1.24-1.01-2.25-2.25-2.25H7.5Z"/>
+  <path fill="currentcolor" d="M16.5,10.5c-.41,0-.75-.34-.75-.75v-1.52c0-.82-.67-1.48-1.49-1.48h-4.53c-.39,0-.77,.16-1.05,.44s-.43,.66-.43,1.06v1.5c0,.41-.34,.75-.75,.75s-.75-.34-.75-.75v-1.5c0-.8,.3-1.55,.86-2.12s1.31-.88,2.11-.88h4.54c1.64,0,2.98,1.33,2.99,2.98v1.52c0,.41-.34,.75-.75,.75Zm.75-6c-.41,0-.75-.34-.75-.75s-.34-.75-.75-.75h-6c-.41,0-.75-.34-.75-.75s.34-.75,.75-.75h6c1.24,0,2.25,1.01,2.25,2.25,0,.41-.34,.75-.75,.75Z"/>
+  <path fill="currentcolor" d="M12,6.75c-.41,0-.75-.34-.75-.75V2.25c0-.41,.34-.75,.75-.75s.75,.34,.75,.75v3.75c0,.41-.34,.75-.75,.75Z"/>
+</svg>

data/app/assets/images/cm-bookme-plus-icon.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="213" height="34" viewBox="44 0 213 34" fill="none">
+  <path d="M32.6848 13.9652C33.4158 12.968 33.89 11.9041 34.0901 10.8032L34.5198 8.44836C34.9767 5.94294 34.3815 3.91886 32.7514 2.43041C31.1485 0.969125 28.78 0.228607 25.7174 0.228607H8.91779L6.42822 13.8838L5.30199 20.0622L3.64228 29.1681C3.38048 30.5948 3.63734 31.7697 4.40051 32.6608C5.16121 33.5495 6.2825 33.9987 7.73722 33.9987H21.1656C24.4183 33.9987 27.1944 33.1989 29.4147 31.6241C31.6647 30.0271 33.0552 27.8549 33.5467 25.1668L33.9938 22.7181C34.2778 21.1581 34.0432 19.7289 33.2948 18.4676C32.6576 17.3988 31.7462 16.5743 30.5731 16.0091C31.398 15.4463 32.1093 14.76 32.6897 13.9652H32.6848ZM26.6782 22.7181L26.3003 24.7891C26.1398 25.6654 25.7051 26.3195 24.9715 26.7935C24.201 27.2896 23.1587 27.5389 21.8695 27.5389H11.2493L12.6126 20.0622H23.9392C24.932 20.0622 25.6878 20.3139 26.1768 20.8125C26.6584 21.3013 26.8214 21.9258 26.6757 22.7181H26.6782ZM27.0783 9.15679L26.7869 10.7588C26.6115 11.7264 26.204 12.4718 25.5445 13.042C24.8876 13.6098 24.1293 13.8862 23.2303 13.8862H13.7413L15.0528 6.69086H24.3072C25.3099 6.69086 26.0706 6.92289 26.5695 7.38201C27.0511 7.82386 27.2166 8.40393 27.0808 9.15926L27.0783 9.15679Z" fill="white"/>
+  <path d="M23.0902 13.8849V20.0608H0L1.13858 13.8849H23.0902Z" fill="white"/>
+  <path d="M59.2952 10.1125C57.8676 9.30038 56.1116 8.89062 54.0789 8.89062H49.8383C47.8056 8.89062 45.8989 9.30285 44.1775 10.1125C42.4436 10.9295 40.979 12.0971 39.8232 13.5855C38.6698 15.0715 37.9091 16.7969 37.5584 18.7124L36.5532 24.2218C36.2024 26.1398 36.3284 27.8578 36.9261 29.324C37.5263 30.7976 38.5586 31.9528 40.001 32.7526C41.4286 33.5474 43.1846 33.9498 45.2197 33.9498H49.4604C51.5276 33.9498 53.4442 33.5474 55.1632 32.7526C56.8945 31.9528 58.3566 30.8001 59.51 29.3265C60.661 27.8553 61.4217 26.1398 61.7699 24.2218L62.7751 18.7124C63.1258 16.7944 62.9925 15.0715 62.3824 13.5855C61.7699 12.0971 60.7326 10.9295 59.2952 10.1125ZM46.467 27.6307C45.4815 27.6307 44.7677 27.2851 44.2812 26.5693C43.7823 25.8386 43.6464 24.9006 43.8663 23.7035L44.6986 19.1369C44.9135 17.9546 45.4049 16.9919 46.1607 16.2687C46.9066 15.5553 47.7611 15.2097 48.7787 15.2097H52.8292C53.8443 15.2097 54.5753 15.5578 55.0619 16.2687C55.5534 16.9894 55.6917 17.9546 55.4768 19.1345L54.6445 23.701C54.4296 24.8809 53.9381 25.846 53.1848 26.5668C52.439 27.2802 51.5671 27.6282 50.5175 27.6282H46.467V27.6307Z" fill="white"/>
+  <path d="M87.3811 10.1125C85.9535 9.30038 84.1975 8.89062 82.1649 8.89062H77.9242C75.8891 8.89062 73.9848 9.30285 72.2634 10.1125C70.5296 10.9295 69.065 12.0971 67.9091 13.5855C66.7557 15.0715 65.995 16.7969 65.6443 18.7124L64.6391 24.2218C64.2884 26.1398 64.4143 27.8553 65.012 29.324C65.6122 30.8001 66.647 31.9528 68.0869 32.7526C69.5145 33.5474 71.2681 33.9498 73.3032 33.9498H77.5438C79.6086 33.9498 81.5276 33.5474 83.2442 32.7526C84.9755 31.9528 86.4376 30.8001 87.591 29.3265C88.742 27.8553 89.5027 26.1398 89.8509 24.2218L90.8561 18.7124C91.2068 16.7944 91.0735 15.0715 90.4634 13.5855C89.8509 12.0971 88.8136 10.9295 87.3761 10.1125H87.3811ZM71.9547 23.7035L72.787 19.1369C73.0019 17.9546 73.4934 16.9919 74.2491 16.2711C74.995 15.5578 75.852 15.2122 76.8671 15.2122H80.9176C81.9352 15.2122 82.6638 15.5578 83.1503 16.2711C83.6418 16.9919 83.7801 17.957 83.5652 19.1369L82.7329 23.7035C82.518 24.8834 82.0265 25.8485 81.2708 26.5693C80.5249 27.2826 79.6531 27.6282 78.6059 27.6282H74.5529C73.5674 27.6282 72.8537 27.2826 72.3671 26.5668C71.8682 25.8362 71.7324 24.8982 71.9522 23.701L71.9547 23.7035Z" fill="white"/>
+  <path d="M119.882 9.64351H111.282L100.973 18.4359L104.302 0.179688H97.083L90.9258 33.9498H98.1426L99.4491 26.7914L101.877 24.7377L107.387 33.9498H115.666L107.454 20.0675L119.882 9.64351Z" fill="white"/>
+  <path d="M138.153 19.1197L131.174 0.179688H124.737L118.58 33.9473H125.75L129.341 14.2545L133.473 25.4067C133.651 25.888 133.856 26.3076 134.083 26.6557L134.103 26.6853C134.278 26.9568 134.468 27.179 134.668 27.3518C135.15 27.7615 135.758 27.9689 136.469 27.9689H136.61C137.326 27.9689 138.008 27.7615 138.637 27.3493C138.909 27.1716 139.181 26.947 139.433 26.6952C139.786 26.357 140.159 25.925 140.542 25.4067L148.739 14.2545L145.148 33.9473H152.323L158.48 0.179688H152.039L138.153 19.1172V19.1197Z" fill="white"/>
+  <path d="M181.104 11.5417C179.533 9.78171 177.162 8.89062 174.055 8.89062H170.286C168.254 8.89062 166.347 9.30285 164.625 10.1125C162.892 10.9295 161.427 12.0897 160.279 13.5608C159.128 15.0295 158.367 16.7475 158.016 18.6679L156.91 24.7427C156.581 26.5396 156.737 28.1564 157.367 29.5511C157.999 30.9433 159.051 32.0417 160.496 32.8069C161.928 33.5672 163.684 33.9547 165.715 33.9547H169.296C171.321 33.9547 173.206 33.6116 174.897 32.9328C176.609 32.2441 178.046 31.2469 179.168 29.9658C180.138 28.855 180.81 27.5961 181.168 26.2163H173.956C173.761 26.5643 173.465 26.8655 173.06 27.1247C172.381 27.5591 171.524 27.7788 170.516 27.7788H166.841C165.808 27.7788 165.072 27.5073 164.588 26.9469C164.107 26.3965 163.956 25.6757 164.127 24.7451L164.26 24.0194H181.692L182.677 18.6235C183.211 15.6935 182.682 13.314 181.106 11.5466L181.104 11.5417ZM175.557 18.5914H165.159C165.396 17.5325 165.868 16.6661 166.559 16.0119C167.303 15.3134 168.16 14.9727 169.177 14.9727H172.993C173.979 14.9727 174.685 15.2912 175.154 15.9453C175.623 16.6068 175.757 17.4708 175.557 18.5914Z" fill="white"/>
+  <path d="M212.721 17.7719H203.706L205.171 9.74219H198.344L196.88 17.7719H188.156L186.877 24.676H195.62L194.099 33.0241H200.925L202.447 24.676H211.449L212.721 17.7719Z" fill="white"/>
+</svg>

data/app/assets/images/cm-bottle-water-icon.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="New" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="currentcolor" d="M14.79,10.52h-5.57c-.07,.27-.17,.53-.32,.77-.14,.25-.32,.46-.53,.64l.74,8.16c.01,.08,.05,.15,.11,.21,.06,.06,.13,.09,.22,.09h5.12c.09,0,.16-.03,.22-.09,.06-.06,.09-.13,.11-.21l.74-8.16c-.21-.19-.39-.41-.53-.65-.14-.24-.25-.49-.32-.76Zm-5.93-4l-.29,1.17c.15,.18,.29,.38,.4,.58,.11,.2,.2,.42,.26,.65h5.57c.06-.23,.14-.44,.25-.65,.11-.21,.25-.4,.41-.58l-.29-1.17h-6.3Zm.59,15.48c-.49,0-.93-.16-1.3-.49-.37-.33-.58-.74-.63-1.24l-.79-8.66c-.02-.16,0-.3,.08-.43,.07-.13,.17-.24,.3-.33,.18-.14,.32-.3,.43-.48,.11-.19,.17-.39,.17-.62,0-.2-.04-.39-.12-.58-.08-.18-.2-.34-.35-.47-.14-.09-.25-.21-.32-.37-.07-.16-.08-.32-.03-.48l.54-2.2c.05-.22,.16-.4,.34-.53,.18-.13,.38-.2,.61-.2h2.83v-1.31h-.8c-.23,0-.42-.08-.57-.23-.15-.15-.23-.34-.23-.57s.08-.42,.23-.57c.15-.15,.34-.23,.57-.23h3.2c.23,0,.42,.08,.57,.23,.15,.15,.23,.34,.23,.57s-.08,.42-.23,.57c-.15,.15-.34,.23-.57,.23h-.8v1.31h2.83c.23,0,.42,.06,.59,.19,.17,.13,.28,.31,.33,.53l.56,2.18c.05,.16,.04,.32-.03,.48-.07,.16-.17,.28-.32,.37-.16,.12-.28,.27-.36,.44-.08,.18-.13,.36-.13,.57,0,.24,.05,.45,.16,.64,.1,.19,.25,.36,.43,.49,.13,.09,.24,.2,.31,.33s.1,.28,.09,.43l-.77,8.65c-.05,.5-.26,.92-.63,1.26-.37,.34-.8,.51-1.3,.51,0,0-5.12,0-5.12,0Z"/>
+  <path fill="currentcolor" d="M12.01,14.18l.63,1.09c.28,.48-.07,1.09-.63,1.09s-.91-.61-.63-1.09l.63-1.09m0-2.18l-.95,1.64-.63,1.09c-.33,.57-.33,1.25,0,1.82,.33,.57,.92,.91,1.57,.91s1.25-.34,1.57-.91c.33-.57,.33-1.25,0-1.82l-.63-1.09-.95-1.64h0Z"/>
+</svg>

data/app/assets/images/cm-box.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentcolor" class="bi bi-box-seam" viewBox="0 0 16 16">
+  <path d="M8.186 1.113a.5.5 0 0 0-.372 0L1.846 3.5l2.404.961L10.404 2l-2.218-.887zm3.564 1.426L5.596 5 8 5.961 14.154 3.5l-2.404-.961zm3.25 1.7-6.5 2.6v7.922l6.5-2.6V4.24zM7.5 14.762V6.838L1 4.239v7.923l6.5 2.6zM7.443.184a1.5 1.5 0 0 1 1.114 0l7.129 2.852A.5.5 0 0 1 16 3.5v8.662a1 1 0 0 1-.629.928l-7.185 2.874a.5.5 0 0 1-.372 0L.63 13.09a1 1 0 0 1-.63-.928V3.5a.5.5 0 0 1 .314-.464L7.443.184z"/>
+</svg>