@everymatrix/cashier-method-details 1.22.10

package/src/i18n.js

@@ -0,0 +1,27 @@
+import {
+  dictionary,
+  locale,
+  addMessages,
+  _
+} from 'svelte-i18n';
+
+function setupI18n({ withLocale: _locale, translations }) {
+  locale.subscribe((data) => {
+    if (data == null) {
+      dictionary.set(translations);
+      locale.set(_locale);
+    }
+  }); // maybe we will need this to make sure that the i18n is set up only once
+  /*dictionary.set(translations);
+  locale.set(_locale);*/
+}
+
+function addNewMessages(lang, dict) {
+  addMessages(lang, dict);
+}
+
+function setLocale(_locale) {
+  locale.set(_locale);
+}
+
+export { _, setupI18n, addNewMessages, setLocale };

package/src/index.ts

@@ -0,0 +1,4 @@
+import CashierMethodDetails from './CashierMethodDetails.svelte';
+
+!customElements.get('cashier-method-details') && customElements.define('cashier-method-details', CashierMethodDetails);
+export default CashierMethodDetails;

package/src/translations.js

@@ -0,0 +1,18 @@
+export const TRANSLATIONS = {
+  "en": {
+    "loading": 'Loading...',
+    "amountLabel": "Amount",
+    "makeDepositButton": "Deposit",
+    "confirmDepositText": "Are you sure you want to deposit",
+    "confirmDepositButton": "Ok",
+    "redirectTitle": "You are redirected to the payment\'s provider page",
+    "redirectMessage": "Please complete your transaction on the payment\'s provider page.",
+    "backToPayment": "Close",
+    "retryText": "Please note that your popup blocker may prevent the payment window from appearing",
+    "retryButton": "RETRY",
+    "processingButton": "Processing...",
+    "generalMin": "Min",
+    "generalMax": "Max",
+    "amountPlaceholder": "0.00"
+  },
+};

package/stories/CashierMethodDetails.stories.js

@@ -0,0 +1,13 @@
+import { html } from 'lit-element';
+
+import CashierMethodDetails from '../src/CashierMethodDetails';
+
+// This default export determines where your story goes in the story list
+export default {
+  title: 'CashierMethodDetails',
+};
+
+// 👇 We create a “template” of how args map to rendering
+const CashierMethodDetails = ({ aProperty }) => html`<cashier-method-details></cashier-method-details>`;
+
+export const FirstStory = CashierMethodDetails.bind({});

package/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+
+  "include": ["src/**/*"],
+  "exclude": ["node_modules/*", "__sapper__/*", "public/*"]
+}