@fleetbase/storefront-engine 0.3.8 → 0.3.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,7 +7,14 @@ s<Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confir
7
7
  {{/unless}}
8
8
  </div>
9
9
  <div>
10
- <Button @type="magic" @text={{t "storefront.component.modals.manage-addons.title"}} @icon="plus" @iconPrefix="fas" @onClick={{perform this.createAddonCategory}} @disabled={{not this.createAddonCategory.isIdle}} />
10
+ <Button
11
+ @type="magic"
12
+ @text={{t "storefront.component.modals.manage-addons.title"}}
13
+ @icon="plus"
14
+ @iconPrefix="fas"
15
+ @onClick={{perform this.createAddonCategory}}
16
+ @disabled={{not this.createAddonCategory.isIdle}}
17
+ />
11
18
  </div>
12
19
  </div>
13
20
 
@@ -17,10 +24,21 @@ s<Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confir
17
24
  <div class="flex items-center rounded-md shadow-sm px-3 py-2 font-semibold bg-gray-200 dark:bg-gray-800 dark:text-gray-100 mb-2">
18
25
  <div class="flex-1 flex items-center">
19
26
  <FaIcon @icon="pencil" class="mr-1 dark:text-gray-100" />
20
- <Input @type="text" @value={{category.name}} {{on "blur" (perform this.saveAddonCategory category)}} class="w-full px-2 m-0 border-none bg-transparent dark:text-gray-100" />
27
+ <Input
28
+ @type="text"
29
+ @value={{category.name}}
30
+ {{on "blur" (perform this.saveAddonCategory category)}}
31
+ class="w-full px-2 m-0 border-none bg-transparent dark:text-gray-100"
32
+ />
21
33
  </div>
22
34
  <div class="flex items-center">
23
- <Button @text={{t "storefront.component.modals.manage-addons.new-addon"}} @icon="plus" @iconPrefix="fas" @onClick={{fn this.createNewAddon category}} class="mr-3" />
35
+ <Button
36
+ @text={{t "storefront.component.modals.manage-addons.new-addon"}}
37
+ @icon="plus"
38
+ @iconPrefix="fas"
39
+ @onClick={{fn this.createNewAddon category}}
40
+ class="mr-3"
41
+ />
24
42
  <a href="javascript:;" {{on "click" (perform this.deleteAddonCategory index)}} class="destroy-action opacity-50 hover:opacity-100 text-sm">
25
43
  {{t "storefront.component.modals.manage-addons.delete"}}
26
44
  </a>
@@ -22,8 +22,6 @@
22
22
  @paginationMeta={{@model.meta}}
23
23
  @page={{this.page}}
24
24
  @onPageChange={{fn (mut this.page)}}
25
- @tfootVerticalOffset="53"
26
- @tfootVerticalOffsetElements=".next-view-section-subheader"
27
25
  />
28
26
  </Layout::Section::Body>
29
27
 
@@ -12,7 +12,5 @@
12
12
  @paginationMeta={{@model.meta}}
13
13
  @page={{this.page}}
14
14
  @onPageChange={{fn (mut this.page)}}
15
- @tfootVerticalOffset="53"
16
- @tfootVerticalOffsetElements=".next-view-section-subheader"
17
15
  />
18
16
  </Layout::Section::Body>
@@ -12,7 +12,5 @@
12
12
  @paginationMeta={{@model.meta}}
13
13
  @page={{this.page}}
14
14
  @onPageChange={{fn (mut this.page)}}
15
- @tfootVerticalOffset="53"
16
- @tfootVerticalOffsetElements=".next-view-section-subheader"
17
15
  />
18
16
  </Layout::Section::Body>
@@ -33,8 +33,6 @@
33
33
  @paginationMeta={{@model.meta}}
34
34
  @page={{this.page}}
35
35
  @onPageChange={{fn (mut this.page)}}
36
- @tfootVerticalOffset="53"
37
- @tfootVerticalOffsetElements=".next-view-section-subheader"
38
36
  />
39
37
  </Layout::Section::Body>
40
38
 
