@things-factory/operato-wms 7.0.0-alpha.9 → 7.0.0

package/client/pages/order/release-order/rejected-release-order.js

@@ -1,10 +1,10 @@
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import '@operato/data-grist'
 import { getRenderer } from '@operato/data-grist'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, PageView } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import '../../components/popup-note'
@@ -48,7 +48,7 @@ class RejectedReleaseOrder extends localize(i18next)(PageView) {
           flex: 4;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -72,7 +72,7 @@ class RejectedReleaseOrder extends localize(i18next)(PageView) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {
@@ -104,7 +104,7 @@ class RejectedReleaseOrder extends localize(i18next)(PageView) {
           text-overflow: ellipsis;
           overflow: hidden;
           white-space: nowrap;
-          color: var(--primary-color);
+          color: var(--md-sys-color-primary);
           font-size: var(--fontsize-default);
         }
         [attachment-wrap] {
@@ -204,14 +204,13 @@ class RejectedReleaseOrder extends localize(i18next)(PageView) {
                 <label>${i18next.t('label.attachment')}</label>
                 <ul attachment-wrap>
                   ${(this._attachments || []).map(
-                    attachment =>
-                      html`
-                        <li>
-                          <a href="${location.origin}/attachment/${attachment.path}" download
-                            ><mwc-icon>attach_file</mwc-icon> ${attachment.name}</a
-                          >
-                        </li>
-                      `
+                    attachment => html`
+                      <li>
+                        <a href="${location.origin}/attachment/${attachment.path}" download
+                          ><mwc-icon>attach_file</mwc-icon> ${attachment.name}</a
+                        >
+                      </li>
+                    `
                   )}
                 </ul>
               `

package/client/pages/order/release-order/release-extra-product-popup.js

@@ -4,10 +4,10 @@ import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, CustomAlert } from '@things-factory/shell'
-import { ScrollbarStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { ScrollbarStyles } from '@operato/styles'
+import { isMobileDevice } from '@operato/utils'
 
 import { fetchLocationSortingRule } from '../../../fetch-location-sorting-rule'
 import {
@@ -28,7 +28,7 @@ export class ReleaseExtraProductPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow: hidden;
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
         .picking-std-container {
           margin-top: 0px;
@@ -81,7 +81,7 @@ export class ReleaseExtraProductPopup extends localize(i18next)(LitElement) {
           margin: var(--button-container-button-margin);
 
           padding: var(--button-padding);
-          color: var(--theme-white-color);
+          color: var(--md-sys-color-on-primary);
           font: var(--button-font);
           text-transform: var(--button-text-transform);
         }

package/client/pages/order/release-order/release-order-detail.js

@@ -14,11 +14,11 @@ import { connect } from 'pwa-helpers/connect-mixin'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { getRenderer } from '@operato/data-grist'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { openPopup } from '@operato/layout'
 import { client, CustomAlert, navigate, PageView, store } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 
 import { fetchSettingRule } from '../../../fetch-setting-value'
 import {
@@ -122,7 +122,7 @@ class ReleaseOrderDetail extends connect(store)(localize(i18next)(PageView)) {
           overflow-y: auto;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -153,7 +153,7 @@ class ReleaseOrderDetail extends connect(store)(localize(i18next)(PageView)) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {
@@ -213,7 +213,7 @@ class ReleaseOrderDetail extends connect(store)(localize(i18next)(PageView)) {
           text-overflow: ellipsis;
           overflow: hidden;
           white-space: nowrap;
-          color: var(--primary-color);
+          color: var(--md-sys-color-primary);
           font-size: var(--fontsize-default);
         }
         [attachment-wrap] {
@@ -430,7 +430,7 @@ class ReleaseOrderDetail extends connect(store)(localize(i18next)(PageView)) {
 
               <label ?hidden="${this.roType === 'b2b'}">${i18next.t('label.order_remark')}</label>
               <textarea name="remark" ?hidden="${this.roType === 'b2b'}" rows="5" ?readonly="${!this
-      ?._editable}"></textarea>
+                ?._editable}"></textarea>
 
               ${
                 this._crossDocking
@@ -446,14 +446,13 @@ class ReleaseOrderDetail extends connect(store)(localize(i18next)(PageView)) {
                       <label>${i18next.t('label.attachment')}</label>
                       <ul attachment-wrap>
                         ${(this._attachments || []).map(
-                          attachment =>
-                            html`
-                              <li>
-                                <a href="${location.origin}/attachment/${attachment.path}" download
-                                  ><mwc-icon>attach_file</mwc-icon> ${attachment.name}</a
-                                >
-                              </li>
-                            `
+                          attachment => html`
+                            <li>
+                              <a href="${location.origin}/attachment/${attachment.path}" download
+                                ><mwc-icon>attach_file</mwc-icon> ${attachment.name}</a
+                              >
+                            </li>
+                          `
                         )}
                       </ul>
                     `
@@ -594,26 +593,26 @@ class ReleaseOrderDetail extends connect(store)(localize(i18next)(PageView)) {
 
             <label>${i18next.t('label.state')}</label>
             <input ?disabled=${this._disableBillingAddress} name="billingState" .value="${
-      this._releaseOrder.billingState
-    }" />
+              this._releaseOrder.billingState
+            }" />
 
             <label>${i18next.t('label.city')}</label>
             <input ?disabled=${this._disableBillingAddress} name="billingCity" .value="${
-      this._releaseOrder.billingCity
-    }" />
+              this._releaseOrder.billingCity
+            }" />
 
             <label>${i18next.t('label.billing_address')}</label>
             <textarea ?disabled=${this._disableBillingAddress} name="billingAddress" .value="${
-      this._releaseOrder.billingAddress || ''
-    }"></textarea>
+              this._releaseOrder.billingAddress || ''
+            }"></textarea>
                 
               <input type="checkbox" id="matchDeliveryAddress"  name="matchDeliveryAddressInputa" ?checked=${
                 this._releaseOrder.postalCode == this._releaseOrder.billingPostalCode &&
                 this._releaseOrder.billingAddress == this._releaseOrder.deliveryAddress1
               } @click=${e => {
-      e.currentTarget.checked ? (this._disableBillingAddress = true) : (this._disableBillingAddress = false)
-      e.currentTarget.checked ? this.matchDeliveryAddress() : ''
-    }} />
+                e.currentTarget.checked ? (this._disableBillingAddress = true) : (this._disableBillingAddress = false)
+                e.currentTarget.checked ? this.matchDeliveryAddress() : ''
+              }} />
               <label for="matchDeliveryAddress">${i18next.t('label.match_delivery_address')}</label>
 
  
