@solvimon/solvimon-web 0.1.0-alpha.6 → 0.1.0-alpha.8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@solvimon/solvimon-web",
-    "version": "0.1.0-alpha.6",
+    "version": "0.1.0-alpha.8",
     "description": "Solvimon's Front-end SDK provides you with the building blocks to create a billing self serve experience",
     "private": false,
     "publishConfig": {
@@ -9,32 +9,38 @@
     },
     "scripts": {
         "analyze": "vite-bundle-visualizer",
-        "prebuild": "npm run build:css && npm run type-check:declarations",
+        "prebuild": "npm run build:css && npm run type-check",
         "build": "vite build",
         "build:css": "tailwindcss -i ./src/assets/index.css -o ./.sdk/tailwind.css",
         "dev": "npm run watch",
+        "playground:dev": "npm --prefix playground run dev",
+        "playground:install": "npm --prefix playground install",
         "lint": "eslint . --fix",
         "lint:ci": "eslint . --ignore-pattern .eslintignore",
         "test:unit": "vitest",
+        "test:coverage": "vitest --run --coverage",
         "type-check:declarations": "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.json --composite false",
         "type-check": "vue-tsc --noEmit -p tsconfig.json --composite false",
-        "watch": "vite build --watch",
+        "prewatch": "npm run build:css",
+        "watch": "run-p watch:js watch:css",
+        "watch:js": "vite build --watch",
         "watch:css": "npm run build:css -- --watch",
         "translations:extract": "formatjs extract 'src/**/*.{ts,vue}*' --ignore='**/*.d.ts' --out-file 'src/translations/source.json' --flatten --additional-function-names '$t'",
         "translations:compile": "formatjs compile 'src/translations/source.json' --out-file 'src/translations/en-US.json'",
-        "translations:check": "tsx ./scripts/check-translations.ts",
-        "test:e2e:run-app": "tsx scripts/start-test-app.ts",
+        "translations:check": "node ./scripts/check-translations.mjs",
+        "test:e2e:run-app": "node scripts/start-test-app.mjs",
         "test:e2e": "playwright test",
         "test:e2e:ui": "playwright test --ui",
         "test:e2e:ci": "playwright test",
-        "test:ssl:generate": "tsx scripts/generate-ssl-cert.ts",
+        "test:ssl:generate": "node scripts/generate-ssl-cert.mjs",
         "version:bump": "node scripts/bump-version.mjs",
         "version:patch": "npm version patch --no-git-tag-version",
         "version:minor": "npm version minor --no-git-tag-version",
         "version:major": "npm version major --no-git-tag-version",
         "changelog:check": "node scripts/check-changelog.mjs",
         "publish:guard": "node scripts/publish-guard.mjs",
-        "prepublishOnly": "npm run publish:guard && npm run changelog:check && npm run build"
+        "prepublishOnly": "npm run publish:guard && npm run changelog:check && npm run build",
+        "prepare": "husky"
     },
     "files": [
         "dist"
@@ -71,6 +77,11 @@
             "import": "./dist/screens/UpgradeSubscription/UpgradeSubscription.es.js",
             "require": "./dist/screens/UpgradeSubscription/UpgradeSubscription.cjs.js"
         },
+        "./screens/pay-invoice": {
+            "types": "./dist/screens/PayInvoice/PayInvoice.ce.d.ts",
+            "import": "./dist/screens/PayInvoice/PayInvoice.es.js",
+            "require": "./dist/screens/PayInvoice/PayInvoice.cjs.js"
+        },
         "./components/subscriptions-list": {
             "types": "./dist/components/SubscriptionsList/SubscriptionsList.ce.d.ts",
             "import": "./dist/components/SubscriptionsList/SubscriptionsList.es.js",
@@ -127,28 +138,28 @@
             "require": "./dist/components/PaymentMethodForm/PaymentMethodForm.cjs.js"
         }
     },