@@ -1,6 +1,19 @@
1
1
  <Overlay @position="right" @noBackdrop={{true}} @isResizable={{true}} @width="570px" @fullHeight={{true}} @containerClass="border-l border-transparent dark:border-gray-700">
2
- <Overlay::Header @title={{this.overlayTitle}} @titleClass="truncate" @titleWrapperClass="w-3/4" @headerLeftClass="w-70pc" @headerLeftInnerClass="w-full flex-1" @onPressCancel={{this.transitionBack}}>
3
- <Button @icon={{this.overlayActionButtonIcon}} @type="primary" @text={{this.overlayActionButtonTitle}} @onClick={{perform this.saveProduct}} @isLoading={{not this.saveProduct.isIdle}} />
2
+ <Overlay::Header
3
+ @title={{this.overlayTitle}}
4
+ @titleClass="truncate"
5
+ @titleWrapperClass="w-3/4"
6
+ @headerLeftClass="w-70pc"
7
+ @headerLeftInnerClass="w-full flex-1"
8
+ @onPressCancel={{this.transitionBack}}
9
+ >
10
+ <Button
11
+ @icon={{this.overlayActionButtonIcon}}
12
+ @type="primary"
13
+ @text={{this.overlayActionButtonTitle}}
14
+ @onClick={{perform this.saveProduct}}
15
+ @isLoading={{not this.saveProduct.isIdle}}
16
+ />
4
17
  </Overlay::Header>
5
18
 
6
19
  <Overlay::Body @increaseInnerBodyHeightBy="0" @wrapperClass="new-order-overlay-body px-4 space-y-4 pt-4">
@@ -9,21 +22,48 @@
9
22
  <Textarea @value={{this.product.description}} class="form-input w-full" placeholder="Enter a description of your product...." rows={{4}} />
10
23
  </InputGroup>
11
24
  <InputGroup @name="Product Tags">
12
- <TagInput class="form-input" @placeholder="Add tags" @allowSpacesInTags={{true}} @tags={{this.product.tags}} @addTag={{this.addTag}} @removeTagAtIndex={{this.removeTag}} as |tag|>
25
+ <TagInput
26
+ class="form-input"
27
+ @placeholder="Add tags"
28
+ @allowSpacesInTags={{true}}
29
+ @tags={{this.product.tags}}
30
+ @addTag={{this.addTag}}
31
+ @removeTagAtIndex={{this.removeTag}}
32
+ as |tag|
33
+ >
13
34
  {{tag}}
14
35
  </TagInput>
15
36
  </InputGroup>
16
37
  <InputGroup @name="Product SKU" @value={{this.product.sku}} @helpText="Enter product SKU if applicable" />
17
38
  <div class="grid grid-cols-2 gap-2">
18
39
  <InputGroup @name="Price" @helpText="Enter a price users will pay to purchase this product">
19
- <MoneyInput class="w-full" @currency={{if this.product.currency this.product.currency this.activeStore.currency}} @value={{this.product.price}} @canSelectCurrency={{false}} @onCurrencyChange={{fn (mut this.product.currency)}} />
40
+ <MoneyInput
41
+ class="w-full"
42
+ @currency={{if this.product.currency this.product.currency this.activeStore.currency}}
43
+ @value={{this.product.price}}
44
+ @canSelectCurrency={{false}}
45
+ @onCurrencyChange={{fn (mut this.product.currency)}}
46
+ />
20
47
  </InputGroup>
21
48
  <InputGroup @name="Sale Price" @helpText="Optionally add a sale price for the product if the product is put on sale">
22
- <MoneyInput class="w-full" @currency={{if this.product.currency this.product.currency this.activeStore.currency}} @value={{this.product.sale_price}} @canSelectCurrency={{false}} @onCurrencyChange={{fn (mut this.product.currency)}} />
49
+ <MoneyInput
50
+ class="w-full"
51
+ @currency={{if this.product.currency this.product.currency this.activeStore.currency}}
52
+ @value={{this.product.sale_price}}
53
+ @canSelectCurrency={{false}}
54
+ @onCurrencyChange={{fn (mut this.product.currency)}}
55
+ />
23
56
  </InputGroup>