@@ -635,15 +634,14 @@ class ReleaseOrderDetail extends connect(store)(localize(i18next)(PageView)) {
           <select name="containerSize" required>
             <option value="">--${i18next.t('label.please_select_a_container_size')}--</option>
             ${(this.containerSizes || []).map(
-              containerSize =>
-                html`
-                  <option
-                    value="${containerSize && containerSize.name}"
-                    ?selected="${containerSize.name === this._shippingOrder?.containerSize ? true : false}"
-                  >
-                    ${containerSize && containerSize.name}
-                  </option>
-                `
+              containerSize => html`
+                <option
+                  value="${containerSize && containerSize.name}"
+                  ?selected="${containerSize.name === this._shippingOrder?.containerSize ? true : false}"
+                >
+                  ${containerSize && containerSize.name}
+                </option>
+              `
             )}
           </select>
 

package/client/pages/order/return-order/check-return-order.js

@@ -1,9 +1,9 @@
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import '@operato/data-grist'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, CustomAlert, navigate, PageView, store } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
@@ -48,7 +48,7 @@ class CheckReturnOrder extends connect(store)(localize(i18next)(PageView)) {
           overflow-y: auto;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -73,7 +73,7 @@ class CheckReturnOrder extends connect(store)(localize(i18next)(PageView)) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {
@@ -115,7 +115,7 @@ class CheckReturnOrder extends connect(store)(localize(i18next)(PageView)) {
           text-overflow: ellipsis;
           overflow: hidden;
           white-space: nowrap;
-          color: var(--primary-color);
+          color: var(--md-sys-color-primary);
           font-size: var(--fontsize-default);
         }
         [attachment-wrap] {
@@ -165,14 +165,13 @@ class CheckReturnOrder extends connect(store)(localize(i18next)(PageView)) {
                 <label>${i18next.t('label.attachment')}</label>
                 <ul attachment-wrap>
                   ${(this._attachments || []).map(
-                    attachment =>
-                      html`
-                        <li>
-                          <a href="${location.origin}/attachment/${attachment.path}" download
-                            ><mwc-icon>attach_file</mwc-icon> ${attachment.name}</a
-                          >
-                        </li>
-                      `
+                    attachment => html`
+                      <li>
+                        <a href="${location.origin}/attachment/${attachment.path}" download
+                          ><mwc-icon>attach_file</mwc-icon> ${attachment.name}</a
+                        >
+                      </li>
+                    `
                   )}
                 </ul>
               `

package/client/pages/order/return-order/create-return-order.js

@@ -6,11 +6,11 @@ import gql from 'graphql-tag'
 import { css, html } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { openPopup } from '@operato/layout'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 
 import { fetchSettingRule } from '../../../fetch-setting-value'
 import { ORDER_INVENTORY_STATUS, ORDER_TYPES } from '../../constants'
@@ -78,11 +78,11 @@ class CreateReturnOrder extends localize(i18next)(PageView) {
         }
         [attachment-wrap] file-uploader {
           flex: 1;
-          margin: 0 var(--margin-wide) 0 var(--margin-narrow);
+          margin: 0 var(--spacing-large) 0 var(--spacing-small);
         }
 
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -102,7 +102,7 @@ class CreateReturnOrder extends localize(i18next)(PageView) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {

package/client/pages/order/return-order/receive-return-order-requests.js

@@ -1,10 +1,10 @@
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import '@operato/data-grist'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { openPopup } from '@operato/layout'
 import { client, CustomAlert, navigate, PageView, store } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
@@ -49,7 +49,7 @@ class ReceiveReturnOrderRequests extends connect(store)(localize(i18next)(PageVi
           overflow-y: auto;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -74,7 +74,7 @@ class ReceiveReturnOrderRequests extends connect(store)(localize(i18next)(PageVi
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {
@@ -116,7 +116,7 @@ class ReceiveReturnOrderRequests extends connect(store)(localize(i18next)(PageVi
           text-overflow: ellipsis;
           overflow: hidden;
           white-space: nowrap;
-          color: var(--primary-color);
+          color: var(--md-sys-color-primary);
           font-size: var(--fontsize-default);
         }
         [attachment-wrap] {
@@ -166,14 +166,13 @@ class ReceiveReturnOrderRequests extends connect(store)(localize(i18next)(PageVi
                 <label>${i18next.t('label.attachment')}</label>
                 <ul attachment-wrap>
                   ${(this._attachments || []).map(
-                    attachment =>
-                      html`
-                        <li>
-                          <a href="${location.origin}/attachment/${attachment.path}" download
-                            ><mwc-icon>attach_file</mwc-icon> ${attachment.name}</a
-                          >
-                        </li>
-                      `
+                    attachment => html`
+                      <li>
+                        <a href="${location.origin}/attachment/${attachment.path}" download
+                          ><mwc-icon>attach_file</mwc-icon> ${attachment.name}</a
+                        >
+                      </li>
+                    `
                   )}
                 </ul>
               `

package/client/pages/order/return-order/rejected-return-order.js

@@ -1,9 +1,9 @@
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { CommonButtonStyles } from '@things-factory/styles'
 import '@operato/data-grist'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, PageView, store } from '@things-factory/shell'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
@@ -49,7 +49,7 @@ class RejectedReturnOrder extends connect(store)(localize(i18next)(PageView)) {
           overflow-y: auto;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -74,7 +74,7 @@ class RejectedReturnOrder extends connect(store)(localize(i18next)(PageView)) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {
@@ -116,7 +116,7 @@ class RejectedReturnOrder extends connect(store)(localize(i18next)(PageView)) {
           text-overflow: ellipsis;
           overflow: hidden;
           white-space: nowrap;
-          color: var(--primary-color);
+          color: var(--md-sys-color-primary);
           font-size: var(--fontsize-default);
         }
         [attachment-wrap] {
@@ -172,14 +172,13 @@ class RejectedReturnOrder extends connect(store)(localize(i18next)(PageView)) {
                 <label>${i18next.t('label.attachment')}</label>
                 <ul attachment-wrap>
                   ${(this._attachments || []).map(
-                    attachment =>
-                      html`
-                        <li>
-                          <a href="${location.origin}/attachment/${attachment.path}" download
-                            ><mwc-icon>attach_file</mwc-icon> ${attachment.name}</a
-                          >
-                        </li>
-                      `
+                    attachment => html`
+                      <li>
+                        <a href="${location.origin}/attachment/${attachment.path}" download
+                          ><mwc-icon>attach_file</mwc-icon> ${attachment.name}</a
+                        >
+                      </li>
+                    `
                   )}
                 </ul>
               `

package/client/pages/order/return-order/return-order-assign-buffer-location.js

@@ -1,10 +1,10 @@
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import '@operato/data-grist'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { openPopup } from '@operato/layout'
 import { client, CustomAlert, navigate, PageView, store } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
@@ -50,7 +50,7 @@ class ReturnOrderAssignBufferLocation extends connect(store)(localize(i18next)(P
           overflow-y: auto;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -75,7 +75,7 @@ class ReturnOrderAssignBufferLocation extends connect(store)(localize(i18next)(P
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {
@@ -117,7 +117,7 @@ class ReturnOrderAssignBufferLocation extends connect(store)(localize(i18next)(P
           text-overflow: ellipsis;
           overflow: hidden;
           white-space: nowrap;
-          color: var(--primary-color);
+          color: var(--md-sys-color-primary);
           font-size: var(--fontsize-default);
         }
         [attachment-wrap] {
@@ -167,14 +167,13 @@ class ReturnOrderAssignBufferLocation extends connect(store)(localize(i18next)(P
                 <label>${i18next.t('label.attachment')}</label>
                 <ul attachment-wrap>
                   ${(this._attachments || []).map(
-                    attachment =>
-                      html`
-                        <li>
-                          <a href="${location.origin}/attachment/${attachment.path}" download
-                            ><mwc-icon>attach_file</mwc-icon> ${attachment.name}</a
-                          >
-                        </li>
-                      `
+                    attachment => html`
+                      <li>
+                        <a href="${location.origin}/attachment/${attachment.path}" download
+                          ><mwc-icon>attach_file</mwc-icon> ${attachment.name}</a
+                        >
+                      </li>
+                    `
                   )}
                 </ul>
               `

package/client/pages/order/return-order/return-order-detail.js

@@ -1,9 +1,9 @@
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import '@operato/data-grist'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, CustomAlert, navigate, PageView, store } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
@@ -47,7 +47,7 @@ class ReturnOrderDetail extends connect(store)(localize(i18next)(PageView)) {
           overflow-y: auto;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -72,7 +72,7 @@ class ReturnOrderDetail extends connect(store)(localize(i18next)(PageView)) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {
@@ -114,7 +114,7 @@ class ReturnOrderDetail extends connect(store)(localize(i18next)(PageView)) {
           text-overflow: ellipsis;
           overflow: hidden;
           white-space: nowrap;
-          color: var(--primary-color);
+          color: var(--md-sys-color-primary);
           font-size: var(--fontsize-default);
         }
         [attachment-wrap] {
@@ -176,14 +176,13 @@ class ReturnOrderDetail extends connect(store)(localize(i18next)(PageView)) {
                   <label>${i18next.t('label.attachment')}</label>
                   <ul attachment-wrap>
                     ${(this._attachments || []).map(
-                      attachment =>
-                        html`
-                          <li>
-                            <a href="${location.origin}/attachment/${attachment.path}" download
-                              ><mwc-icon>attach_file</mwc-icon> ${attachment.name}</a
-                            >
-                          </li>
-                        `
+                      attachment => html`
+                        <li>
+                          <a href="${location.origin}/attachment/${attachment.path}" download
+                            ><mwc-icon>attach_file</mwc-icon> ${attachment.name}</a
+                          >
+                        </li>
+                      `
                     )}
                   </ul>
                 `

package/client/pages/order/return-order/return-order-inventory-popup.js

@@ -1,8 +1,8 @@
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import '@operato/data-grist'
-import { i18next, localize } from '@things-factory/i18n-base'
-import { client } from '@things-factory/shell'
-import { isMobileDevice } from '@things-factory/utils'
+import { i18next, localize } from '@operato/i18n'
+import { client } from '@operato/graphql'
+import { isMobileDevice } from '@operato/utils'
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
 import { ORDER_INVENTORY_STATUS, ORDER_TYPES } from '../../constants'
@@ -28,7 +28,7 @@ class ReturnOrderInventoryPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow: hidden;
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
         .container {
           flex: 1;

package/client/pages/order/return-order/return-order-list.js

@@ -1,10 +1,10 @@
 import '@things-factory/form-ui'
 import '@operato/data-grist'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, navigate, PageView } from '@things-factory/shell'
-import { ScrollbarStyles } from '@things-factory/styles'
+import { ScrollbarStyles } from '@operato/styles'
 import { getCodeByName } from '@things-factory/code-base'
-import { isMobileDevice } from '@things-factory/utils'
+import { isMobileDevice } from '@operato/utils'
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { ORDER_STATUS } from '../../constants'

package/client/pages/order/return-order/return-order-requests.js

@@ -1,10 +1,10 @@
 import { getCodeByName } from '@things-factory/code-base'
 import '@things-factory/form-ui'
 import '@operato/data-grist'
-import { i18next, localize } from '@things-factory/i18n-base'
+import { i18next, localize } from '@operato/i18n'
 import { client, navigate, PageView } from '@things-factory/shell'
-import { ScrollbarStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
+import { ScrollbarStyles } from '@operato/styles'
+import { isMobileDevice } from '@operato/utils'
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
 import { ORDER_STATUS } from '../../constants'