+    "sideEffects": false,
+    "peerDependencies": {
+        "vue": ">=3.5.0"
+    },
     "dependencies": {
         "@adyen/adyen-web": "^6.14.0",
-        "@formatjs/intl": "^3.1.5",
-        "@vueuse/core": "^9.13.0",
-        "@vueuse/shared": "^10.7.2",
-        "jwt-decode": "^4.0.0",
-        "lodash-es": "^4.18.0",
-        "vite-plugin-string": "^1.2.3",
-        "vue": "^3.5.13"
+        "jwt-decode": "^4.0.0"
     },
     "devDependencies": {
+        "@commitlint/cli": "^20.5.3",
+        "@commitlint/config-conventional": "^20.5.3",
         "@formatjs/cli": "^6.6.1",
         "@playwright/test": "^1.57.0",
         "@rushstack/eslint-patch": "^1.2.0",
         "@solvimon/solvimon-types": "^1.0.0",
-        "@solvimon/solvimon-ui": "^1.0.1",
+        "@solvimon/solvimon-ui": "^1.0.2",
         "@tsconfig/node22": "^22.0.0",
         "@types/jsdom": "^21.1.7",
-        "@types/lodash-es": "^4.17.12",
         "@types/node": "^22.10.2",
         "@typescript-eslint/parser": "^8.46.2",
         "@vitejs/plugin-vue": "^5.2.3",
+        "@vitest/coverage-v8": "^3.2.4",
         "@vitest/eslint-plugin": "1.1.20",
         "@vue/eslint-config-prettier": "^10.2.0",
         "@vue/eslint-config-typescript": "^14.6.0",
@@ -165,9 +176,10 @@
         "eslint-plugin-unused-imports": "^4.1.4",
         "eslint-plugin-vue": "^9.33.0",
         "glob": "^11.0.1",
+        "husky": "^9.1.7",
         "jsdom": "^26.0.0",
         "npm-run-all2": "^7.0.2",
-        "postcss": "^8.5.1",
+        "postcss": "^8.5.10",
         "prettier": "^3.8.3",
         "prettier-plugin-tailwindcss": "^0.8.0",
         "tailwindcss": "^3.4.17",
@@ -176,6 +188,7 @@
         "typescript": "~5.6.3",
         "vite": "^6.4.2",
         "vite-plugin-dts": "^4.5.3",
+        "vite-plugin-string": "^1.2.3",
         "vite-plugin-vue-devtools": "^7.7.2",
         "vitest": "^3.1.1",
         "vitest-localstorage-mock": "^0.1.2",

package/dist/BillingInformation.vue_vue_type_script_setup_true_lang-eRGZRjmq.js

@@ -1 +0,0 @@
-const e=require("vue"),t=require("./component-yWF07boR.js"),i=require("./Skeleton.vue_vue_type_script_setup_true_lang-D1Xzfc70.js"),o=require("./useActionDispatchProvider-DmTJ_bqE.js"),n=e.defineComponent({__name:"BillingInformation",props:{customer:{type:Object},isLoading:{type:Boolean},configuration:{default:()=>({showEditButton:!0}),type:Object}},emits:["edit-billing-information"],setup(n){const{$t:r}=t.useIntl(),{dispatchAction:s}=o.useActionDispatchProvider();return(o,a)=>n.isLoading?(e.openBlock(),e.createBlock(i._sfc_main,{key:0,variant:"section",class:"min-h-[100px]","data-testid":"billing-information-skeleton"})):(e.openBlock(),e.createBlock(e.unref(t._sfc_main$z),{key:1,customer:n.customer,"fallback-to-reference":!1},e.createSlots({_:2},[n.configuration.showEditButton?{name:"settings",fn:e.withCtx(()=>[e.createVNode(e.unref(t._sfc_main$2H),{size:"sm",variant:"ghost",color:"gray","icon-prefix":"edit",onClick:a[0]||(a[0]=t=>e.unref(s)({action:"edit-billing-information"}))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)({defaultMessage:"Edit",id:"customer_overview.billing_information_block.view_all_payment_methods_link_label",description:"The link text that links to the overview page of the customer billing information"})),1)]),_:1})]),key:"0"}:void 0]),1032,["customer"]))}});exports._sfc_main=n;

package/dist/ContentWithAsideLayout-BZJPhvLh.js