24
57
  </div>
25
58
 
26
- <ContentPanel @title="Metadata" @open={{this.product.meta_array.length}} @actionButtons={{this.metadataButtons}} @pad={{true}} @panelBodyWrapperClass="px-0 py-4" @panelBodyClass="bg-white dark:bg-gray-800">
59
+ <ContentPanel
60
+ @title="Metadata"
61
+ @open={{this.product.meta_array.length}}
62
+ @actionButtons={{this.metadataButtons}}
63
+ @pad={{true}}
64
+ @panelBodyWrapperClass="px-0 py-4"
65
+ @panelBodyClass="bg-white dark:bg-gray-800"
66
+ >
27
67
  {{#each this.product.meta_array as |metaField index|}}
28
68
  <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-700">
29
69
  <div class="input-group">
@@ -103,7 +143,12 @@
103
143
  <Input @type="text" @value={{variantOption.description}} class="form-input w-full" placeholder="Option Description" />
104
144
  </div>
105
145
  <div class="col-span-2">
106
- <MoneyInput class="w-full" @currency={{if this.product.currency this.product.currency this.activeStore.currency}} @canSelectCurrency={{false}} @value={{variantOption.additional_cost}} />
146
+ <MoneyInput
147
+ class="w-full"
148
+ @currency={{if this.product.currency this.product.currency this.activeStore.currency}}
149
+ @canSelectCurrency={{false}}
150
+ @value={{variantOption.additional_cost}}
151
+ />
107
152
  </div>
108
153
  <div class="flex items-center justify-center text-center text-sm">
109
154
  <a href="javascript:;" {{on "click" (fn this.removeVariantOption variant index)}}>Remove</a>
@@ -169,7 +214,9 @@
169
214
  <ContentPanel @title="Images & Videos" @open={{this.product.files.length}} @pad={{false}} @panelBodyWrapperClass="px-0 py-4" @panelBodyClass="bg-white dark:bg-gray-800">
170
215
  <div class="px-6 space-y-4">
171
216
  {{#if this.isUploading}}
172
- <div class="min-h-56 dropzone w-full rounded-lg px-4 py-8 min-h bg-gray-50 dark:bg-gray-900 bg-opacity-25 text-gray-900 dark:text-white text-center flex flex-col items-center justify-center border-2 border-dashed border-gray-200 dark:border-indigo-500">
217
+ <div
218
+ class="min-h-56 dropzone w-full rounded-lg px-4 py-8 min-h bg-gray-50 dark:bg-gray-900 bg-opacity-25 text-gray-900 dark:text-white text-center flex flex-col items-center justify-center border-2 border-dashed border-gray-200 dark:border-indigo-500"
219
+ >
173
220
  <div class="flex items-center justify-center py-5">
174
221
  <Spinner class="text-sm dar:text-gray-100" @loadingMessage={{t "component.dropzone.uploading"}} />
175
222
  </div>
@@ -228,7 +275,14 @@
228
275
  {{#each this.product.files as |file|}}
229
276
  <FileRecord @file={{file}} @fileIconClass={{if (eq this.product.primary_image_uuid file.id) "border-blue-400"}} @onDelete={{this.removeFile}}>
230
277
  <div class="flex items-center justify-evenly">
231
- <Button @icon="magic" @text="Make Primary" @size="xs" @textClass="text-xs truncate" @onClick={{fn this.makePrimaryFile file}} @disabled={{eq this.product.primary_image_uuid file.id}} />
278
+ <Button
279
+ @icon="magic"
280
+ @text="Make Primary"
281
+ @size="xs"
282
+ @textClass="text-xs truncate"
283
+ @onClick={{fn this.makePrimaryFile file}}
284
+ @disabled={{eq this.product.primary_image_uuid file.id}}
285
+ />
232
286
  </div>
233
287
  </FileRecord>
234
288
  {{/each}}
@@ -18,8 +18,17 @@
18
18
  {{#each this.model as |gateway|}}
19
19
  <ContentPanel @title={{gateway.name}} @open={{true}} @pad={{true}}>
20
20
  <InputGroup @name={{t "storefront.settings.gateways.gateway-name"}} @value={{gateway.name}} @helpText={{t "storefront.settings.gateways.helpText"}} />
21
- <InputGroup @name={{t "storefront.settings.gateways.gateway-code"}} @value={{gateway.code}} @disabled={{true}} @helpText={{t "storefront.settings.gateways.gateway-code-help-text"}} />
22
- <InputGroup @name={{t "storefront.settings.gateways.callback-url"}} @value={{gateway.callback_url}} @helpText={{t "storefront.settings.gateways.callback-url-help-text"}} />
21
+ <InputGroup
22
+ @name={{t "storefront.settings.gateways.gateway-code"}}
23
+ @value={{gateway.code}}
24
+ @disabled={{true}}
25
+ @helpText={{t "storefront.settings.gateways.gateway-code-help-text"}}
26
+ />
27
+ <InputGroup
28
+ @name={{t "storefront.settings.gateways.callback-url"}}
29
+ @value={{gateway.callback_url}}
30
+ @helpText={{t "storefront.settings.gateways.callback-url-help-text"}}
31
+ />
23
32
  <InputGroup @name={{t "storefront.settings.gateways.return-url"}} @value={{gateway.return_url}} @helpText={{t "storefront.settings.gateways.return-url-help-text"}} />
24
33
  <div class="input-group">
25
34
  <Checkbox @value={{gateway.sandbox}} @label={{t "storefront.settings.gateways.this-is-a-sandbox-gateway"}} @onToggle={{fn (mut gateway.sandbox)}} />
@@ -43,4 +43,5 @@
43
43
  {{/each}}
44
44
  </div>
45
45
  </form>
46
+ <Spacer @height="300px" />
46
47
  </SettingsContainer>
package/composer.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fleetbase/storefront-api",
3
- "version": "0.3.8",
3
+ "version": "0.3.9",
4
4
  "description": "Headless Commerce & Marketplace Extension for Fleetbase",
5
5
  "keywords": [
6
6
  "fleetbase-extension",
@@ -22,8 +22,8 @@
22
22
  ],
23
23
  "require": {
24
24
  "php": "^8.0",
25
- "fleetbase/core-api": "^1.4.23",
26
- "fleetbase/fleetops-api": "^0.4.28",
25
+ "fleetbase/core-api": "^1.4.25",
26
+ "fleetbase/fleetops-api": "^0.4.30",
27
27
  "geocoder-php/google-maps-places-provider": "^1.4",
28
28
  "laravel-notification-channels/apn": "^5.0",
29
29
  "laravel-notification-channels/fcm": "^4.1",
package/extension.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "Storefront",
3
- "version": "0.3.8",
3
+ "version": "0.3.9",
4
4
  "description": "Headless Commerce & Marketplace Extension for Fleetbase",
5
5
  "repository": "https://github.com/fleetbase/storefront",
6
6
  "license": "MIT",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fleetbase/storefront-engine",
3
- "version": "0.3.8",
3
+ "version": "0.3.9",
4
4
  "description": "Headless Commerce & Marketplace Extension for Fleetbase",
5
5
  "fleetbase": {
6
6
  "route": "storefront",
@@ -43,8 +43,8 @@
43
43
  "publish:github": "npm config set '@fleetbase:registry' https://npm.pkg.github.com/ && npm publish"
44
44
  },
45
45
  "dependencies": {
46
- "@fleetbase/ember-core": "^0.2.9",
47
- "@fleetbase/ember-ui": "^0.2.14",
46
+ "@fleetbase/ember-core": "^0.2.11",
47
+ "@fleetbase/ember-ui": "^0.2.16",
48
48
  "@fleetbase/fleetops-data": "^0.1.15",
49
49
  "@babel/core": "^7.23.2",
50
50
  "@fortawesome/ember-fontawesome": "^0.4.1",