@@ -1 +0,0 @@
-const e=require("vue"),o=require("./component-yWF07boR.js");const t={class:"grid w-full grid-cols-1 gap-4"},r={key:0},s={class:"flex flex-col items-start gap-6 md:flex-row"},l={class:"grid w-full grow grid-cols-1 gap-4 md:w-auto"},n={class:"grid w-full grid-cols-1 gap-4 md:w-80 md:shrink-0"};const c=((e,o)=>{const t=e.__vccOpts||e;for(const[r,s]of o)t[r]=s;return t})({},[["render",function(o,c){return e.openBlock(),e.createElementBlock("div",t,[o.$slots.header?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(o.$slots,"header")])):e.createCommentVNode("",!0),e.createElementVNode("div",s,[e.createElementVNode("div",l,[e.renderSlot(o.$slots,"content")]),e.createElementVNode("aside",n,[e.renderSlot(o.$slots,"aside")])])])}]]);exports.ContentWithAsideLayout=c,exports.usePortal=function(){const t=e.inject(o.PORTAL_INJECTION_KEY);if(!t)throw new Error("PortalProvider is not provided");return t};

package/dist/CustomerPaymentMethods.vue_vue_type_script_setup_true_lang-BvmKLc2H.js

@@ -1 +0,0 @@
-const e=require("vue"),t=require("./component-yWF07boR.js"),o=require("./Skeleton.vue_vue_type_script_setup_true_lang-D1Xzfc70.js"),n=require("./useActionDispatchProvider-DmTJ_bqE.js"),a={key:0,class:"flex flex-col gap-2"},i=e.defineComponent({__name:"CustomerPaymentMethodsBlock",props:{paymentMethods:{type:Array},limit:{default:2,type:Number},isLoading:{type:Boolean},showViewAllButton:{type:Boolean},showAddButton:{type:Boolean}},emits:["view-all-payment-methods","add-payment-method"],setup(o){const n=o,{$t:i}=t.useIntl(),d=e.computed(()=>n.paymentMethods.length>0);return(n,s)=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1g),{"no-spacing":"","no-border":"",title:e.unref(i)({defaultMessage:"{count, plural, one {Payment method} other {Payment methods}}",description:"Title for the payment methods block on the customer overview page",id:"customer_overview.payment_methods.title"},{count:String(o.paymentMethods.length)})},e.createSlots({default:e.withCtx(()=>[d.value?(e.openBlock(),e.createElementBlock("div",a,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.paymentMethods,o=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1g),{key:o.id},{default:e.withCtx(()=>[e.createVNode(e.unref(t._sfc_main),{"payment-method":o},null,8,["payment-method"])]),_:2},1024))),128))])):(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1g),{key:1},{default:e.withCtx(()=>[e.createVNode(e.unref(t._sfc_main$2),{variant:"body-sm",shade:"lighter","no-spacing":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Add a payment method for recurring invoice payments.",description:"Helper text for adding a payment method when no payment methods are configured",id:"customer_overview.payment_methods_block.add_payment_method_helper_text"})),1)]),_:1}),o.showAddButton?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$2H),{key:0,class:"mt-4 w-full",variant:"outline",color:"gray","icon-prefix":"add",type:"button",onClick:s[1]||(s[1]=e=>n.$emit("add-payment-method"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Add payment method",description:"Text for the add payment method button that is shown when no payment methods have been configured",id:"customer_overview.payment_methods_block.add_payment_method_button_label"})),1)]),_:1})):e.createCommentVNode("",!0)]),_:1}))]),_:2},[o.showViewAllButton?{name:"right",fn:e.withCtx(()=>[e.createVNode(e.unref(t._sfc_main$2H),{size:"sm",variant:"ghost",color:"gray","icon-suffix":"arrow_right_alt",type:"button",onClick:s[0]||(s[0]=e=>n.$emit("view-all-payment-methods"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"View all",id:"customer_overview.payment_methods_block.view_all_payment_methods_link_label",description:"The link text that links to the overview page of the customer invoices"})),1)]),_:1})]),key:"0"}:void 0]),1032,["title"]))}}),d=e.defineComponent({__name:"CustomerPaymentMethods",props:{isLoading:{type:Boolean},paymentMethods:{type:Array},maxPaymentMethods:{type:Number},configuration:{default:()=>({showViewAllButton:!0,showAddButton:!0}),type:Object}},setup(t){const{dispatchAction:a}=n.useActionDispatchProvider();return(n,d)=>{var s,r;return t.isLoading?(e.openBlock(),e.createBlock(o._sfc_main,{key:0,variant:"section",class:"h-72","data-testid":"customer-payment-methods-skeleton"})):(e.openBlock(),e.createBlock(i,{key:1,"is-loading":t.isLoading,"payment-methods":t.paymentMethods,"show-view-all-button":null==(s=t.configuration)?void 0:s.showViewAllButton,"show-add-button":null==(r=t.configuration)?void 0:r.showAddButton,onViewAllPaymentMethods:d[0]||(d[0]=t=>e.unref(a)({action:"view-all-payment-methods"})),onAddPaymentMethod:d[1]||(d[1]=t=>e.unref(a)({action:"add-payment-method"}))},null,8,["is-loading","payment-methods","show-view-all-button","show-add-button"]))}}});exports._sfc_main=d;

package/dist/InvoiceDetailsBlock.vue_vue_type_script_setup_true_lang-DNWspHtC.js

@@ -1 +0,0 @@
-const e=require("vue"),t=require("./component-yWF07boR.js"),i={key:0,class:"flex flex-col gap-2"},o=e.defineComponent({__name:"InvoiceDetailsBlock",props:{invoice:{type:Object}},setup(o){const{$t:n,formatDate:a}=t.useIntl();return(c,d)=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1g),{title:e.unref(n)({defaultMessage:"Invoice details",description:"Title for the invoice details block on the invoice overview page",id:"sdk.invoice_details.invoice_details_block.title"})},{default:e.withCtx(()=>[o.invoice?(e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("div",null,[e.createVNode(e.unref(t._sfc_main$2),{variant:"caps-heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(n)({defaultMessage:"Invoice date",description:"Title for the invoice date in invoice details block on the invoice overview page",id:"sdk.invoice_details.invoice_details_block.invoice_date"})),1)]),_:1}),o.invoice.invoice_date?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$2),{key:0,variant:"body-xs"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)({date:o.invoice.invoice_date,format:"date",timezone:o.invoice.customer.timezone,offsetType:"offsetted"})),1)]),_:1})):e.createCommentVNode("",!0)]),e.createElementVNode("div",null,[e.createVNode(e.unref(t._sfc_main$2),{variant:"caps-heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(n)({defaultMessage:"Due date",description:"Title for the due date in invoice details block on the invoice overview page",id:"sdk.invoice_details.invoice_details_block.due_date"})),1)]),_:1}),o.invoice.due_date?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$2),{key:0,variant:"body-xs"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)({date:o.invoice.due_date,format:"date",timezone:o.invoice.customer.timezone,offsetType:"offsetted"})),1)]),_:1})):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)]),_:1},8,["title"]))}});exports._sfc_main=o;

package/dist/PaymentHistoryBlock.vue_vue_type_script_setup_true_lang-Cx4c8E4i.js

@@ -1 +0,0 @@
-const e=require("vue"),t=require("./component-yWF07boR.js"),a={class:"flex flex-col-reverse gap-1"},n={class:"flex justify-between items-center mb-2"},o=e.defineComponent({__name:"PaymentHistoryBlock",props:{paymentAttempts:{type:Array},customer:{type:Object}},setup(o){const{$t:r,formatDate:i}=t.useIntl(),s={AUTHORIZED:"green",CANCELLED:"red",ERROR:"red",PENDING:"orange",PENDING_REFUND:"orange",REFUNDED:"orange",CHARGED_BACK:"orange",REFUSED:"red"};return(m,c)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.unref(t._sfc_main$2),{tag:"h2",variant:"heading-3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)({defaultMessage:"Payment history",description:"Title for the payment history block on the invoice details page",id:"sdk.invoice_details.payment_history.title"})),1)]),_:1}),e.createElementVNode("div",a,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.paymentAttempts,a=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1g),{key:a.id,class:"mt-1 md:mt-2"},{default:e.withCtx(()=>[e.createElementVNode("div",n,[e.createVNode(e.unref(t._sfc_main$2),{variant:"caps-heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)({defaultMessage:"Payment attempt",description:"Title for the payment attempt block",id:"sdk.invoice_details.payment_history.payment_attempt"})),1)]),_:1}),e.createVNode(e.unref(t._sfc_main$3),{color:s[a.result]},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t.formatEnum)(a.result)),1)]),_:2},1032,["color"])]),a.payment_method_details?(e.openBlock(),e.createBlock(e.unref(t._sfc_main),{key:0,"payment-method":a.payment_method_details},{description:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({date:a.created_at,format:"dateTime",offsetType:"offsetted",timezone:o.customer.timezone})),1)]),_:2},1032,["payment-method"])):e.createCommentVNode("",!0)]),_:2},1024))),128))])]))}});exports._sfc_main=o;